ＨＰ １ページの構成

質問

ＨＰを作成中です。専用ソフトを使わず、メモ帳にコードを記述していっています。

そこで、教えていただきたことが。どうしてもうまくできません。

まず、１ページの構成としてフレーム上下で分割したものを作りました。
上は、ＴＯＰとかリンクとかどのページに行っても、その部分は表示されるもので、
下は、ＴＯＰだったらＴＯＰの内容、リンクだったらリンクの内容を表示させています。
今回は、下の部分についての質問です。

希望は、下のような形のページを構成したいと思っています。
ーーーーーーーーー　　　　　　
あ　｜　　あ (2)
い　｜　ー－－－－
う　｜　　い (3)
　　｜　ーーーーー
(1) ｜　　う (4)

左にそのページ内のリンク(<a name>を使用予定)、
右は順番に内容を書いていく。
線をしたのが、ひとつのまとまりです。＝(1)～(4)
このとき、左と右でフレームを変えず、
場所の設定をすることでそれぞれ位置を決めれると思ったのですが、
変になります。↓

(1) →.flame1{width:250px;height:300px}
(2) →.flame2{position:absolute;left:260px;top:10px;}
(3) →.flame3{position:absolute;left:260px;top:100px;}

とかしてみたのですが、

(1)
　　　　　 (3)
(2)

というように。

どのように記述すればいいのでしょうか。
もしくは、このような構成に変えた方がいいとかあれば、アドバイスください。

回答No.4

salonpath · ベストアンサー

>すべてをテーブルにし、その中で範囲指定しながら作る方法も他のサイトであったのですが、どう思われますか？

いいと思いますよ。
ただテキストエディタで
複雑なテーブルレイアウトを組むのは難しいと思います。
htmlエディター的なものの導入を検討してもいいかも。

無料のエディタ
http://www.w-frontier.com/software/ezhtml.html

無料でいろいろ紹介してくれてます
http://besunday.hp.infoseek.co.jp/html_editor.htm

お礼

ＨＴＭＬエディタの意味がわかりませんでした。
もう笑うしかないのかも。
とりあえず、どれがいいかやってみようと思います。
ありがとうございます。

回答No.3

salonpath

あれ、フレームを使用したページを見たことないですか？

企業サイトでframeがダメな理由
・印刷したいページを簡単に印刷できない
・ブックマークしたいページをうまくブックマークできない、見せたいページを教えるのが困難
・検索エンジンにコンテンツが登録されてもメニューがないので訪問者は困る

仕様面からいうとframesetは廃止予定で、現在非推奨となってます。

表示の重さだったらたぶんtable使った方が重くなります。
たしかtableの中身を全部読み込んでから描画が始まる仕組みだったからです。

お礼

ＨＰをそういう眼で見たことなかったです。
frameset廃止予定というのも初めて知りました。
何も知らずにやっていた私。。
１冊本を買って、それを参考に作った方がいいかもしれません。
教えていただきありがとうございます。

回答No.2

salonpath

やり方が変わるのは決して高度な話なんかじゃなくて
サイトの目的が違ってくるじゃないですか

趣味ならコピペだろうがなんだろうがいいと思うんです
IEでしか見えなかろうが、表示されない人がいようが、見た目が悪かろうが、
作るのを楽しむわけで自分が満足できればいいじゃないですか。
家に例えるとログハウス的なものですよね。

職業Webデザイナーを目指すならちゃんとhtmlの構造から勉強しないと話にならんわけです、それでお金もらうので。

Web上から拾ってきたcssやtipsをコピペで寄せ集めて作ったって理解は深まらないし応用は利かないし、それを売りつけられた客もそれでいいわけがない。
なのでこれから始めるなら、ちゃんと勉強した方がいいよって思ったんです。

しかし会社のサイトですか。。。
結構大事な物だと思うんですけど
Webサイトを作った事がない人に任せるのかぁ。。。大変ですね。

とりあえず企業サイトなのでframeは使わないほうがいいと思います
なので構造から作り直しになりますね。

ん～どうしましょうか。
こうゆうところでテンプレを探してきてカスタマイズするのがいいのかな
http://www.coolwebwindow.com/template/public.php

補足

載せていただいたサイト拝見しました。
そこに私が想像しているものがあったのですが、解読に時間がかかりそうです。
やってみます。

frameがよくないっていうのは読みこみが遅いからと考えていいのでしょうか。

すべてをテーブルにし、その中で範囲指定しながら作る方法も他のサイトであったのですが、どう思われますか？
初心者におすすめとのことでした。

会社がいかんせん小さいものでプロに頼むお金はなく、
けど、なにか簡単なものでもいいから、やはりＨＰがほしいとの希望で。

やり始めて、かなりややこしいことがわかってきました。。

回答No.1

salonpath

Web制作を職業とする人を目指してますか？
趣味のページ作りどまりですか？
やり方が変わってくるので

補足

職業ではありません。趣味でもないですが。。
会社のＨＰ作りです。
ネットでいろいろなサイトを参考にさせていただきながら、初めてＨＰ作りに挑戦しています。
やり方が変わるってかなり高度なお話とか？！