2025/10/27 学科・HTML/CSS基礎⑧

-本日のアジェンダ-

1限目
学科 HTML/CSS基礎⑧
Webページ制作実践

・img画像の挿入時
width,heightは入れなくても出てくるが、プロパティ詳細からイメージサイズを見て、その値を入れておくことで速さ対策になる

・検証ツールの右上のリンクから試したCSSコードをコピーできる

・リセットCSSはその他のリンクより上に記述する

・ファビコン・・ウェブサイトの左についているアイコンのようなもの
作成したjpgファイルなどを準備→ファビコンジェネレーターと検索し出てきたサイトで作成→リンク張る

・横並びにするとき
親子関係を作って子供を横並びにするのが基本
親にdisplay : block;を記載する

・link 記述の際に link typeの記載がある場合があるが、現在はなくても大丈夫なので記載不要。
昔は書く必要があった。

2限目
学科 HTML/CSS基礎⑧
Webページ制作実践

3限目
学科 HTML/CSS基礎⑧
Webページ制作実践

4限目
学科 HTML/CSS基礎⑧
Webページ制作実践

5限目
学科 HTML/CSS基礎⑧
本日の講義のまとめ


本日のテーマ

Webページを完成させましょう

本日の課題

Webページ制作実践で作成したページのキャプチャを取得してWordPressの投稿ページに貼り付けを行いましょう。(出来たところまでで大丈夫です)です)

本日学んだこと

HTML復習
ファビコンについて
セレクタから書くと良い

感想

本日はHTML、CSSのこれまでの復習とまとめなどを学びました。
スピードが上がって苦手意識が出てきたのでモチベーションを保てるよう頑張りたいです。
trainning4の写真を変えたりファビコンやロゴを以前作成したロゴに変えてみましたが、こちらは楽しめました。
作りながら覚えていきたいです。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール