学科 HTML基礎⑥

-本日のアジェンダ-

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ファイルにまとめるのがベストですが、管理や運営方法を考えて使い分けましょう。

参考サイト

FTPサーバーについて

FTPサーバとは、FTPを使用してファイルの送受信を行うサーバのことである。 ファイルのアップロード・ダウンロードにはFTPクライアントソフトウェアが必要だが、最近のウェブブラウザにはこれが組み込まれている場合が多い。 

ワンポイントアドバイス

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

参考サイト

本日の課題①

FTP(ffftp)を用いてサンプルファイルをサーバーにアップロードしてください。
アップロード先は、サブフォルダを設定してください。

本日の課題②

WordPressサイトに、本日学んだ内容を「投稿ページ」にまとめてください。
投稿日は、本日の日時で設定してください。
※ページタイトルは、投稿内容がわかるような記述にしましょう。

本日の課題②

過去の訓練の復習として訓練内容を「投稿ページ」にまとめてください。
投稿日は、該当する訓練の日時にしてください。
※ページタイトルは、投稿内容がわかるような記述にしましょう。