花と風景のひとときのCSSとHTML解説
|
|||
|
７枚の写真をスライドしております。
Javaを有効にする必要が有ります。 |
大分 岡城跡 大分 岡城跡 紅葉風景紅葉風景
|
||
ホームページテンプレートの解説
ホームページのテンプレートを利用されている皆様へ
テンプレートの仕様変更をしたいときにどうすればよいのか当ページでやってみましょう。
当サンプルは、Template design by Nikukyu-Punch様からの借用に成ります。
サンプルページは、こちらです。
■ＨＴＭＬの表示 別枠で表示されます。
ＣＳＳの表示 別枠で表示されます。
又、テンプレート使用ですがテンプレート中にはスライド部分のプログラムは添付されていません。
CSSの多用により、画像表示が少し重たくなるかもしれません。
重たさを感じないよう、画像の大きさを有る程度小さめにしています。
表示内容を下記に図解します。
判り易くするため黒い線で各パートを区切っています。
表示されるパートは、６パートに成ります。
色の付いているパートです。
表示されるパートは、６パートに成ります。
色の付いているパートです。
|
<div id="container">〜</div>
|
||
|
<div id="header">
〜</div>
|
||
|
<ul id="menu">〜</menu>
|
||
|
<div id="sub">
〜</div>
|
<div id="main">
〜</div>
|
<div id="side">
〜</div>
|
|
<div id="footer">
〜</div>
|
||
