投稿者: 本日のテーマ
練習問題を解いてみましょう
1限目
学科 HTML/CSS基礎⑩
練習問題について
2限目
学科 HTML/CSS基礎⑩
練習問題
3限目
学科 HTML/CSS基礎⑩
練習問題
4限目
学科 HTML/CSS基礎⑩
練習問題
5限目
学科 HTML/CSS基礎⑩
本日の講義のまとめ
練習問題について
以下の練習問題は、実際のWebページ制作を対象とした練習問題になっています。各問題の進め方を動画で説明していますので各自で実施してみてください。
練習問題①：マークアップの練習
練習問題②：CSSのプロパティと値を考える
練習問題③：レイアウトを定義するCSS
練習問題④：Webページ運用・作成の困った問題
動画を観たあと、お手本のサイトと見比べながらHTML・CSSを書いていく練習でした。
練習問題④まであるうち、時間内に出来たのは②まででした。
＜MEMO＞
授業の内容以外でタメになるお話をしてくださったので残しておきます
SEO対策
①サイト内のコンテンツが有益
②正しいHTML（タイトルと内容が合っているか、適切なタグを使用しているか）
③モバイルフレンドリー（RMD対応しているか）
④処理速度（WordPress ＜ HTML）
注意！PCに画像添付するときはPhotoshopで画像サイズを加工してから載せる
画像書き出しどれが良いの？
・アニメーション→GIF
・背景透過→PNG-24 or PNG-8 or GIF
・イラスト(色数少)→PNG-24 or PNG-8 or GIF
・グラデーション→JPG（高画質）
・写真→JPG（適切な圧縮率）
・画質優先→PNG-24
・ファイルサイズ優先→JPG（中。低画質）※画質劣化するため元画像保管