イベントページの概要作成

売れるホームページの作り方 ⇒ 速攻HTML ⇒ イベントページの概要を作成


速攻HTML

イベントページevent.htmlの概要を作成します

画像を廻り込ます ←|→ テーブルを作成する



about.htmlをもとに、イベントページの概要部分を作成します。


・タイトルを ”河口湖観光社- 季節のイベント” に修正します。
・h1見出しは残す。
・ヘッダの概要文は残す。<header>のpタグです。
・トップメニューは残す。
・h2見出しは ”季節のイベント” に修正する。
・copyrightは残す。


⇒他のコンテンツは全て削除します。


・勿論、<head>などの基本の枠組みは残します。<div>タグも残します。


● h2見出しに続く文字コンテンツを新たに入力します。


htmlソースは次の様になります。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>河口湖観光社- 季節のイベント</title>
 </head>
 <body>

 <div id="container">

 <div id="header">

 <h1>河口湖観光社</h1>

 <p>工房はもちろん、河口湖の自然もお届けする体験の工房です</p>

 </div>

 <ul>
 <li><a fref="index.html">トップ</a></li>
 <li><a fref="about.html">湖畔の工房について</a></li>
 <li><a fref="event.html">イベントの案内</a></li>
 <li><a href="mailto:yatugatake@web.mail">メール</a></li>
 <li><a href="http://blog.xxx.xxx/">ブログ</a></li>
 </ul>

 <h2>季節のイベント</h2>

<p>体験の工房で開催するイベントを紹介します。1年を通してさまざまなイベントを開催していますので、ぜひご参加ください。
詳しい開催時期や内容につきましては、随時お知らせしてまいります。</p>


 <address>Copyright (C) 河口湖観光社</address>

 </div>

 </body>
</html>



このファイルを event.html に名前を変更して保存して下さい。





サンプルを表示した結果です。イベントページevent,htmlの概要が出来ました。


  イベントページ