-本日のアジェンダ-
1限目
学科 HTML基礎④
CSSの読み込み方について
2限目
学科 HTML基礎④
FTPサーバーについて
3限目
学科 HTML基礎④
FTPサーバーの取り扱いについて
4限目
学科 HTML基礎④
HTMLのまとめ
5限目
学科 HTML基礎④
グラフィックツールの復習
本日のテーマ
タグチェッカーを活用しましょう。
CSSの読み込み方について
CSSを書く方法（場所）は3パターンあります。それぞれメリット・デメリットがあるため、この3パターンを組み合わせてCSSを書いていくのが良いでしょう。
パターン①「 外部ファイル 」
1つめの方法は、外部ファイルのCSSから読み込む方法です。つまり、CSSファイルを別に作り、HTMLファイルから読み込むということです。この作成したCSSファイルは外部スタイルシート（外部CSS）と呼ばれます。ウェブサイトを作る時にはこれが最も一般的な方法です。
パターン②「 styleタグ」
2つめの方法はHTMLファイルのheadタグ内に<style>〜</style>を書き、その中にCSSを書く方法です。
パターン③「 style属性を使う 」
3つめは、HTMLのタグにstyle属性を書く方法です。文字にサクッと色をつけたり、線を引いたりするときには便利ですが、タグにいちいち書き込む必要がありやや手間がかかります。また、後からまとめてデザインを変更することもできません。
ワンポイントアドバイス
基本的には外部ファイルで作成しましょう。また外部ファイルは1ファイルにまとめるのがベストですが、管理や運営方法を考えて使い分けましょう。
参考サイト
- CSSはどこに書く？外部CSSファイルの読み込み方 … – サルワカ
- CSSとは？HTMLとCSSの違いからわかるCSSの基礎知識と …
- html5.2ではstyle要素をbody内に書けるようになりました …
FTPサーバーについて
FTPサーバとは、FTPを使用してファイルの送受信を行うサーバのことである。 ファイルのアップロード・ダウンロードにはFTPクライアントソフトウェアが必要だが、最近のウェブブラウザにはこれが組み込まれている場合が多い。
ワンポイントアドバイス
サーバーについては、案件ごとにどのサーバーを利用しているかしっかりと確認を取ってから制作依頼を受けましょう。サーバーによって基本的な設定が異なったり細かい違いがありますので、確認作業をしっかりと行いましょう。
参考サイト
本日の課題①
wordpressのサイトに、本日学んだ内容を「投稿ページ」にまとめてください。
投稿日は、本日の日時で設定してください。
※ページタイトルに「議題」は必ず入れましょう。
本日の課題②
グラフィックデザイン基礎の内容をページにまとめてください。
投稿日は、該当する「学科 グラフィックデザイン基礎」の日時にしてください。
※ページタイトルに「議題」は必ず入れましょう。
本日の課題③
サンプルファイルをFTPでサーバーにUPして、Wordpressの記事に投稿してください。