気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
ページをレイアウトしてみよう その3 CSSレイアウトに挑戦
23 users
xtech.nikkei.com
xtech.nikkei.com
xtech.nikkei.com
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
■CSSレイアウトに挑戦 では、CSSでページ全体のレイアウトを決定する簡単な手順を確認しよう。基本的な... ■CSSレイアウトに挑戦 では、CSSでページ全体のレイアウトを決定する簡単な手順を確認しよう。基本的な部分は画像の配置について解説した回と同じである。現場で制作を担当する人ならもちろん、作業を統括する役目であってもこれくらいは理解しておいたほうが便利なので、ぜひ通読してほしい。 最終的にはこのようなスタイルになる予定だ。 ■ワイヤーフレームを作る 配色やグラフィックなど、ページの表現系を考える前に、全体をシンプルな矩形で分割して機能を割り当てるワイヤーフレームの作成を済ませておく。この設計図がCSS制作の土台だ。確認しながらソースコードを編集すると作業も進めやすい。ワイヤーフレーム上に反映させた矩形には、HTMLの部録レベルタグ用idにあたる記述（wrapperなど）も記載するとさらに便利だ。ちなみにidの記述方法は多くのサイトで共通の言い回しを使うことが多い。そうしておけばサイト制作に
xtech.nikkei.com
xtech.nikkei.com
xtech.nikkei.com
xtech.nikkei.com
www.akiradeveloper.com
www.smd-am.co.jp
note.com/kumiko_ueda
anond.hatelabo.jp
note.com/yriica
togetter.com
mrwk.hateblo.jp
tamuramble.theletter.jp
zenn.dev/hikarucraft
www.cnn.co.jp
xtech.nikkei.com
qiita.com/paddingtonmasa
2006/12/31 リンク