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