投稿者: master

-本日のアジェンダ-

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クライアントソフトウェアが必要だが、最近のウェブブラウザにはこれが組み込まれている場合が多い。 

ワンポイントアドバイス

サーバーについては、案件ごとにどのサーバーを利用しているかしっかりと確認を取ってから制作依頼を受けましょう。サーバーによって基本的な設定が異なったり細かい違いがありますので、確認作業をしっかりと行いましょう。

参考サイト

• 初心者のためのFFFTPの基本的な使い方。注意点などを交え …
• 【FFFTPソフトの設定方法】ホームページのファイルをアップ …
• 初心者におすすめ！無料のFTPソフト10選！ | サービス | プロ …

本日の課題①

wordpressのサイトに、本日学んだ内容を「投稿ページ」にまとめてください。
投稿日は、本日の日時で設定してください。
※ページタイトルに「議題」は必ず入れましょう。

本日の課題②

グラフィックデザイン基礎の内容をページにまとめてください。
投稿日は、該当する「学科　グラフィックデザイン基礎」の日時にしてください。
※ページタイトルに「議題」は必ず入れましょう。

本日の課題③

サンプルファイルをFTPでサーバーにUPして、Wordpressの記事に投稿してください。