No.6ベストアンサー
- 回答日時:
補足するとブラウザ戦争をやっていた昔はテーブルでこてこてに固めるデザインが主流、、というかそれ以外にやりようが無く、みんなで TOYOTA や Sony のような有名どころの Web を計測して横幅何Pixel と出しては平均値を決めてデザインを切っていたりしました。
(ブラウザやOSのウィンドウ枠の関係で 732 や 764 といった微妙な数字になる)ブラウザ間で異なる実装といくつかのプラットフォームとブラウザの間でいかに安定したデザインを実現するかに苦労した物です。
この状況では可変にするとリスクが大きくなりデザインが複雑になると表示も安定せず、またユーザー環境もそれほど豊かでなく 800x600 や 1024x768 といった解像度で生きていた人も多く 800x600 の決め打ちの方が収支計算で良い結果が出せる時代でした。
それから時代も変わってクライアントの種類は増えブラウザも増え、特に PDA やらゲーム機、ケータイのように従来のPCを下回るアクセスデバイスが登場し反面PC環境はリッチになり最早ユーザーの利用環境、解像度を特定出来る状況ではありません。
またブラウザの CSS への対応も進み テーブル を捨てて HTML + CSS にシフト出来るケースも増えてきました。NN4.7 のようなバギーなブラウザもようやく退場しようとしています。
Dreamweaver のプレビューレンダリングも MX でようやくまともに CSS が反映できるようになりましたし、SEO やセマンティックWebの概念は機械から見て意味のある HTML を求めています。
状況的にも技術的にも HTML の書き方を改める時です。
HTML + CSS で書けば 可変 が前提になります。テーブルデザインと違い固定にする必要性が無く、環境も変わったからです。
ただデザイン上、必要性があれば固定も取ります。
ただし誰のための何を目的とした、また時代と状況をわきまえて考えられたデザインなのか、は問われるべきでしょう。
こういった変化を踏まえて可変を推奨します。
過去の経緯を詳しくご説明いただきありがとうございました。どこを調べても聞けない貴重な情報でした。ここまで丁寧なご回答いただき恐縮するとともに大変感謝いたします。目的を自分なりに整理して検討を進めたいと思います。
No.5
- 回答日時:
可変です。
/. も okweb も hotwired も可変です。
1600x1200 の解像度を取っているのに 800x600 決め打ちで出されても萎えます。ZDNet とかスクロール回数が増えて面倒なだけです。
/. や okweb はそれが読みやすいから可変にしているのだと思います。 ZDnet が固定を取る理由も分かります。広告表示枠が決まっており広告は可変ではありません。
海外のデザイナーさんで固定を取る人もいますがこれも分かります。優れた訴求力のあるデザインで、そのデザインを実現する方法が固定だからです。
結局その人のポリシーやデザイン次第です。
ただ読みやすい文書を提供しようと思えば相手の環境に合わせる事が前提となりデフォルトは可変で考える事になります。
その上でデザイン等その必要がある場合にのみ固定デザインを行います。
尚、フォントサイズは必ず可変にします。
テーブルでデザインを切っていた時はこれが出来なかったのですが valid な HTML + CSS で書くようになってこのスタイルになりました。
見出し要素やリスト要素を使い意味づけされた文書として HTML を書く。デザインは反映しない。
プログラムと合わせる場合もここで行う。
上記の HTML を元に CSS で修飾をかけていく。ここでデザインを反映する。
単純化するとこんな行程になります。
機械から見て美しい HTML になるのでメンテナンスも楽、SEO 対策にもつながって google の反応も良い、とこの辺は可変・固定関係ありません。HTML の質の問題。問題が起こって固定<>可変に変えるときも CSS 触るだけだし。
一度技評のページでも見てみてください。
参考URL:http://www.gihyo.co.jp/book/2003/234071/support/ …
CSSって、StyleSheetのことですよね。まだ勉強不足ですが、CSSをうまく使いこなすことが大切だって事がわかりました。もう少し、勉強したいと思います。詳しいご説明ありがとうございました。
No.4
- 回答日時:
固定です
見る方としても、更新する方としても
固定の方が断然見やすくアクセスアップに関わります
No.3
- 回答日時:
サイトの内容で決まってきちゃいますよね。
どっちがいいとかは基本的にないですよ。
ただ、アドバイスとして注意点を
可変の場合
べつに横780pxの画像を外側に入れればいいけど、可変は小さくもなるし大きくもなるんですよ。ちっさい画面で見れば、明らかに崩れます。逆に予想よりでかいと、スカスカのページです。
固定
別にボディー背景に画像入れればいいけど、
でかい画面だと、隙間できます。
小さいとスクロールがめんどくさいです。
どっちもどっちだな…
ただ、可変の場合は最低でもこの幅!っていう画像を入れれば持ちこたえます。
大きくなっても、すべてのレイヤーを%にすればなんとななります。
でも、固定でもかっこいいページはかっこいいんです。
参考にならなくてごめんなさい
なるほど。可変にするとウィンドウを小さくすると表示が崩れるのが気になっていたのですが、画像をうまく使えば可変でも表示を崩さないで済ませることもできそうですね。参考にさせていただきます。
No.2
- 回答日時:
どちらが…というのはやっぱり一概には言いにくいですね。
ただ、ほとんどのサイトでは固定は使用して無いですよね。固定はすべての画面環境に対応できるわれでは無いので使用しづらいんでしょう。
一般的なページには可変した方がいいでしょうね。
表を多く使用していて綺麗に表示させる必要があるのなら固定の方がいいかも。
とりあえず、自分で画面サイズを小さくしてみて、試してみたらいいですよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- 債券・証券 個人向けの国債(日本の国債)について。 1 2022/06/08 11:11
- Excel(エクセル) [入力規則]のリストボックス内の“不揃いの林檎たち” 3 2022/09/15 18:32
- Windows 10 Windows 10 ノートのディスプレイが暗いです 6 2023/07/16 12:59
- Windows 10 Windows11タスクバーやエクスプローラー、スタートメニュー 動画全画面時にカーソルが見えない 1 2022/04/08 00:03
- JavaScript ブラウザの横幅に応じてとある画像(e.jpg)を画面いっぱいに表示できるようにしたいです。(写真の横 1 2022/10/06 21:17
- モニター・ディスプレイ windows10 モニタに表示されなくなった 2 2023/08/04 16:58
- モニター・ディスプレイ パソコンでスクリーンショットしたもの(HP)を印刷しました。 3 2022/07/03 16:39
- gooブログ ブログの記事を書きだしのみに表示したい 1 2022/06/25 19:11
- その他(クラウドサービス・オンラインストレージ) Googleカレンダーの予定の色を変えたい、文字色を変えたい。 1 2022/10/18 21:43
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
デザインとコーディングは同一...
-
ホームページ、iPadやiPhoneで...
-
スマホでPCサイト見たらスマホ...
-
Safariで、ボタンが丸くなるの...
-
Windowsホームページ作成MACで...
-
サイトについての質問です。
-
趣味でhtmlを勉強するのに適し...
-
画像の横並び配列
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
Dreamweaverでページ全体が文字...
-
htmlファイルの表示が真っ白
-
VBA URLDownloadToFileについて
-
できません。。。HTMLブロ...
-
Webサイトから、txtファイルを...
-
テキストエディタとただのメモ...
-
ホームページビルダー17 ペー...
-
iPadの標準ブラウザでローカルH...
-
【至急!!助けて!】【スマホ...
-
根号の書き方について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページ、iPadやiPhoneで...
-
ホームページを作っているので...
-
平均的なウィンドウサイズとは?
-
カラム落ちの何が悪いのか
-
ガラケーサイトの一般的な画面...
-
リンクの下線は消すのが普通?
-
HPビルダーのフレームページ...
-
携帯電話(ガラケー)でのデザ...
-
スマホ横幅が720px だけ 横が...
-
レスポンシブデザインとは? ...
-
ホームページ制作、SPサイトの...
-
パソコンと携帯で文字のサイズ...
-
エラーが出ます
-
PC・ガラケー・スマホの振り分け
-
レスポンシブwebデザインでのIE...
-
スマホだけメニューが開く設定...
-
wordなどのファイルを開くタグ
-
これから勉強をするWEBクリエイ...
-
Webサイトを作成する前のイメー...
-
趣味でhtmlを勉強するのに適し...
おすすめ情報