• 締切済み

ホームページが重い

ホームページを、作成ソフトを用いずに作成している途中の初心者です。 メモ帳で入力して、Internetexplorerで表示しようとすると、とても重いページがあります。 最初に <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <BODY bgcolor="　　"> <PRE> <FONT size="　"> を打ち込んで、テキスト文書がずらずら続きます。 最後に、 </PRE> <BR><BR> <CENTER><A HREF　　　　"target="contents">　　</A> </FONT> </BODY> </HTML> を入力しています。 ファイルの大きさは、311KBです。 画像も載せていないページなので、重くなるとは思っていなかったのですが、軽くするにはどうすればよいのでしょうか。

みんなの回答

  • ryupyon
  • ベストアンサー率17% (29/163)
回答No.3

スペックの問題？ 文字数にもよると思いますが、CSSを用いて少しでもタグの量を減らすのもいいと思います。 あと、記載のタグで気になったんですが、フォントのサイズいくつにしてます？あまりサイズが大きいと重くなりますよ。 昔、ブラクラでフォントサイズを超特大にしてクラッシュさせるのを見た事があります。

noname#142909
noname#142909
回答No.2

文字数どれくらい有ります あまりにも多い場合ページを分けるしか有りません

moamoasan
質問者

補足

文字数はかなりあると思います。 311KB中、タグは上記のものだけで、あとは表示させたいテキストです。

noname#100277
noname#100277
回答No.1

該当するファイルだけなのか？ ソレともレンタル元のサーバー全体乃至ディレクトリだけなのか？ どうです？

moamoasan
質問者

補足

該当するファイルだけです。 サーバーにはまだアップしてません。 自分のパソコンの中だけです。

  1. カテゴリ
  2. インターネット・Webサービス
  3. インターネット接続・通信
  4. レンタルサーバ・ASP

関連するQ&A

  • 忍者ホームページの広告が表示されません。

    お世話になっています。 NINJA TOOLでホームページを作っています。 無料プランを使っているので、広告が表示されるはずですが・・・。 フレーム内で何故か表示されません。 詳しくかくと、2分割のフレームを使っているのですが、最初から何故か右フレームに画像が表示されています。そのときは、広告が表示されているのですが、左フレームのリンクをクリックすると、左フレームで表示されていた広告が消えてしまいます。コレでは、規約違反で削除されしまうので、アドバイス宜しくお願いします。 ソースは 右フレーム <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> </head> <body> <p>絵<p/> <a href="画像"target="bb">イラスト<a/> <p><a href="トップ">戻る</a><p/> </body> </html> 左フレーム <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> </head> <body> <img src="画像"><font size="2" color="black"><br>説<br/></font> </body> </html> です。 ※ターゲットの名前（？）は、bbでそのままです。

  • もう意味がわかりません。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> 　　　<head> 　　　　　<title></title> <style type="text/css"> <!-- A　　　　　　　{text-decoration: none; 　　　　　　　　cursor:crosshair} --> </style> 　　</head> 　　　<body bgcolor="#000000" link="darkolivegreen" alink="activeborder" vlink="activeborder"> 　　　　　　 　　　　　 <center><font size=5 color=darkolivegreen><br><br><br>ＨＰ</font> 　　　　　 <br><br><font color=slategray size="-1"><br><br><br><br>　　　　　　　　　　　　　　 <a href="menu.html">Enter</a></font></center> 　　</body> </html> ______________________ カーソルを「十字」にしたいのと、 リンク下の線を消したいです。 それで参考書通りにやったのですが、 何故か下線は消えてくれないし、 カーソルも十字になりません。。 これは一体どういうこと！？ どこかオカシイか、教えてください・・。 お願いしますｍ（＿＿）ｍ

    • ベストアンサー
    • HTML
  • メニューのツリー化でfirefoxｓでjavascriptが動作しません。

    メニューのツリー化をしようと思い、以下のサンプルを使用しました。 IEでは問題なく動くのですが、Firefoxでは動作しません。恐らくネットスケープでも動作しないと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>クリックするとツリーメニューを表示する（１つだけ展開し後はたたむ）</title> <script Language="JavaScript"><!-- trList = ["treeMenu1","treeMenu2","treeMenu3"]; //　ツリーメニューのリスト function exMenu(tName) { for (i=0; i<trList.length; i++) eval(trList[i]).style.display = "none"; tMenu = eval(tName).style; if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none"; } // --></script> </head> <body bgcolor="white"> <a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト１<br> <div id="treeMenu1" style="display:none"> ├<a href="">Yahoo!</a><br> ├<a href="" >Goo</a><br> └<a href="">Lycos</a><br> </div> <a href="javaScript:exMenu('treeMenu2')">＋</a>■検索サイト２<br> <div id="treeMenu2" style="display:none"> ├<a href="">Infoseek</a><br> ├<a href="" >Google</a><br> └<a href="">Kids Goo</a><br> </div> <a href="javaScript:exMenu('treeMenu3')">＋</a>■検索サイト３<br> <div id="treeMenu3" style="display:none"> ├<a href="">Excite</a><br> └<a href="" >MSN</a><br> </div> </body> </html> 1行目の<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> を消去して、<html>から書き始めれば、firefoxでも動くのですが、DOCTYPE宣言をしていても動くようにしたいと思います。 どなたかアドバイスをよろしくお願いいたします。

  • ドロップダウンメニューの制作で

    こんにちわ。 http://javascript.eweb-design.com/0701_pdm.html のサイトを参考に ほとんどソースを変えずドロップダウンメニューを制作しようとしていますが HTMLの定義を <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> にすると、上記のサイトのソースだとできないのです。 この定義にてどうしても制作したいのですが、どこを変えればいいのでしょうか？ 参考にし、以下のようにソースを書きました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // プルダウンメニュー flag = false; function pullDown01() { if(flag) ID01.style.display = "none"; else ID01.style.display = "block"; flag = !flag; } //--> </SCRIPT> <link href="css/test.css" rel="stylesheet" type="text/css"> </HEAD> <BODY bgcolor="#ffffff"> <TABLE border="0" cellspacing="0" cellpadding="0"> <TBODY> <TR> <TD> <DIV style="background-color:#ffcccc; width:160px"> <div class="test"><p><a href="javaScript:pullDown01()">テスト</a></p></div> </DIV> <DIV id="ID01" style="display:none;"><div class="test2"><p><a href="#">テスト</a></p></div></div> </TD> </TR> </TBODY> </TABLE> <BR><BR><BR><BR> <BR><BR> </BODY> </HTML>

  • HTMLソースの語句の意味について

    WEBページのソースを見ていると<table>や<bgcolor>など基本的なタグの意味はわかるのですが <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> 或いは <nobr><a href="/r/sh">・・・</a>&nbsp; &nbsp;</nobr> の中にある「doctype」「public」「dtd」「transitional」「nobr」「nbsp」といったタグではない見慣れない語句も沢山出てきて意味がわかりません。勉強の為にもこれらの語句の意味が紹介している辞典のようなサイトや書籍はあるでしょうか？

    • ベストアンサー
    • HTML
  • ホームページの文字の大きさについて

    ホームページを作ろうと思い、HTMLを勉強始めたのですがいきなりつまずいてしまいました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>インデックス</title> </head> <body> <h1>ホームページ<h1/> <h2>ようこそ<br>トップです。</h2> <p>はじめて作成したページ</p> </body> </html> 試しに上のように組んでみたのですが 一行目の「ホームページ」と最後の「はじめて作成したページ」の文字が同じ大きさになってしまいました。 最後の行は見出しタグを付けてもいませんし大きくなる理由がわかりません。 試行錯誤した結果、一行目のサイズを変えると（たとえばh1からh2に）最後の行も同じようにサイズが変わることがわかりました。 なぜこの2つの行の文字の大きさが一致するようになったのでしょうか？ 初心者過ぎてばかばかしい質問かもしれませんがよろしくお願いします。

    • ベストアンサー
    • HTML
  • <ruby>を使う時のDOCTYPE宣言は？

    HPのことで質問です。 <ruby>タグを使ったホームページをAnother HTML-lint gatewayにかけたところ、「他のHTML用」だと言われてしまいました。どうやらDOCTYPE宣言が原因のようです。そのページは<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> で作成しました。<ruby>タグを使えるDOCTYPE宣言は何になるでしょうか？

    • ベストアンサー
    • HTML
  • CSSでの記述についてです。

    CSS初心者で独学でいろいろ試しているのですが、分からないことがあるので質問させてください。 １、スタイルシートの定義を個別にして、文章を書いたページのスタイルを一括で統一する方法を取っています。 ２、ページの下の部分に「戻る」「次へ」のリンクを作って、リンクを張りました。 ３、同じフォルダ内のページに対してリンクを貼ったとき、「戻る」と「次へ」の間にわずかに間隔があります。（それを保ちたいのです） ４、しかしひとつ階層が上の（フォルダ外）のページに対してリンクを貼ったとき、何故か「戻る」と「次へ」の間の間隔が狭くなってしまいます。 スタイルシートを文書の記述とは別に作って一括で処理しているので、その文書ページの記述に問題があるのだと思うのですが、どこが問題なのか分かりません。参考までに、以下にページの記述を記載します。 ---------------------------------------- ＜間隔がきちんとある方＞ <html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML lang="ja"> <head> <LINK rel="stylesheet" type="text/css" href="../stylesheet1.css"> <title>Torikago2</title> </head> <body><br> <p> 文書<br> </p> <br><br> 　　　<a href="torikago1.html">戻る</a> 　　　<a href="torikago3.html" class="01">次へ</a> </font> </body> </html> ------------------------------------------------- ＜間隔が狭くなる方＞ <html> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML lang="ja"> <head> <LINK rel="stylesheet" type="text/css" href="../stylesheet1.css"> <title>Torikago1</title> </head> <body><br> <p> 文書<br> </p> <br><br> <a href="../toppage.html">戻る</a> <a href="torikago2.html" class="01">次へ</a> </font> </body> </html> ------------------------------------------------ ちなみに、スタイルシート＞文書フォルダ　となっていて、 間隔の狭くなってしまう方のページもその文書フォルダの中にあります。 スタイルシートのリンクに対しての記述も必要でしょうか？ 以下のようなものです。 ------------------------------------------------ a {position:relative; right: -43%; bottom: 40px; background-color:white; opacity: 0.8; padding:10px; margin:0px; text-decoration: none;} a.01 {position:relative; bottom: 10px; background-color:white; opacity: 0.8; padding:10px; margin:0px; text-decoration: none;} どなたか教えて頂けると嬉しいです。

  • リンクについて。

    こんにちは。 初歩的な質問ですが、リンクの貼り方が分かりません。 タグは、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <style type="text/css"> <!-- body{background-color:#ffffff;} table{font-size:medium;line-height:150%;color:#000000;} --> </style> </head> <body> <a href="about.html">about</a> <a href="1.html">main</a> <a href="nikki.html">nikki</a> <a href="link.html">link</a> </body> </html> としているのですが、「<a href="main.html">main</a> 」だけが、ページが表示できません。と、出てきます。「main.html]も、他のリンクと同じようにサーバーにアップしてあり、それを貼り付けています。 何故、リンクできないのでしょうか？

  • 、<html>より上には何を入れればいいのでしょう

    ＨＰを作る際に、<html>より上には何を入れればいいのでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> でいいのでしょうか？ それとも <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> でしょうか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する