HTML 1時間目

HTML 1時間目 webサイトの基本

Transcript

1. 時間目 HTML 1 Webサイトの基本
2. URL（ユー・アール・エル） で ホームページの アドレスを指定する 指定したホームページが 表示される ブラウザは、ホームページを見るためのツール 1 2
3. 参考 Windowsの標準ブラウザ― Microsoft Edge（マイクロソフト エッジ） Macの標準ブラウザ― Safari(サファリ) その他の有名なブラウザー GoogleChrome（グーグルクローム） FireFox（ファイアフォックス） Internet Explorer(インターネットエクスプローラー) 代表的なブラウザ Opera（オペラ）
4. abc.com/ 参考 好きなドメインを使いたい場合、ドメイン取得業者を通じて申請し、年間数千円程度の利用料金を支払います。 取得したドメインは、URLにも、メールアドレスにも使用できます。 補足 URLに含まれる「ドメイン」とは？ インターネット上の住所 http://www. yamada@abc.com 組織名（ or サービス名） ＋ .jp/.com / .co.jp 等
5. 文章、色、リンクなどは、 HTMLで指定されている ホームページは、HTMLで作られている 解説 華やかなホームページも、実はHTML（エイチ・ティー・エム・エル）でテキストベースで作られています。 ブラウザがHTMLを解釈し、指定された通りに表示してくれます。
6. 参考 のぞいてみよう ホームページ閲覧中に 右クリックすると そのホームページの HTMLファイルを見れる。
7. インターネット上のサーバー つくる人 みる人 ホームページが表示される仕組み 作成 ブラウザでアクセス アップ ロード ブラウザが整形して表示 作る人 1 2 3 4
8. HTMLを書くためのツール メモ帳 DreamWeaver ホームページ ビルダー Atom Sublime Text Brackets ・・・などなど 本講座では Brackets（ブラケッツ） を利用 ココにHTMLを書いていきます。
9. 解説 ファイル名がページのURLになります。 以下のルールにのっとり、1ページにつき、1ファイルで保存してください。 トップページ以外の◦◦◦部分は何でもOK 最後は、◦◦◦.html か ◦◦◦.htm トップページの名前は、index.html HTMLファイルを保存するときのルール 1 2 3
10. ・ 1ページ１ファイルで保存 ・ ◦◦◦.htmlの形式 トップページはindex.html 保存の例
11. 参考 ① FFFTPをクリック ② 自分のサーバーを選択して接続をクリック ③ ボタンや、ドラック＆ドロップでアップロード。 アップロードには、FTPツールを利用する サーバー 自パソコン 操作例 Filezilla FFFTP 代表的なツール