ベストアンサー

ホームページ作成のとき

2011/12/30 22:22

写真を展示するホームページを作ろうと考えています。理想の形が添付した画像です。最初フレームを使って作ってみたのですが、ページ全体のスクロールができず、上のメニューのところと下のメイン部分のところのバランスがとりずらいのでやめました。こういう風なサイトを作りたい場合どのような手段で作ればいいのでしょうか？ちなみに、メニューを押したときに変化するのは赤い斜線のところだけが希望です。初心者です。よろしくお願いいたします。

kkk0101
お礼率95% (20/21)

HTML
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/12/31 01:29 回答No.2

画像へのリンクが横並びにあって、その下の枠内をリンクされるたびに横にスクロールすると言うことですね。アルバムのリストと、その画像へのページ内リンクで構成されるページですから、HTMLは <body> ＿<h1>サンプル</h1> ＿<ul class="list"> ＿＿<li><a href="#p1">写真1</a></li> ＿＿<li><a href="#p2">写真2</a></li> ＿＿<li><a href="#p3">写真3</a></li> ＿＿<li><a href="#p4">写真4</a></li> ＿＿<li><a href="#p5">写真5</a></li> ＿</ul> ＿<ul class="album"> ＿＿<li id="p1"><img src="images/sample01.jpg" width="480" height="360"></li> ＿＿<li id="p2"><img src="images/sample02.jpg" width="480" height="360"></li> ＿＿<li id="p3"><img src="images/sample03.jpg" width="480" height="360"></li> ＿＿<li id="p4"><img src="images/sample04.jpg" width="480" height="360"></li> ＿＿<li id="p5"><img src="images/sample05.jpg" width="480" height="360"></li> ＿</ul> </body> になるでしょう。（タブは＿に置換してあります。） HTMLを作成するポイントは、文書構造を正しく記述することです。これはHTML5になれば極めて重要になります。そうしておけば、先で画像へのリンクを左に置くことも、普通に縦に並べることも自由自在にデザインできます。また、画像を下の枠の中だけで縦にスクロールさせることも・・・その上で、スタイルシートで希望のものになるようにデザインしましょう。なお、スクロールがゆっくりと動くようにするには、別途javascriptが必要です。

質問者