あるLinux記録サイトの構築記録 01 まずはレイアウトを用意 | WEB系技術電脳日記

あるLinux記録サイトの構築記録 01 まずはレイアウトを用意

先程の件で、まぁ・・・よく考えて見れば、記事を書くのは私かスタッフだけだし、
ならば、自分で適度に汎用部分はコードに埋め込めばいいかな?ってなる。
早速、構築開始(´・ω・)ス
例の如く、構築しながら書いていく。
またどうもスピード感が足りないので、
恥ずかしながら、公開しながら書いていく。
まずはサーバ内のデータを全てダウンロードし、バックアップを用意。
今回、環境はさくらVPS

さて、まずはレイアウトを用意。
目的の技術を淡々と書いていくので、
左にバナー。全体は940pxに
デザインは安価にラインのみにしておく。
そして・・・linuxなので、
まずはペンギンのフリー素材をDLし、加工。
今回は作りながらデザインを用意。
サイトのタイトルは、なんとなく。

index.php を用意し、
wrapper,内包で、header,main(side、contents)、footer
流れとして、メインのデザインざっくり用意
 ↓
それぞれ呼びこむPHPに分ける
<div id="wrapper">
<div id="header">
</div><!--END HEADER-->
<div id="main">
<div id="contents">
</div><!--END CONTENTS-->
<div id="sidebar">
</div><!--END SIDEBAR-->
</div><!--END MAIN-->
<div id="footer">
</div><!--END FOOTER-->
</div><!--END WRAPPER-->

おk,
そしてstyle.css用意。
バンバン画像を加工して切り出していく。