![見出し画像](https://assets.st-note.com/production/uploads/images/44993283/rectangle_large_type_2_3170d587e250679a62f64830190411c1.png?width=1200)
デイトラ学習にっき🌷DAY5-7
1/29(金) 学習時間 1.5H・1/30(土)学習時間 3H・1/31(日)学習時間 4H
DAY5-7🌷ゼロからサイトを作ってみよう
◎サイト作成の手順
①コーディングを始める時は、まずどういう構成にしたいかを落ち着いて見る→分かれているブロックを理解
②HTMLでセクションごとの型を作ってから書き始める
③CSSで共通のスタイルを書く(フォントや文字の色、画像の幅)
④HTMLを一気に書く
⑤似たようなパーツがあるときは同じCSSがあてられないかを考えながらCSSを書いていく
ex)各セクションのtitleの書き方は同じだから共通のclassをつけようとか
⑥レスポンシブ対応する
◎学習メモ
◆reset.css は予めファイルごと用意しておいて、読み込むほうが楽
◆CSSは上から順に読み込まれ上書きされていくので、reset.cssは自分で書いたcssより先にHTMLにて読み込む
◆上の階層が変わってもclass名をつけていたら大丈夫なので、なるべくclass名をつけてCSSをあてる
◆containerクラスを付けたdivでコンテンツを囲むことで横幅を共通にできる
◆大事な文字は画像に埋め込むのではなくテキスト表示したほうがSEOのメリットがある
この記事が参加している募集
この記事が気に入ったらサポートをしてみませんか?