こんにちは、関西在住で主夫歴５年越のYUJIです。
家事や子育てで、皆さんも毎日忙しい日々をお過ごしですか？
今回もサイト模写の注意点を備忘録としてお伝えさせていただきます。
今回の模写サイトは、以下の教材です。
(いつもお世話になっている学習サイト「Codestep」からリンクさせていただいています。)
今回のサイト模写ポイント
今回のサイト模写で、足りなかった処理の概要をお伝えします。
まずは「HTML」からです。
- CDN処理が不足（unpkg処理）
- googleapisのpreconnectリンク処理不足
- あわせてGoogleFontのNoto設定不足
- h1クラスのsite-title設定不足
- Navタグの”navi”アイディ付与不足
- header ulタグのクラスnav-sns付与不足
- header ul liタグのターゲットブランク付与不足
- レスポンシブ設定不足
- ハンバーガーメニュー設定不足
- videoファイル設定不足
- videoタグのloop設定不足
- プロジェクトエリアの画像リンク（aタグリンク）不足
- flowエリアli内の番号付与不足
- Contact内pタグのcontact-descriptionは削除(不要)
- footerタグ直下aタグ不足（id ti-topとリンク＃の付与不足も含む）
- fooder内pタグ不足（クラスのコピーライト付与不足）
今後について
いかがでしたでしょうか。
今の私が業務として取り組んだ際には、先輩から上記の指摘をいただくことを想定しています。
足りなかったコードは素直に受け止め、次回は反映できるようにしたいと思います。
HTML言語のコード入力が終われば、次にCSS言語に移りたいと思います。
それでは、この続きは次回に。
育児に忙しい主夫のプログラミング学習と超絶時短料理！ 