- ベストアンサー
この容量はテキストサイトとして重いのでしょうか
ORUKA1951の回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
確かに >見る人の環境を考えていない、 >ローカルでやればいい、 >不愉快ならアク禁に ページ製作者としては心外でしょうが、携帯電話でのアクセスを考慮に入れるなら、確かに長すぎます。新しい携帯端末ならいざ知らず、ふるい端末やパソコン用のサイトの閲覧を相対していない端末では、明らかに長すぎます。 もしも携帯端末を想定されるというか仕様書の 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より に従うなら、いくつかのページに分割して、最初のページはデータ量を少なくして、別途パソコン用に一枚のHTMLにまとめたものを用意しておくのが筋でしょう。 その上でスタイルシートで <link rel="styleSheet" type="text/css" media="tty,handheld" href="./styleSheet/handheld.css"> <link rel="styleSheet" type="text/css" media="screen" href="./styleSheet/screen.css"> とスタイルシートも分けて、背景画像は読み込ませない。とか・・ あなたが携帯端末は想定外・・HTMLの趣旨に反して「制約」をされるなら、それなりの対策をしておくべきです。それが作者の使命です。携帯端末は基本的にパケット通信料がかかるということ。パケットを少なくし、続きを読みたい人のみ次が読めるようにするのが基本でしょうね。
関連するQ&A
- FOMA対応サイトでの背景指定の仕方がわかりません
FOMA対応サイトを作らなければならず、 FOMAでいろいろなモバイルサイトをチェックしていた のですが、大塚愛やhitomiのモバイルサイトでは、 トップページをスクロールすると、背景にいろいろな 色が使われていました。 テーブルで区切って背景色指定がしてあるのかと 試してみたのですが、テーブル内に配置したテキストが 表示されず、うまくいきません。 どうやって作るのかぜひ教えていただけませんでしょうか。 よろしくお願いします。
- ベストアンサー
- CSS
- swfファイルを背景にしてテキストを上に乗せたい。
flash、xhtml、css、の超初心者です。 ページのヘッダー部分に、 swfファイルを背景にしてテキストを上に乗せてレイアウトしたものをのせたいと思っています。 swfファイルはセンターに配置して、 テキストは右寄せで、上から250px、右から50pxの位置に配置したいと考えています。 配置の方法をどうか教えていただきたくお願い致します。m(_ _)m
- ベストアンサー
- HTML
- モバイルサイトの造り方
ネットショップを運営しています。 現在のところＰＣサイトのみですが、 モバイルサイトをつくることになりました。 ＨＴＭＬやＣＳＳ 、またはＳＥＯ的なことも 理解し ＰＣサイトを運営しているのですが、 モバイル専用サイトを造るのは初めてです。 ショッピングカート等は不要で、ごく簡単なモバイルサイトを つくりたいのですが、 ノウハウなどありましたら、教えてください。 くわしく教えてくれてるサイトなどありましたら それもよろしくです。
- ベストアンサー
- インターネットビジネス
- 画像で背景透明のテキストがにじむのです
こんにちは。 いつもお世話になります。 webのバーをイラストレーターCS3で作成してます。 別途、背景に模様の画像を配置しておるので ここは背景が透明のテキストだけの「画像」にしたいのですが gifで保存をいくら試しても文字がぎざぎざしてしまいます。 pngでも変わらず。 背景の画像が黒っぽいので、テキストは白で 0.5～1ほど黒の縁取りをしたりしても同じです。 画像にせずテキストのみのバーにしてもいいのですが デザイン上ちょっと避けたいのです。 なんとか解決策は無いでしょうか。 もしかしたらとんでもなく初歩的なことを聴いてて恥ずかしいのですが ちょっと急ぎで困ってます。 よろしくお願いいたします。
- ベストアンサー
- CSS
- 背景画像上にテキストを配置したボタンについて
今晩は。 いつもお世話になっています。 CSSで次のようなボタンを作りたいと思っています。 ・背景画像の上にテキストを乗せたボタン。 1)ボタン上のテキストを書き換えられるようにしたい。 2)ボタンはページによって同じ背景画像でサイズを変えたい。（指定した縦横幅に合わせて背景画像がリサイズされるようにしたい） 3)背景画像ごとリンクにしたい。 参考サイトを見て、現在以下のようなボタンを作ってみました。 1、2はクリアできたのですが、ボタン上のテキストではなく、背景画像自体をリンクにするにはどうすればいいでしょうか？ また、色々方法はあると思うのですが、今回のようなボタンを作る上でもっと効率の良いCSSがあれば、参考サイト等教えて頂けると幸いです。 -------------CSS-------------- div.photo{ width:100px; height:50px; background-image:url("xxxx.png"); background-repeat:no-repeat; position:relative; background-size:contain; float:right; } .text{ width:100px; position:absolute; top:8px;left:10px; color:#ffffff; line-height: 1.2; font-size:15px; } ------------HTML------------- <div class="photo"> <div class="text"><a href="#">テキスト</a></div> </div> 以上になります。 よろしくお願い致します。
- ベストアンサー
- HTML
- サイトは中央配置、背景に画像、または色をつける
css初心者です。 サイト（すみませんこの言葉でいいでしょうか？）を ブラウザ画面の中央に配置したいとき cssでbodyを中央配置にしています。 その両サイドにも、色または画像をつけたいのです。 テーブルを使用せず 下記のページのように サイトは中央に配置、背景に色や画像をつけるには cssでどのように指定すれば よろしいでしょうか？ http://www9.nhk.or.jp/umechan/ http://www.nikoand.jp/ よろしくお願いいたします。
- ベストアンサー
- CSS
- 携帯3キャリア。それぞれの容量が知りたい。
携帯サイトをau・Docomo・ボーダ・textの4タイプで制作する事になりました。 現在考えているのは au：png htmlは8kB以内 DoCoMo：gif htmlは10KB以内 ボーダ：png htmlは6KB以内 以上で制作しようと思っていますが大丈夫でしょうか。 また画像のブラウザ上の容量と単独の容量についても教えて頂きたいです。 まだ2.3年前の携帯を使っている人って結構いると思うので 結構昔のキャリアサイズにしています。 最近のものだとtext100Kとかは全然平気なので作りやすいのですが・・・。 しかしテキストオンリーも作るので、10kb以下等と言わず 100kb以下のものはテキストに振った方が良いのでしょうか。
- ベストアンサー
- HTML
- 右上にテキストを配置するための記述について質問
現在、CSSを上手になりたいため、CSSを勉強中です。 その際に疑問が浮かんできましたので質問させていただきます。 こちらのサイト【http://www.netmania.jp/】 で、右上に銀色のテキストが見えるかと思いますが、 私が作成したページでは右上にぴちっとテキストが配置されずに困っています。 この場合、どのようなタグを記述すれば宜しいのでしょうか？ 「説明の意図がつかめずに、ソースが必要になった場合は提出します」
- ベストアンサー
- HTML
- WEBサイトのメニューバーを画像で作るのがいいのか、それともテキストと
WEBサイトのメニューバーを画像で作るのがいいのか、それともテキストとCSSの背景画像で作るのがいいのか、どちらがどういいのか良くわかりません。 それぞれの長所と短所を教えて下さい。 また、他にメニューバーを作る方法があれば教えて下さい。 よろしくお願いします。
- ベストアンサー
- HTML
- webサイトの容量のチェック
webサイトの容量をチェックする場合、 ツールなどを使ってチェックする時と、「ファイル」→「名前をつけて保存」としてチェックする時と、誤差が大きくあるのはなぜでしょうか？（100KBとか） 名前を付けて保存だと、cssやjsファイルもカウントされるからでしょうか？ そもそも、ページの容量チェックとは 画像、css、アドの画像等もすべて含めたものでないと チェックしたといえないのでしょうか？ 色々書きましたが、どなたかご教授ください。 宜しくお願いいたします。
- 締切済み
- その他（インターネット・Webサービス）
お礼
ご回答ありがとうございます。 背景画像は外部cssで設定しており、古い携帯は外部cssを読まない、新しい携帯ではメタタグのmedia="screen"で排除され、結局、携帯ではHTMLのテキスト部分だけが表示される、と思っておりましたが、違っていたでしょうか？ また、.htaccessで携帯とPCを振り分け、メインの画像コンテンツは携帯サイト用にPCとは別に作り、サイドディッシュのテキストは「PCサイトに直接リンクしているので、機種によっては全部読めない可能性がある」旨の注意をTOPとリンクの前の2箇所に書いてあります。 正直言って、ネットで色々な知識を寄せ集めて細々とやっている個人の趣味のサイトではここまでが精一杯です。 携帯に便宜を図ってページを分けると言うことは、PCでから見た場合、やたらとページ遷移が増えることになり、不便さが増すのではないでしょうか。 携帯には配慮しますが、メインコンテンツを楽しんでいただくためにはPCサイトを優先します。 引用された文章の意味は十分分かります。 が、できることとできないことがある、というのが現実だと思います。 例えば、未だ公的機関の電子申請などではIE以外ダメとか、他のブラウザが使えてもできる範囲が違うとか……。（当方、Mac+safari） 1つのcssで3キャリアに対応できる記載方法を見つけたら、そのときは検討したいと思います。