- ベストアンサー
ホームページ作成のとき
写真を展示するホームページを作ろうと考えています。 理想の形が添付した画像です。 最初フレームを使って作ってみたのですが、ページ全体のスクロールができず、上のメニューのところと下のメイン部分のところのバランスがとりずらいのでやめました。 こういう風なサイトを作りたい場合どのような手段で作ればいいのでしょうか？ ちなみに、メニューを押したときに変化するのは赤い斜線のところだけが希望です。 初心者です。よろしくお願いいたします。
- みんなの回答 （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が必要です。
その他の回答 (1)
＞ページ全体のスクロール ＞変化するのは赤い斜線のところだけ これを双方実現するには、上部メニューを全ページ共通にするくらいしかありません。 手の込んだことをすればほかにいくつか方法はありますが、初心者にはとても教えられません。 あと、どうでもいいけど「ずらい」じゃないから。
お礼
回答ありがとうございます(*´ω｀*)
お礼
ご丁寧にありがとうございます！ さっそくやってみました！ すみません、横スクロールというのではなく、フレームのような感じです たとえば上のメニューボタンを押すと下の斜線の部分だけが変わる・・・というような 説明が下手ですみません・・・！