質問: 現在、HTMLとCSSを使ったホームページのレイアウトを作っていますが、ブラウザが変わったり、スライドショーを追加したりするとレイアウトが崩れます。これからやろうと思っているスマホへのレスポンシブ挑戦の際にも、必ず、レイアウト崩れは立ちはだかると思います。 みなさんが、実際にレイアウトに組まれるまでに心がけることや順番などがあったら教えてください。 例) 僕の予想 1.最初にpxベースで詳細に設計して大きな枠を作る。 2.細部を作りこむ 3.画像などを埋める 4.レイアウトが崩れたら都度修正していく。
回答: 回答としては、「レイアウト崩れしないようにそもそも組む」ですね。 レイアウトが崩れるのは、要素の中にどういうコンテンツが入っていて、どういう幅のときにレイアウトを切り替えるか、などについて考えられていない場合や、コードが抜けていたり適切になっていない場合によく起こります。 HTMLにどういう要素(タグ)が有り、CSSにどういうプロパティがあるか、JavaScriptでどのようにそこが変動するのかなどを、少しずつ勉強されてはいかがでしょうか。勉強法としては、レベルの違う本を数冊買って、平行しながら読んでみるのがお勧めです。辞典のような本や入門書やよくわからないけど関係ありそうな難しい本など、様々な本を読むことで世界観がつかめると思います。Webの情報は「まとまって体系だてた説明」はほとんど無いため、まず本をお勧めします。