96's blog

WEBサイト制作科 6ヶ月コース

実践演習課題H02C02

<!doctype html>
<htmllang="ja">
<head>
<metacharset="UTF-8">
<title>H02C02</title>
<linkrel="stylesheet"href="CSS/H02C02.css">
</head>
<body>
<divid="container">
<divid="header">
<h1>石垣島観光ガイド</h1>
</div>
<pclass="lead">
石垣島八重山諸島の中で一番大きな島で、沖縄で3番目に
大きな島です。沖縄からは、空路で約1時間、沖縄より台湾に
近く南に位置します。気候は亜熱帯気候で、1年を通じて平均
気温は27度もあります。亜熱帯気候のため、マングローブの森
や色とりどりの南国の花が咲き、赤瓦屋根の民家、そして何より
も、鮮やかなコバルトブルーの海岸は、多くの観光客をひき
つけ、特にダイバーやシュノーケリングを楽しむ人にとっては
格好の場所になっています。
</p>
<h2>観光スポット</h2>
<divclass="section">
<h3>「 川平(かびら)湾」</h3>
<pclass="time">石垣港から車で約20分</p>
<p>
石垣を代表する景勝地で、エメラルド色の
サンゴ礁と黒真珠の養殖でよく知られて
います。 潮の流れが早いため、遊泳は禁止
されています。
</p>
</div>
<divclass="section">
<h3>「宮良川(みやらがわ)のヒルギ林」</h3>
<pclass="time">石垣港からバスで30分宮良橋で下車</p>
<p>
巨大なマングローブ林(ヒルギ群落)があり、
国の天然記念物に指定されているほど壮大です。
</p>
</div>
<divclass="section">
<h3>「底地(すくじ)ビーチ 」</h3>
<pclass="time">川平湾から車で約10分</p>
<p>
マリンスポーツが楽しめ、マンタが見られる
ことから、ダイバーに人気があります。
</p>
</div>
<divclass="section">
<h3>「フサキビーチ」</h3>
<pclass="time">石垣港からバスで30分、宮良橋下車</p>
<p>
島の西側にあるビーチで、西表(いりおもて)島
に沈む美しいサンセットが見られるビーチとして有名です。
</p>
</div>
<divclass="section">
<h3>「米原海岸」</h3>
<pclass="time">石垣空港より車で約30分</p>
<p>
米原キャンプ場が隣接していて、ビーチパーティ
が楽しめます。潮の流れが早いため、遊泳は禁止
されています。
</p>
</div>
<divclass="section">
<h3>「マエザトビーチ」</h3>
<pclass="time">石垣空港より車で約5分</p>
<p>
ホテル内にあるリゾートビーチですが、宿泊者
以外でも利用可能です。ファミリー向けリゾート地
で、 シュノーケルのレンタルもあります。
</p>
</div>
<divid="footer">
<small>Copyright 2013 xxx All Right Researved.</small>
</div>
</div>
</body>
</html>
@charset "UTF-8";
/* CSS Document */

body, div, h1, h2, h3, p {
  margin: 0;
  padding: 0;
}

body {
  font-family:
    "Hiragino Kaku Gothic Pro",
    Meiryo,
    sans-serif;
  background-color: #D3EBFF;
}
#header, h2, p{
    margin-bottom: 20px;
}
#container {
  width: 850px;
  padding: 16px;
  margin: 20px auto;
  background-color: #ffffff;

}
#header {
  height: 200px;
  background-image: url(../img/02headerimg.jpg);
  background-repeat:: no-repeat;
  background-position: 0px -100px ;
  border-radius: 10px;
  position: relative;
}
h1 {
  color: #ffffff;
  padding: 0px 562px 0px 16px;
    letter-spacing: 2px;
  background-color: #001C90;
  position: absolute;
  top: 120px;
}
p.lead {
  text-indent: 1em;
}
h2 {
  color: #001C90;
  border-left: 10px solid #4194FF;
  padding-left: 10px;
  letter-spacing: 3px;
  line-height: 35px;
}
h3 {
  color: #000080;
  border-top: dotted 2px #000080;
  border-bottom: dotted 2px #000080;
  background-color: #D3EBFF;
  padding: 3px 0 3px 5px;
  margin-bottom: 10px;
}
p.time {
  color: #4194FF;
  font-weight: bold;
  margin-bottom: 10px;
}
#footer {
  text-align: center;
  padding-top: 15px;
  border-top: 2px solid #c0c0c0;
  color: #c0c0c0;
}

f:id:webtm2013:20130727185134p:image

実践演習課題H03C03





H03C03





ガラスの靴の持ち主を捜しています!




下記の「応募規約」、「個人情報のお取り扱い
について」をお読みいただき、ご同意いただける
方は「はい」をクリックし、応募フォームにお進み
ください。



【応募規約】

○パソコンでのご応募は、お一人様一回限り
(複数ご応募いただいた場合は最終応募のみ有効)
とさせていただきます。

※但し、郵便ハガキでのご応募は、
ハガキ1通を1口として、お一人様何口でもご応募
できます。

○商店街で同時期に行われる他のキャンペーン
と重複して当選することはできません。

○当選後の権利譲渡、換金はできません。

○応募の際の必要事項に、不備や虚偽があった
場合は、無効になります。

○ご応募は日本国内在住の方に限らせていただきます。

○応募受付の確認、抽選結果に関するお問合せ
には、お受けいたしかねますのでご了承ください。

○景品の"ガラスの靴"は、11月17日から12月25日
まで商店街内(サン広場)に展示した靴となりますので、
予めご了承ください。また、サイズは23.5cmとなります。


【個人情報のお取扱いについて】

ご応募にあたり、ご記入いただいた個人情報
(郵便番号、住所、氏名、電話番号、年齢)は、
当社にて適切に管理し、ご当選の場合の景品
受け渡し、及び個人を識別できない統計情報
として、応募状況の傾向把握に利用します。
当社は、上記の目的範囲内で、個人情報の
取り扱いを外部の第三者に委託することが
あります。この場合、個人情報の漏洩等が
無いよう、業務委託契約に基づく適切な管理を
行います。

【個人情報のお取扱いについて】





    
    

    
    
    

    
 






@charset ;


, , , , , ,  
  : ;
  : ;

 
  :
    ,
    Meiryo,
    ;
    : ;

 
  : ;


  : ;

 
  : ;
  : ;
  : ;
  : ;

 
  : ;
  : ;

 
  : ;

rice
  :  ;


  : ;
  :  ;


  : ;
  : ;
  -: ;
  :  ;


,  ,
  : ;


  :    ;


  :    ;


  : ;
  : ;


  :  ;
  : ;
  : ;
  : ;
  : ;

 
  : ;
  : ;
  : 

 
  : ;
  : ;
  : 


  : ;
  : ;
  -: ;
  :  ;

f:id:webtm2013:20130727185839p:image

実践演習課題H04C04





H04C04





卵料理カフェ Cockeyolly



きのこのオムライス

ふんわりアツアツのオムライスを、きのこたっぷりのドミグラソースでどうぞ。
オムレツには新鮮な特選地卵を使って、ほんのり甘く仕上げています。:800円


シーフードスパゲッティ
バルサミコ風味

エビ・イカ・アサリの入ったシェフご自慢のスパゲッティです。バルサミコ酢と
生クリームで作ったさっぱりソースをお楽しみください。:900円














2013  卵料理カフェ Cockeyolly




@charset ;

, , , , , , ,   
  : ;
  : ;


  :
    ,
    Meiryo,
    ;


  : ;
  :  ;
  : ;
  -: ;
  : ;


  : ;
  : ;
  : ;
  -: ;
  :  ;


  : ;
  :;
  :    ;


  : ;


  : ;
  : ;
  :    ;
  : ;
  : ;

 
  : ;

 
  : ;
  : ;
  : ;

 
  :   ;
  : ;
  : ;
  : ;
  : ;

 
  : ;
  : ;

 
  : ;
  : ;s

 
  : ;
  :    ;

 
  : ;

 
  : ;
  : ;

 :,  :{
  color: ;

 :,  :{
  color: ;

f:id:webtm2013:20130729223251p:image

実践演習課題H05C05





H05C05





provence




プロヴァンス(la Provence)は、フランス革命以前のフランスに置かれていた州のひとつであり、フランスの南東部に位置する。フランス王国併合前(15世紀末)にあった独立国(プロヴァンス伯爵領)の名前でもある。「プロヴァンス」の名称は、古代ローマ時代の属州(プロウィンキア、Provincia)であったことにちなみ、プロヴァンス語で"Provenco"や"Provenca"などとも呼ぶ。プロヴァンスの名は現在でも特に観光上の観点から親しまれている。
地域の区分としては、ローヌ川の左岸(東岸)とヴァール川の右岸とデュランス川の南側で区切られた一帯であり、現在の地域圏でいえばプロヴァンス=アルプ=コート・ダジュール地域圏の大部分に当たる。














provence




@charset ;

, , , , , , 
  : ;
  : ;


  :
    ,
    Meiryo,
    ;
  : ;


  : ;
  :  ;


  : ;
  : ;
  : ;
  -: ;
  : ;


  : ;
  : ;
  : ;


  : ;
  :;


  : ;


  : ;
  : ;
  : ;
  : ;

 
  :    ;
 : ;
  :
    Georgia, 
    , 
    Times, 
    ;


  : ;
  : ;

 
  : ;

 
  : ;

 
  : ;

 
  : ;
  : ;
  : ;
  : ;


  : ;


  : ;
  

  : ;


  : ;


  : ;


  : ;

 
  : ;
  : ;
  :    ;