見出し画像

デイトラ学習にっき🌷DAY5-7

1/29(金) 学習時間   1.5H・1/30(土)学習時間 3H・1/31(日)学習時間 4H

DAY5-7🌷ゼロからサイトを作ってみよう

◎サイト作成の手順
①コーディングを始める時は、まずどういう構成にしたいかを落ち着いて見る→分かれているブロックを理解

②HTMLでセクションごとの型を作ってから書き始める

画像1


③CSSで共通のスタイルを書く(フォントや文字の色、画像の幅)

画像4

④HTMLを一気に書く

⑤似たようなパーツがあるときは同じCSSがあてられないかを考えながらCSSを書いていく
ex)各セクションのtitleの書き方は同じだから共通のclassをつけようとか

レスポンシブ対応する


◎学習メモ
◆reset.css は予めファイルごと用意しておいて、読み込むほうが楽
◆CSSは上から順に読み込まれ上書きされていくので、reset.cssは自分で書いたcssより先にHTMLにて読み込む

◆上の階層が変わってもclass名をつけていたら大丈夫なので、なるべくclass名をつけてCSSをあてる

containerクラスを付けたdivでコンテンツを囲むことで横幅を共通にできる

◆大事な文字は画像に埋め込むのではなくテキスト表示したほうがSEOのメリットがある




この記事が参加している募集

#最近の学び

181,973件

この記事が気に入ったらサポートをしてみませんか?