HP作成について

質問

今、職場のHPを作っています。
・・・・が初心者のため細かい設定がよくわかりません。

画面サイズの設定の仕方を教えてください。
本やいろんなサイトで調べると　規格（VGA・VGA ・XGA ・SXGA・UXGA ・WUXGA） とそれに応じた
・横幅・高さ（ｐｘ）　と出てきます。
その規格の意味と、そもそも横幅・高さのPxの設定をどうやってやればいいのかが分かりません。
どこを調べても　横幅1024px高さ 768px 位が理想です・・・・・と数字は書いてあるのですが肝心なその設定方法が書いてないのです。

とても初歩的な質問で申し訳ありませんがよろしくお願いします。

回答No.4

ORUKA1951 · ベストアンサー

基本的にNo.2さんの言われるとおりです。名文です。

　HTMLではサイズは一切考えません。それをすると最悪、「tableで並べてしまえ」になりかねません。tableはすでに御存知のとおりHTML4.01の勧告(1999年)以来、「単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )」「・ページレイアウトの目的で表を用いる。・・・【中略】・・・こうしたテクニックによって、Webページはより複雑化し、限られた環境にしか適応しなくなり、相互運用性問題に悩まされることとなり、障害を持つ人々にアクセス障壁が設けられてしまう。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )」と強く否定され続けてきました。

　HTMLでウェブサイトを作成する最大の目的は
「HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )」

　「どこを調べても　横幅1024px高さ 768px 位が理想です」それをデフォルトのサイズとして作成するのが良いですが、サイズは指定しません。なぜならユーザーによって様々な解像度、ウィンドウサイズで利用するからです。
　私自身は企業や公共団体など多少でも公共性のあるものは、640px(もしくは480px)以上ならスクロールなしで見られるように製作します。480px以上なら横スクロールなし、それより広いと1000px程度までウィンドウ幅に追随して、それを超えると左右が空いて1000pxで固定されるとか・・

＞画面サイズの設定の仕方を教えてください。
　min-width:470px;max-width:1000px;width:100%;margin:0 auto;padding:5px;

　そのまえに、HTMLを作ります。デザインは一切考えずに!!!ウェブページを作成するときの基本中の基本は、【構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )】です。読んでおくこと!!
　すなわち、

<h1>ここは見出し</h1>
<p>ここからここまではひとつの段落</p>
<ol><!-- ここは序列リスト -->
　<li>ここはリストの項目</li>
</ol>

とね。おかしなサイトを見る前に、
HTML 4.01 仕様書邦訳( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )
　だけは通しで目を通しておきましょう。
　サイト作りはとりあえず
・はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
　を全部こなしてください。

　その後で、どのようにデザインするかを考えましょう。

お礼

本当にありがとうございます。
今まで頭の中で　モヤモヤ　していたものが晴れました！

まず　教えていただいた通りやってみます。
心から感謝いたします。

回答No.3

nitto3

サイズは1024pxの場合width=1024でpxは省略できます。
ローカル優先ですから長い文書など入れると大きくなってしまいます。
適度の改行が必要です。
高さはhigth=です。
body、table、tr、td、画像などで設定できます。

お礼

ありがとうございます。
参考にします。

回答No.2

hitomura

せっかく勉強したことですが、HTML を記述するときには画面サイズの話は忘れてください。
なぜなら、HTML はもともとどのような画面サイズでも、音声読み上げのような画面という概念がない環境でも、記述された内容を理解できることを目的としているからです。

職場のサイトを記述するという事は何かを誰かに伝えたいことがあるのでしょう。
ならばまず、その何かを、伝えたい誰かに分かるように書きましょう。できれば文章だけで、表や写真があった方がわかりやすい部分にはそこにどのような写真や表があるかの説明を記述します。
また、文の量が大きくなると「詳しくは別の文で」としたくなるでしょう。それはそういう風に記述します。

そうするとその文章には何らかの構造があるはずです。
たとえば、わたしがここで今まで書いてきた文には、画面サイズのことは忘れろという話があって、次に何か伝えたいことを書けという話がありました。
その文書構造を HTML タグを使って明確にしていきます。
それで HTML は完成です。

……え、見た目が地味だ?
ええ、この段階でやっと見た目とか画面サイズとかの話になってきます。
上記の文書構造のみの HTML に CSS を使ってデザインを施していきます。
文書構造がしっかりしていればデザインを付けていくのは楽です。逆に、なまじデザインのことを考えて文書を書いてしまうと逆に後で苦労します。

忘れないでください。
よっぽどのことがない限り、あなたが作ったページを見る人はページのデザインを見に来たのではなくページに書かれた内容を見に来ているのです。デザインに力を入れて内容をおろそかにしたら本末転倒です。

お礼

とてもわかりやすくありがとうございました。

＞忘れないでください。
　よっぽどのことがない限り、あなたが作ったページを見る人はページのデザインを見に来たのではなくペー　ジに書かれた内容を見に来ているのです。デザインに力を入れて内容をおろそかにしたら本末転倒です。

おっしゃる通りだと思います。いづれにしてももう少し勉強し直さないと・・・頑張ります。

回答No.1

Pochi67

そのサイズに収まるように、サイトを作れという意味です。
　ＣＳＳで設定するか、ＣＳＳがわからなければ幅が1024px以下のテーブルを作り、その中に中身を作っていってください。
　今現在使われているディスプレイの中で一番狭いものを基準にすると、閲覧者の大多数がストレスなく見られるという考え方です。

　また、横幅1024px、あるいは、高さ768px以上の画像は避けてください。
　特に、横スクロールは嫌われます。

　横幅1024px、高さ768pxというのはディスプレイサイズなので、実際にはブラウザの枠も考慮して、ひとまわり小さく設定した方が良いですよ。
　高さ自体はそれほど気にする必要はありませんが、そのページを開いた時にどこまで見えるかの印象は気にした方が良いです。

　あと、印刷される可能性があるページは、そのあたりを考慮する必要があります。

　この質問内容だと、カテゴリは、
　 [技術者向] コンピューター > プログラミング > Webデザイン・CSS
の方が、良いですよ。　（＾＾

補足

Pochi67さん

ありがとうございました！
とても良くわかりました。
ただ、どうしても一つ。ｐｘはどうやって設定するのですか？
テキストエディタはterapadを使っています。

表示→オプション→ウィンドウ　で幅と高さの数値を変えたのですが何の変化も無いのですが・・・・？