速習HTMLの進め方

この文字をクリックするとサンプルダウンロード出来ます。


｜→ウェブページの土台を作る


★１週間でマスターすることを目標として進めます★


第２章速習HTMLへようこそ。第１章とは趣を変え、HTMLを速習できる章にしました。

必要なものは、テキストファイルを作成するメモ帳と画像編集ツールです。メモ帳はシステム標準で
インストールされていますので、問題無いと思います。

画像編集ツールは画像を切ったり貼ったりする為に使用します。多分、お持ちではないかと思います。

あっ、もうひとつ必要なものありました根性ヾ(^-^；) ｺﾞﾒﾝｺﾞﾒﾝ

●進め方

�@HTMLとスタイルシートを並行して進めます。また、後々の為、スタイルシートは外出ファイルとします。

�Aサンプルサイトを順番に少しずつ作成して、最後には完成したものが残る様な進め方です。

�B必要な画像ファイルもサンプルで用意してあります。

�Cサンプルサイトは「野辺山高原の四季」で、内容は架空のもので、ページ間の内容も
整合していません。sorry

トップページから個別の２個のページへリンクする構成です。トップメニューから遷移させます。
トップメニューの１個は、閲覧者からサイト管理者宛てのメール送信に使っています。


●ファイル名や拡張子

・index.html：トップページのhtmlソースです。

・about.html：牛乳工房についてのページhtmlソースです。：工房や周辺案内です。

・event.html：イベント案内ページhtmlソースです。：季節のイベントの案内です。

・title.gif ：トップページ最上部の画像
・top.gif：トップページ中央部の画像
・pic1.gif ：牛乳工房ページの最初の画像
・pic2.gif ：牛乳工房ページの２番目の画像
・pic3.gif ：牛乳工房ページの最後の画像
・mark.gif：牛乳工房ページの見出しもマーク
・back.gif：見易さ考慮して背景に模様をつける為に使用

・style-css.css：スタイルシートです。


●出来上がりのイメージは下図の通りです。

また、この第２章の最終ページにはサンプル内容の一括ダウンロードがりますので、
自由に使用して下さい。

細かい事は大幅に割愛しましたので、適宜、他サイトや本で補完して下さい。