はじめての親子ハイキングに挑戦!! >>

ホームページビルダー8で制作している者です。
Webサイトの横幅が800では狭いとか、またはOKとか言われますが、パソコンも普及したり、買い替えがあったりして所有している画面のサイズも変遷があると思います。
最近の傾向について質問です。
(1) 今の主流は、横幅何ピクセルでつくるべきでしょうか?
(2) 他のサイトのHTMLなどを見る事やHPビルダーに取り込む事はできますが、横幅の設定をいくつにしているかはどこを見ればわかるでしょうか?
よろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

たぶんビルダーでも可能だと思われますので、一つの方法を


まずブラウザーのファイルから「名前を付けて保存」保存をhtmlで行います。
これをビルダーで編集確認すれば、表幅が分かるかと思います。
尚、ビルダーがCSSデザインも読み込みできれば、そのまま表サイズの確認が出来ます。

今の主流しては、当方は850~950px前後で設定しています。
これには、現在のディスプレーサイズが多岐にわたり多いため、最も最低の解像度とされるであろう1024pxでも、一応IEでお気に入りを表示しなければ、とりあえず使えるためです。
むろん、1920pxという方もいますが、よほどのページでない限りそれほど多くの情報を詰め込む必要もないと思われますので。

また、エリアサイズを気にされるクライアントの場合は、ヘッダとフッダにこの教えてgooと同じように帯によるデザインを施します。
これにより、幅の解像度が変わっても、それに追従して広がりますので、違和感が無くなります。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます。
この質問のサイトのページについて「ファイル」「名前をつけてページを保存」でファイルの種類を「Webページ、HTMLのみ」にして一旦デスクトップに保存しました。次にビルダーを開いてその保存したページを開きました。「ページ編集」画面では変な漢字が多く文字化けしたような部分が多いページが現れました。 「HTMLソース」画面でも文字化けしたような部分はありました。 まだ何ピクセルなのか見つけだせていません。 もう少しよく確認してみます。
akira618様の、850~950前後にすれば、1024でもお気に入りを画面に表示しなければ欠けずに見れる、というやり方は参考になります。
どうもありがとうございました。

お礼日時:2011/07/22 23:45

最近は 1,024ピクセルにするのが主流みたいですね。



もし今後変わっても、大手のポータルサイト(Yahoo!やGoogle等)を見ればすぐわかります。
昔は 640で作った時代もありましたが、800、1,024と進化して次は 1,280になるのでしょうか。
フルHDモニターが主流になれば 1,920が平均になるかもしれませんね。

自分のディスプレイの解像度を変えてみて”レイアウトが崩れない横幅”がベストな状態ですから、そうやって判断してみればわかりやすいのでは?。

ソースから調べたければ HTML や CSSファイルに width タグが書かれていればその横幅がわかるでしょう。
    • good
    • 0
この回答へのお礼

今の主流は1,024ですか。わかりました。
自分のディスプレイの解像度に関してはまだ触ったことがないですが、そこを変えて試してみます。
どうもありがとうございました。



ありがとうございます。

お礼日時:2011/07/20 23:13

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q現在表示されているWEBサイトの画面サイズを知りたい!

ホームページ作成初心者です。

画面サイズを参考にしたいのですが、
現在表示されているサイトの画面サイズ(横幅)を調べたいのですが、
その方法はどのようなものがありますでしょうか?

Aベストアンサー

Windowsですよね?
OPERA、というブラウザを使ってみてはいかがですか?
ツール→設定→詳細設定→ブラウジングで、右側の設定項目の中に「タイトルバーにページサイズを表示する」てのがあります。
ブラウザの大きさを変えた時だけでなく、IEにおける「お気に入り」の幅を広げたり狭めたりしても、そのつど、ページのサイズを教えてくれます。

http://jp.opera.com/ からダウンロードできます。

Q1ピクセルって何ミリですか?

1ピクセルって何ミリなのでしょう?
至急、お答えお待ちしております。
かなり急いでます。よろしくお願いいたします。

Aベストアンサー

1ピクセルが何ミリかという質問の答えになるかどうか分かりませんが、
WEB制作上に限って言えば、横100ピクセルの画像を作りたい場合、
Photoshop等では単位をピクセルで作れますが、Illustrator等の場合は、
100pointで作ります。
1pointは、0.35277ミリです。

Q拡張子 epsの開き方、どなたか教えて下さい!

拡張子EPSの開き方をどなたか教えていただけませんか? 開こうとすると、WEBサービスを使用して適切なプログラムを探す、もしくは一覧からプログラムを選択する、という項目がでますが、どうすればよいかわかりません。

全くの初心者なので、わかりやすく記載して頂ければすごく助かります。
宜しくお願い致します。

Aベストアンサー

少し本道から外れた回答を。私は会社でIllustratorでロゴ等のデザインをして(epsで保存)、それをWordやExcelに貼ったりして使うことが良くあります。

ファイルがロゴ等の小さいものであればWord,Excelで中身を見ることは可能です。
(やり方)
1.Word,Excelのツールバー「挿入」→「図」→「ファイルから」・・・と進み、ファイルを指定、「OK」

これでIllustratorで作ったロゴがWord,Excelに取り込むことが出来ます。もともとWord、ExcelはEPSを読める仕様になっていますのでとても便利です。

(注意)
気をつけて欲しいのがフォントが入っているファイルはどうも読めないようです。(今までの経験から)

フォントをIllustrator上でアウトライン化してフォントの属性を無くしてしまえば読み込み可能なんですが、フォントそのままが入っているとエラーが表示されます。

そのEPSファイルって何が書いてあるんでしょうか?文章がたくさん入っている内容でしたら本件のやり方では不可です。ロゴやデザインなどだったらきっとOKのはずです。

だめもとでやってみてはいかがでしょうか?

少し本道から外れた回答を。私は会社でIllustratorでロゴ等のデザインをして(epsで保存)、それをWordやExcelに貼ったりして使うことが良くあります。

ファイルがロゴ等の小さいものであればWord,Excelで中身を見ることは可能です。
(やり方)
1.Word,Excelのツールバー「挿入」→「図」→「ファイルから」・・・と進み、ファイルを指定、「OK」

これでIllustratorで作ったロゴがWord,Excelに取り込むことが出来ます。もともとWord、ExcelはEPSを読める仕様になっていますのでとても便利です。

(注...続きを読む

QHPからサーバー会社を調べることできますか?

HPを見ただけで、そのHPがどこの業者のサーバー(レンタルサーバー)を利用しているなどの情報はわかるのでしょうか?また多少面倒でもそれを調べることはできるでしょうか?

Aベストアンサー

ホームページが表示される仕組みを考えてみると、

1. URL を指定
2. URL を DNS 問い合わせなどで IP アドレスに変換
3. IP アドレスから通信先のサーバを特定

という手順になります。

例えば以下のサイトで調べたいサイトのホスト名を入れ、[検索] をクリックしてみます。
http://www.iphiroba.jp/index.php
ホスト名とは、調べたい URL が http://www.aguse.jp/ だったら、www.aguse.jp の部分です。

URL から IP アドレスを調べ、IP アドレスからホスト名を逆引きすると、どこのサーバーなのかが分かります。(上記の例では Network Information: [ネットワーク情報] の部分 )

URL は表看板に過ぎないので、URL に使用されているドメインを Whois 検索すると ドメインの登録者が分かります。(上記の例では Domain Information: [ドメイン情報] の部分 )
但しドメインの登録者が必ずしもホームページの管理者とは限らないので注意が必要です。

大切なのは、ただ外部のサービスに頼るのではなく、自分でインターネットの仕組みを学んで理解することです。
パケットキャプチャツールを使うと、自分が今どこと通信しているのかが分かると思いますよ。

参考URL:http://w255100.ppp.asahi-net.or.jp/

ホームページが表示される仕組みを考えてみると、

1. URL を指定
2. URL を DNS 問い合わせなどで IP アドレスに変換
3. IP アドレスから通信先のサーバを特定

という手順になります。

例えば以下のサイトで調べたいサイトのホスト名を入れ、[検索] をクリックしてみます。
http://www.iphiroba.jp/index.php
ホスト名とは、調べたい URL が http://www.aguse.jp/ だったら、www.aguse.jp の部分です。

URL から IP アドレスを調べ、IP アドレスからホスト名を逆引きすると、どこのサーバーなのか...続きを読む

Q画像をIllustratorに配置すると荒くなる。

Illustrator CS5.1、Photoshop CS5.1を使用しています。
Photoshopで加工し、画面上は問題のない画像をIllustratorに配置すると途端に画質が荒くガサガサ(紙質の悪い写真をスキャンしたような)に表示されます。
ネットで「印刷すれば大丈夫」というコメントも見かけたのですが、会社のプリンタでの印刷では画質が悪いままプリントされました。
数日前まで配置画像は普通(キレイ)に表示され、プリントもできていたので困っています。
原因・対処法をご存知の方がいらっしゃいましたら、ぜひアドバイスしていただきたいです。
よろしくお願いいたします。

Aベストアンサー

>Photoshopで加工し、画面上は問題のない画像をIllustratorに配置すると途端に画質が荒くガサガサ(紙質の悪い写真をスキャンしたような)に表示されます。

画像は通常状態ではリンクで配置されるためプレビュー画質で表示されるために画質はドットの荒い状態で表示されます。
他回答者様が仰るように画像を埋め込みにすれば見た目や後述する印刷の問題は解消されます。
ただ、埋め込みにするとCS6以前のバージョンでは再度編集などが面倒になるので環境を再考する方をお奨めします。

>ネットで「印刷すれば大丈夫」というコメントも見かけたのですが、会社のプリンタでの印刷では画質が悪いままプリントされました。

正確には「PostScript(以降PS)プリンタで印刷すれば大丈夫」です。
画質の悪いままでプリントされると言うことはPS非対応のプリンタなのだと推測されます。
PS対応のプリンタ(印刷所の印刷機もPS対応しています)であれば綺麗に印刷されるので「大丈夫」と言われるわけです。

>数日前まで配置画像は普通(キレイ)に表示され、プリントもできていたので困っています。

画像形式がJPEGの場合だと綺麗な画質で配置され、PS非対応プリンタでもそのままで印刷される場合があります(解像度にも拠りますが)。

>Photoshopで加工し、画面上は問題のない画像をIllustratorに配置すると途端に画質が荒くガサガサ(紙質の悪い写真をスキャンしたような)に表示されます。

画像は通常状態ではリンクで配置されるためプレビュー画質で表示されるために画質はドットの荒い状態で表示されます。
他回答者様が仰るように画像を埋め込みにすれば見た目や後述する印刷の問題は解消されます。
ただ、埋め込みにするとCS6以前のバージョンでは再度編集などが面倒になるので環境を再考する方をお奨めします。

>ネットで「印刷すれば大丈...続きを読む

Qアイコンとバナーの違いについて

タイトルのとおりです。
おねがいします。

Aベストアンサー

アイコンはwebよりも前からありますね。
WindowsやMacOSなどGUIと呼ばれるシステムができたときにすでにあったはずです。
アイドルの語源で、何かの象徴である物ということでしょうか。
そのため、パソコンのプログラムを表していて、そこをダブルクリックするとプログラムが起動するという使われ方が開発されました。
そのアイコンがアプリケーションの中でも使われるようになり、MS OFFICEなどに見られるツールバーが登場します。
そこからweb上でもページの操作のためにクリック箇所に使われる画像が登場し、これをアイコンと呼んでいます。

バナーはそれから後ですね。当初はリンクバナーだったと思います。リンクを目立たせるためにもちいるアイコンだったと言えます。いつ頃からかバナーと呼ぶようになりましたね。
今日では広告バナーがたくさんできていて、これらはアイコンとは呼びませんね。

クリックして操作をさせる物がアイコン、リンク先に引き込む目的の広告がバナーと言ったところでしょうか。

Q英語HPの代表者挨拶はGreeting?それともGreetings?

ある団体のWebサイトの英文ページに組織の代表者(1名)の挨拶文を載せるのですが、そのページのタイトルは「Greeting」でよいのでしょうか?
翻訳を委託している業者からの原稿は「Greeting」となっているのですが、他のサイトを見ると「Greetings」と複数形になっているところが多い気がします。
どちらがよいのでしょうか?

Aベストアンサー

Googleすれば、英語国の情報としてどちらもたくさん出てくることからもわかるように、どちらでもOKです。

以前に、同じような疑問をもち、ネイティブのライターとよく話したことがあります。

ネイティブはどのようなニュアンスの違いを感じるか?ですが、あまりうまく説明できませんが、以下のような感じのようです。

Greeting (from the President) では、(a) message from the President のような感じ(greetingを英英で見てみてください)。

Greetings (from the President)では、"Hello" from the President.
のような感じ。ただし、Helloだから「口語的でくだけた」という捕らえ方ではなく、語感として捕らえてください。

Greetings はsalutationのようによく使われます。He sends his greetings to your family. They exchanged greetings. のような使い方。 また、米国人からのメールの頭に、Greetings.などとくることもあります。

いずれにせよ、どちらでもokです。

Googleすれば、英語国の情報としてどちらもたくさん出てくることからもわかるように、どちらでもOKです。

以前に、同じような疑問をもち、ネイティブのライターとよく話したことがあります。

ネイティブはどのようなニュアンスの違いを感じるか?ですが、あまりうまく説明できませんが、以下のような感じのようです。

Greeting (from the President) では、(a) message from the President のような感じ(greetingを英英で見てみてください)。

Greetings (from the President)では、"Hello" from...続きを読む

Qillustratorでの金と銀

グラフィックソフトillustratorで金色、銀色の
光っている感じを表現したいのですが
どうしてますか??
初心者なので教えてください。
お願いします。

Aベストアンサー

illustratorで金色・銀色を単色では表現出来ません。
グラデーションで表現します。
仮に長方形ツールで四角を描く>グラデーションパレット内の白黒のグラデーションの四角をクリック>その下のカラーバーの下の中央辺りを間隔を空けて3回クリックして四角を増やす(計5個にする)>各四角をクリックしてカラーパレットで色を変更(位置はグラデーションパレット内の位置の数値を変更)。
シルバーの場合(左端から設定、各数値は色の%、カッコ内はクリックした四角の位置)。
C3・M4・Y6・K10(0%)
C13・M15・Y8・K44(26%)
C0・M0・Y0・K4(52%)
C15・M17・Y11・K49(88%)
C0・M0・Y0・K40(100%)
ゴールドの場合(左端から設定、各数値は色の%、カッコ内はクリックした四角の位置)。
C2・M20・Y94・K0(0%)
C0・M0・Y25・K0(25%)
C20・M40・Y96・K7(60%)
C0・M7・Y51・K8(87%)
C0・M0・Y25・K0(100%)
後は色・位置・グラデーションの角度等を微調整。

illustratorで金色・銀色を単色では表現出来ません。
グラデーションで表現します。
仮に長方形ツールで四角を描く>グラデーションパレット内の白黒のグラデーションの四角をクリック>その下のカラーバーの下の中央辺りを間隔を空けて3回クリックして四角を増やす(計5個にする)>各四角をクリックしてカラーパレットで色を変更(位置はグラデーションパレット内の位置の数値を変更)。
シルバーの場合(左端から設定、各数値は色の%、カッコ内はクリックした四角の位置)。
C3・M4・Y6・K10(...続きを読む

Qアイコンの変更(フォルダに色をつける)

当方、Windows7を使用しています。
フォルダに色をつけたり、アイコンを変更できたりするフリーソフトでiColorFolderというフリーソフトがあったのですが、Windows7では対応していないようで、使えませんでした。他に、フォルダに色をつけるのにRainbow Folderというフリーソフトもあったのですが、アイコンが低画質になってしまい、使うのをやめました。

アイコンを変更するのは「デスクトップアイコンの変更」でできるとおもうのですが、Windows7でも使える、フォルダに色をつけて整理できるようなソフトはないでしょうか?あるいは、簡単にアイコンを変更できるソフトはないでしょうか?

ご存知でしたら回答よろしくお願いいたします。

Aベストアンサー

フォルダのアイコンを変更
http://surviveplus.net/products/windowssofts/?name=foldericonchanger

Win7で使っています。

Qお問合せ?お問い合わせ?

現在、ホームページの制作を依頼しています。
一通りサイトが仕上がりチエックの段階です。

ヘッダー画像の右下の連絡先を「お問合せ」
と記載しております。

サイドメニューのバナーも「お問合せ」
と記載しております。

サイドメニューのテキストリンクも「お問合せ」

しかし、メニューボタンは「お問い合わせ」
ホームページ上の文言も「お問い合わせ」です。

質問です。

●『お問合せならお問合せ」、『お問い合わせならお問い合わせ』と統一しないと変でしょうか?

●『お問合せ』?『お問い合せ』?どちらが一般的でしょうか?

素人の質問で恐縮ですがよろしくお願いいたします。





メニューボタン
ホームページ上の文章

Aベストアンサー

ひとつだけ。良い悪い、どっちがよい、という話ではないのですが。
受付 ・・・名詞。特に係などの役名を示す名詞ですね。
受付け・・・名詞。受付けをすること。係などではなく、業務を表してます。
受け付け・・動詞。受け付けるの一部ですね。

問い合わせは、問う、合わせる の2つの動詞がくっついた言葉。合せると書くのは現代仮名遣いでは誤用。
なので、「合せ」というときは、名詞として使うケースのみ。なので、「問合せ」を使った場合、お問い合わせは、もしくは、お問い合わせの時はなど動詞を想定させるときの表現での使い方は微妙で、問合せ先など、はっきりと名詞と思われる使い方が違和感を感じにくいかと。
問いも、いを省くのは、合成された名詞の時だけなので、表記統一には不向きです。


人気Q&Aランキング