Ｐａｇｅ 274 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 通常モードに戻る ┃ ＩＮＤＥＸ ┃ ≪前へ │ 次へ≫ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ▼Ｔａｂｌｅとバナーについて おろ 03/12/3(水) 20:29 ┗Re:Ｔａｂｌｅとバナーについて 105 03/12/4(木) 0:59 ┗Re:Ｔａｂｌｅとバナーについて おろ 03/12/4(木) 9:33 ┗Re:Ｔａｂｌｅとバナーについて むむりく 03/12/4(木) 23:59 ┗Re:Ｔａｂｌｅとバナーについて きらきら 03/12/6(土) 5:38 ┣Re:Ｔａｂｌｅとバナーについて むむりく 03/12/6(土) 8:26 ┃ ┗Re:Ｔａｂｌｅとバナーについて おろ 03/12/6(土) 15:15 ┃ ┗Re:Ｔａｂｌｅとバナーについて むむりく 03/12/6(土) 22:39 ┗Re:Ｔａｂｌｅとバナーについて 105 03/12/6(土) 23:51 ─────────────────────────────────────── ■題名 ： Ｔａｂｌｅとバナーについて ■名前 ： おろ ■日付 ： 03/12/3(水) 20:29 -------------------------------------------------------------------------
| こんにちは、お世話になっています。 以前チラッと耳に入れたんですが、Ｔａｂｌｅタグを使うと画面が重くなるって本当ですか？ 例えば、その場その場をＴａｂｌｅで囲むより、 頭から終わりまでを一辺にTableで囲むと重くなるのでしょうか？ その場その場をTableで囲む方が軽いとか・・・？ それともそんなこと全く関係ないのでしょうか。 よくバナーってありますよね。 フリー素材を頂いて文字をご自由に入れて下さい。 ってものもあります。 ただ、その頂ける画像っていうか、素材に文字を入れるやり方ってどうすればいいのでしょう。 ＨＰ作ったクセに初歩的な質問で恐縮です。 |
| ▼おろさん： >以前チラッと耳に入れたんですが、Ｔａｂｌｅタグを使うと画面が重くなるって本当ですか？ こんばんは。 画像が重くなるというよりは、Tableがないよりは表示が少し遅くなります。 ページが表示されるまでの時間は回線速度＋パソコンの性能＋ブラウザ性能です。 Tableが３・４重に入れ子になっていると、そのぶん表示までに時間がかかります。 1重テーブルでも内容が極端に多いとブラウザが処理する時間が増えるので 同じく遅くなっていきます。ですので、出来るだけシンプルに作るのが 軽いページを作るコツです。 >ただ、その頂ける画像っていうか、素材に文字を入れるやり方ってどうすればいいのでしょう。 画像編集ソフトで簡単にできます。 簡単な文字入れだけでしたら、Windows付属のペイントでも出来ますので 試してみましょう。 |
| ▼105さん： >こんばんは。 >画像が重くなるというよりは、Tableがないよりは表示が少し遅くなります。 >ページが表示されるまでの時間は回線速度＋パソコンの性能＋ブラウザ性能です。 なるほど、ありがとうございます。 つまり、表示を早くしたいならTableをあまり使わない方が得策と考えていいのですね 。 Tableを使い、画像も同じ場所にアップすると電話回線の人は辛いかもしれないってやつか･･･ あ、ちなみに私は電話回線じゃないんで平気ですが。 >Tableが３・４重に入れ子になっていると、そのぶん表示までに時間がかかります。 >1重テーブルでも内容が極端に多いとブラウザが処理する時間が増えるので >同じく遅くなっていきます。ですので、出来るだけシンプルに作るのが >軽いページを作るコツです。 この１重、２重と言うのはどんな意味なんですか？ 『border=""』の数字のことでしょうか？ ウィンドウズに入っている画像編集ソフト･･･ アクセサリ内にある「ペイント」で良いのでしょうか？ 今、ちょっと使ったのですが、この文字をバナー内に入れることが出来るのですか？ それとも、画像を保存してペイント内にアップ？して そこで文字入れをするとか･･･ 文字を書くのはなんとか出来そうですが、それをバナー内に入れるやり方に不安が残ります。 |
| >この１重、２重と言うのはどんな意味なんですか？ >『border=""』の数字のことでしょうか？ <table> <table> <table> </table> </table> </table> 簡単に書くとこういう感じです。 ネストともいいます。 プログラムでもネストは遅くなっちゃいます。 先日ご質問のあった JavaScript も、遅くなる一要因です。 これは関係ないですが、 img 要素に width や height 属性を加えると、 表示スペースを確保するので体感スピードが増します。 （alt 属性も忘れずに） >アクセサリ内にある「ペイント」で良いのでしょうか？ それです。 ペイントのファイル→開くから画像を呼び出して、 左にあるツールボックスの「A」で文字入れをします。 でもやっぱり専用のソフトを使ったほうが綺麗ですよ。 |
| >ペイントのファイル→開くから画像を呼び出して、 >左にあるツールボックスの「A」で文字入れをします。 >でもやっぱり専用のソフトを使ったほうが綺麗ですよ。 文字いれまでは出来たんですけど、アップロードしても開くとペイントででてきてしまう のでどこを<img src="">につなぐ(？)のかわかりません。 教えてください↓ |
| きらきらさん＝おろさん？ >文字いれまでは出来たんですけど、アップロードしても開くとペイントででてきてしまう >のでどこを<img src="">につなぐ(？)のかわかりません。 >教えてください↓ 開いてるのは FTP のソフトですか？ 他の画像と同じ方法ですよ。 HTML ファイルのバナーを表示させたいところに、 <img src="保存したファイル名.拡張子" alt=""> |
| ▼むむりくさん： >きらきらさん＝おろさん？ いえ、違います。 きらきらさん、ご面倒かとは思いますが「横レス」等の書き込みがあれば幸いです。 さて、Tableについて、もう一つ質問させて下さい。 ><table> > <table> > <table> > </table> > </table> ></table> >簡単に書くとこういう感じです。 >ネストともいいます。 >プログラムでもネストは遅くなっちゃいます。 なるほど、参考になります。 では、次のような場合でも遅くなるのでしょうか？ <table>間に入れたい文章</table> <table>間に入れたい文章</table> <table>間に入れたい文章</table> やはり、どんな使い方であれTableは遅くなる要因でしょうか？ >img 要素に width や height 属性を加えると、 >表示スペースを確保するので体感スピードが増します。 >（alt 属性も忘れずに） これは知らなかったです。 こまめに設定することが大切ってコトですね。 >>アクセサリ内にある「ペイント」で良いのでしょうか？ >それです。 >ペイントのファイル→開くから画像を呼び出して、 >左にあるツールボックスの「A」で文字入れをします。 >でもやっぱり専用のソフトを使ったほうが綺麗ですよ。 ありがとうございます。 まだチャレンジしてませんが、バナーを取り込んでやってみます。 ちなみに、あまり綺麗なモノを作ろうと考えてないんです（笑） 手書きで、ちょっと歪なモノを作ろうと計画中です。 また、解らないことありましたら質問します。 その時は宜しくお願いします。 |
| >>きらきらさん＝おろさん？ > >いえ、違います。 きらきらさん、おろさん、すみません。 早とちりしてしまいました。 >なるほど、参考になります。 >では、次のような場合でも遅くなるのでしょうか？ > ><table>間に入れたい文章</table> ><table>間に入れたい文章</table> ><table>間に入れたい文章</table> tableを表示する際、一つずつ配置を決定していくのですね。 ネストすると解釈が複雑になり遅くなる。 ですからおろさんの方法で分割することによって、 表示スピードは増します。 また img 要素と同じように width や height 属性を加えることにより、 配置の手助けをします。 見てくれるすべての方がブロードバンド環境とは限らないので、 細かいけどやはり大切なことですね。 >やはり、どんな使い方であれTableは遅くなる要因でしょうか？ 重要なのは、Table は本来、 レイアウトのためにあるものではないということです。 あくまで厳密に言えば、ですけどね。 JavaScript や画像、他にもいろいろや要因がありますよ。 あまりこだわらなくていいと思います。 >手書きで、ちょっと歪なモノを作ろうと計画中です。 なんだか楽しそうですね。 イメージ通りのものができるよう、頑張ってくださいね。 |
| >文字いれまでは出来たんですけど、アップロードしても開くとペイントででてきてしまう アップロードしてから開くというのは、画像のアドレスを直接入力して 開くということでしょうか？ パソコンの設定にもよりますけども 画像形式がGIFやPNG、JPEG以外だとペイントで開くということも あるかもしれません。文字入れ後のファイル拡張子はgifやJPEGに なっていますか？ |