1. HTML Webサイトの基本 1 時間目

2. ブラウザは、ホームページを見るためのツールブラウザは、ホームページを見るためのツール URL（ユー・アール・エル）で ホームページの アドレスを指定する 1 指定したホームページが 表示される 2

3. 代表的なブラウザ 参考 Windowsの標準ブラウザ― Microsoft Edge（マイクロソフト エッジ） Internet Explorer(インターネットエクスプローラー) Macの標準ブラウザ― Safari(サファリ) その他の有名なブラウザー GoogleChrome（グーグルクローム） FireFox（ファイアフォックス） Opera（オペラ）

4. URLに含まれる「ドメイン」とは？ 参考 インターネット上の住所 abc.com/ http://www. yamada@abc.com 組織名（ or サービス名） ＋ .jp/.com / .co.jp 等 好きなドメインを使いたい場合、ドメイン取得業者を通じて申請し、年間数千円程度の利用料金を支払います。 取得したドメインは、URLにも、メールアドレスにも使用できます。 補足

5. ホームページは、HTMLで作られている 華やかなホームページも、実はHTML（エイチ・ティー・エム・エル）でテキストベースで作られています。 ブラウザがHTMLを解釈し、指定された通りに表示してくれます。 解説 文章、色、リンクなどは、 HTMLで指定されている

6. のぞいてみよう 参考 ホームページ閲覧中に 右クリックすると そのホームページの HTMLファイルを見れる。

7. ホームページが表示される仕組み インターネット上のサーバー ブラウザでアクセス 3 作成 1 アップ ロード 2 つくる人 作る人 みる人 ブラウザが整形して表示 4

8. HTMLを書くためのツール Brackets Sublime Text Atom ・・・などなど ホームページ ビルダー DreamWeaver メモ帳 本講座では Brackets（ブラケッツ） を利用 ココにHTMLを書いていきます。

9. HTMLファイルを保存するときのルール ファイル名がページのURLになります。 以下のルールにのっとり、1ページにつき、1ファイルで保存してください。 解説 最後は、○○○.html か ○○○.htm 1 トップページの名前は、index.html 2 トップページ以外の○○○部分は何でもOK 3

10. 保存の例 ・ 1ページ１ファイルで保存 ・ ○○○.htmlの形式 トップページはindex.html

11. アップロードには、FTPツールを利用する 参考 操作例 代表的なツール ① FFFTPをクリック FFFTP ② 自分のサーバーを選択して接続をクリック Filezilla ③ ボタンや、ドラック＆ドロップでアップロード。 自パソコン サーバー