Webサイト制作の企画 「地域の名所紹介」をテーマにしたWebサイト制作において、 Webサイトの全体構成を企画しなさい。 テーマ:地域の名所紹介 目的:地域の名所を調査し、内容を発信することで地域の活性化を図る。 サイトに掲載する内容:名所の写真と簡単な紹介文章 Webサイトを制作するときには、下図のようなサイトマップ(サイト構成図)を 作成すると、全体構成がわかりやすくなる。  トップページ ーーーーー ページA          |          |ーーー ページB          |          |ーーー ページC   CSS          |          ファイル HTMLの基本的な書式 ←htmlの開始    ←headの開始    タイトルなど、全体に関係するヘッダ情報を入力する部分 ←headの終了  ←bodyの開始   表示するテキストや画像、リンク情報など本文を入力する部分  ←bodyの終了 ←htmlの終了 画像を表示する指定のしかた。 画像ファイルが別のフォルダ「image」の中にあるときの指定のしかた 次に、メニューとなるWebページ( index.html )にリンクを設定。 メニューからWebページを表示できるようにする。 index.htmlに、下の1行を追加すればよい。 リンク文字列 さらに、メニューのWebページに戻るためのリンクを、リンク先のWebページに設定する。 戻る また、Webページから関連するほかのページへ移動するリンクも必要に応じて設定する。 リンク先ファイルが別の場所に保存されている場合、ファイル名の前にパスを入力する。 パスにはURLを指定することもできる。 HTML作成例 index.html 地域の名所紹介

地域の名所紹介

近くのお寺

植物園

郷土資料館

hall.html 郷土資料館  

市内の小学生が必ず行く郷土資料館
市内の歴史や自然、文化など
を幅広く学ぶことができます。
いろいろな体験会もあります。
もどる

  郷土資料館  

市内の小学生が必ず行く郷土資料館
市内の歴史や自然、文化など
を幅広く学ぶことができます。
いろいろな体験会もあります。
もどる

link要素の書式 style.css bodt{background-color:#ccccff;}