スタイルシートマニア

改めてFluid Grid Layoutを勉強してみる。 レイアウト | ホームページカスタマイズ Tips

まず最初に、ページのレイアウトを考えます。
何においても事前に計画を立てて全体像を把握するのは手際のいい仕事の第一歩ですね。
っということで、ページ全体のレイアウトを考えます。

まあ、ご覧いただければ分かっていただけるかと思いますが、メインで表示する大きな画像があってその下に画像の説明とナンバーが入っていてナビゲーションのサムネイル画像が入っているような感じですね。シンプルです。
HTML構造はページ全体をgildConteinerで囲って、「メイン画像」をLayoutDiv1、「説明」をLayoutDiv2、「ナビゲーション」をLayoutDiv3でそれぞれ囲ってスタイルを設定していくということになります。

Author:庄野英朗
Comments:0

庄野英朗

Source Marine 代表
デザイン・コーディング・PHPアプリケーションまでこなす。
マルチデザインプログラマ。

コメントを残す