最近色々とブログの編集にいそしんでいるんですが、そこで色々重宝するテーブルタグ。
プロ（ある程度のＷＥＢ博識者）がホームページを製作する場合は、文章をレイアウトする場合でも必ずと言っていい程テーブルを使っているんですね☆
テーブルって何？って方はＩＮＤＥＸの作り方をご覧ください。
文章の配置をＣＳＳ（スタイルシート）の影響を受けずにページの真ん中に持っていったり、上でも説明した通りレイアウトにも便利なテーブルタグ。
ここで、ブログに良く来てくださる方々のコメントに
『重くならない様に注意ですね！』
というのが沢山ありました('∀`；)
プロ（ある程度のＷＥＢ博識者）がホームページを製作する場合は、文章をレイアウトする場合でも必ずと言っていい程テーブルを使っているんですね☆
テーブルって何？って方はＩＮＤＥＸの作り方をご覧ください。
文章の配置をＣＳＳ（スタイルシート）の影響を受けずにページの真ん中に持っていったり、上でも説明した通りレイアウトにも便利なテーブルタグ。
ここで、ブログに良く来てくださる方々のコメントに
『重くならない様に注意ですね！』
というのが沢山ありました('∀`；)
テーブルタグはとても便利なものですが、タグ内の情報をすべて読み込んでから表示されるので、テーブルタグ自体の読み込みが後回しになります。
これが、重さの原因です。
幅指定をピクセルで設定すると読み込みが若干早くなるので、デザインが崩れにくくなります。
気持ち程度ですが（汗
テーブルの幅は、『％指定』と『ピクセル指定』の２つがあり
【％指定】
ブラウザの幅によって大きさが変わるので、視聴者がブラウザの大きさを変更すると、意図したデザインと異なる場合がある
【ピクセル指定】
ブラウザの幅に関係なく大きさが固定されるので、テーブル自体のデザインは崩れにくいが、指定を間違えるとサイト全体のデザインを壊す
…という性質があります。
サイドバーやメイン記事から画像がせり出て、デザインが崩れているブログがありますよね？
これも、テーブルなり画像なりの幅が固定されてしまっている事（ピクセル指定）が原因です( ´д｀ )
テーブルタグ使用時に起こる問題は、ほとんどの場合、横方向のデザイン崩れですのでブログでは気をつけたいですね☆
次回は、テーブルとＳＥＯについて。
テーブルタグのレポートは鋭意製作中です＾＾；
もう少々お待ちください。
関連：ページビューを稼ごう
これが、重さの原因です。
幅指定をピクセルで設定すると読み込みが若干早くなるので、デザインが崩れにくくなります。
気持ち程度ですが（汗
テーブルの幅は、『％指定』と『ピクセル指定』の２つがあり
【％指定】
ブラウザの幅によって大きさが変わるので、視聴者がブラウザの大きさを変更すると、意図したデザインと異なる場合がある
【ピクセル指定】
ブラウザの幅に関係なく大きさが固定されるので、テーブル自体のデザインは崩れにくいが、指定を間違えるとサイト全体のデザインを壊す
…という性質があります。
サイドバーやメイン記事から画像がせり出て、デザインが崩れているブログがありますよね？
これも、テーブルなり画像なりの幅が固定されてしまっている事（ピクセル指定）が原因です( ´д｀ )
テーブルタグ使用時に起こる問題は、ほとんどの場合、横方向のデザイン崩れですのでブログでは気をつけたいですね☆
次回は、テーブルとＳＥＯについて。
テーブルタグのレポートは鋭意製作中です＾＾；
もう少々お待ちください。
関連：ページビューを稼ごう
| 人気Blogランキング FC2Blogランキング JRANKBlogランキング 日本ブログ村ランキング |
 |
|
記事を読んで、あまりのくだらなさに泣けたっ！ |
|
|
|
|
| ■ＩＮＤＥＸを表示 | ■最新の記事を表示 |
| ■ピックアップサイト | ■メールを送信 |
この記事へのコメント
さらさんどうもです
確かにテーブル作りすぎると重たくなりますね
オレのトップページもそんな感じです
応援クリックしておきます〜
確かにテーブル作りすぎると重たくなりますね
オレのトップページもそんな感じです
応援クリックしておきます〜
さらさん、こんばんは！
テーブルタグはサイト・ブログ作成には必須ですよね。
アクセス解析見ていて、さらさんのところからのアクセスがいつもより多いと思ったら・・・。
来てみてその訳が分かりました！
ありがとうございますね♪
応援、ポチッと！
テーブルタグはサイト・ブログ作成には必須ですよね。
アクセス解析見ていて、さらさんのところからのアクセスがいつもより多いと思ったら・・・。
来てみてその訳が分かりました！
ありがとうございますね♪
応援、ポチッと！
なんと!このような熱きもてなし感謝でござる。
拙者サイトの重さには気をくばっているので勉強になります(^^)
いつでも遊びに来てくださいね〜!!
待っているでござる。
応援＿･)/◇ _･)_｡ ﾎﾟﾁ
拙者サイトの重さには気をくばっているので勉強になります(^^)
いつでも遊びに来てくださいね〜!!
待っているでござる。
応援＿･)/◇ _･)_｡ ﾎﾟﾁ
どうもです！白鳥です。
今日も参考になる記事ですね〜
また明日きます！！
応援ドスッ!!!!
今日も参考になる記事ですね〜
また明日きます！！
応援ドスッ!!!!
どうもです。本間です。
なるほど！
今回も
参考になります。
ありがとうございます。
応援ぽち！
なるほど！
今回も
参考になります。
ありがとうございます。
応援ぽち！
どーもマスク柳です。
なんだか色々あるんですねぇ。。。
奥が深いです＾＾
また来ますね！！応援ぽちっ凸＾＾
なんだか色々あるんですねぇ。。。
奥が深いです＾＾
また来ますね！！応援ぽちっ凸＾＾
うーん、やっぱり難しそうですね。
PDFってけっこう簡単にできちゃいますよ。
無料レポートの『無料レポート作成法』みたいなレポートに
簡単、PDFの作り方みたいなのがあって、おかめもそれで勉強しました。
応援ポチ。
PDFってけっこう簡単にできちゃいますよ。
無料レポートの『無料レポート作成法』みたいなレポートに
簡単、PDFの作り方みたいなのがあって、おかめもそれで勉強しました。
応援ポチ。
さらさん!!
こんばんは、シゲです。
「なんでサイドバーが下にあるんじゃ！！」ってそういうことですね。
さらさんのサイトとても勉強になるので、リンク貼らせて頂きました。
相互リンクして頂けたら幸いです。
応援ポチ
こんばんは、シゲです。
「なんでサイドバーが下にあるんじゃ！！」ってそういうことですね。
さらさんのサイトとても勉強になるので、リンク貼らせて頂きました。
相互リンクして頂けたら幸いです。
応援ポチ
スタイルシートに、
「table-layout」というのがあります。
デフォルトではautoになってますが、fixedを指定すると、
最初の横一行を読み込んだ時点で、
各縦列の幅を決定して表示します。
つまり早くなるってことです。
この場合、必ず最初の行の幅を指定しないとダメですが。
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/tables3.htm
↑参考（微妙ですけど）
知ってたら、ごめんちょ（＾＾；
ぽちぃ
「table-layout」というのがあります。
デフォルトではautoになってますが、fixedを指定すると、
最初の横一行を読み込んだ時点で、
各縦列の幅を決定して表示します。
つまり早くなるってことです。
この場合、必ず最初の行の幅を指定しないとダメですが。
http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/tables3.htm
↑参考（微妙ですけど）
知ってたら、ごめんちょ（＾＾；
ぽちぃ
これだけの情報がんばっているからでござる(*´∇｀*)尊敬
すごいでござる。拙者も負けませぬぞ
すごいでござる。拙者も負けませぬぞ
さらさん、こんばんは〜。
ためになる記事ありがとうございます。
私にとっては、まだハードル高いでーす。
応援ポチ！！
ためになる記事ありがとうございます。
私にとっては、まだハードル高いでーす。
応援ポチ！！
こんばんは！
さらさんのブログまだまだ勉強不足の私としては参考になります。
応援ポチ
さらさんのブログまだまだ勉強不足の私としては参考になります。
応援ポチ
こんばんわ、ザルガバースです。
ご挨拶が遅れてすいません。
リンクの変更有難うございます。
名前も微妙み変えてみました♪
今後ともよろしくお願いしますね！
ポチッ☆
ご挨拶が遅れてすいません。
リンクの変更有難うございます。
名前も微妙み変えてみました♪
今後ともよろしくお願いしますね！
ポチッ☆
さらさん♪こんばんは！うららです＾＾
コメント＆応援！ありがとうございました〜☆
テーブルタグって重くなるんですね！知らなかったですぅ〜＾＾；
私はテーブルタグ、超苦手なので、
さらさんが製作中のレポート、ものすごく興味あります。
出来上がりましたら、是非読ませてください！
よろしくお願いします＾＾
それでは応援！ぽち！
コメント＆応援！ありがとうございました〜☆
テーブルタグって重くなるんですね！知らなかったですぅ〜＾＾；
私はテーブルタグ、超苦手なので、
さらさんが製作中のレポート、ものすごく興味あります。
出来上がりましたら、是非読ませてください！
よろしくお願いします＾＾
それでは応援！ぽち！
こんばんは〜＾＾
さらさん今レポート書いているんですか〜？
パソコン音痴なので今日の記事は読むのに時間がかかっちゃいました(笑)
レポート楽しみにしてます＾＾
では〜応援ぽちぽちぽち
またきますね＾＾ｖ
さらさん今レポート書いているんですか〜？
パソコン音痴なので今日の記事は読むのに時間がかかっちゃいました(笑)
レポート楽しみにしてます＾＾
では〜応援ぽちぽちぽち
またきますね＾＾ｖ
(｡･ω･)ﾉﾞ こんにちわスズキです♪
テーブルタグって聞いた事ありますけど
何がなんだかさっぱり分かりません
かなり勉強不足ですね。。。
(っ´∀｀）ノ凸 応援ぽちっと
テーブルタグって聞いた事ありますけど
何がなんだかさっぱり分かりません
かなり勉強不足ですね。。。
(っ´∀｀）ノ凸 応援ぽちっと
おはようございます。
もへじです。
なるほど〜
重くなって開きにくいと
「やめよ」って思っちゃいますよね
せっかく来て頂いたのに訪問も
してもらえないのは悲しいですよね
勉強になりました。
応援ポチ!
もへじです。
なるほど〜
重くなって開きにくいと
「やめよ」って思っちゃいますよね
せっかく来て頂いたのに訪問も
してもらえないのは悲しいですよね
勉強になりました。
応援ポチ!
こんにちは、wasinoです。
テーブルタグで重くなるなんて知りませんでした(^^;
と言うか光になってからサイトの重さとか考えずに
作ってた気がします……。
応援ぽちっと。
テーブルタグで重くなるなんて知りませんでした(^^;
と言うか光になってからサイトの重さとか考えずに
作ってた気がします……。
応援ぽちっと。
コンニチワ〜
テーブルって名前はききますけれど私もよくわかってないです（汗）
でも知っておいたほうが良いかな・・・
と、思ったら今はそれどころじゃなかった（汗）
応援クリーック！
テーブルって名前はききますけれど私もよくわかってないです（汗）
でも知っておいたほうが良いかな・・・
と、思ったら今はそれどころじゃなかった（汗）
応援クリーック！
実際は、テーブルを使わずにCSSでレイアウトするっていう傾向にウェブ業界は変わって行ってたりします。
が〜〜〜！！
テーブルでレイアウトした方が崩れにくいですね〜♪
でも、あと１、２年後にはテーブルレイアウトは減ってくと思います♪
各ブラウザーがこれから、どんどんCSSに対応していってくれれば良いのですが。
応援！
が〜〜〜！！
テーブルでレイアウトした方が崩れにくいですね〜♪
でも、あと１、２年後にはテーブルレイアウトは減ってくと思います♪
各ブラウザーがこれから、どんどんCSSに対応していってくれれば良いのですが。
応援！
こんにちは。ICHIです。
いつもコメントありがとう。
私も早くこのようなタグを使いこなせるようになりたいです。
私の方は、携帯のセキュリティを
記しております。
よろしくお願いいたします。
応援！！！
さらさん
スージーです。
またまた勉強になりました。
ありがとうございます。
HTMLややこしいです。
P.S
またタイトル変えちゃいました
ニュータイトル：情報起業で稼ぐ！元宣伝マンの超ユニーク戦略暴露ブログ
よろしくです！
ぽち
スージーです。
またまた勉強になりました。
ありがとうございます。
HTMLややこしいです。
P.S
またタイトル変えちゃいました
ニュータイトル：情報起業で稼ぐ！元宣伝マンの超ユニーク戦略暴露ブログ
よろしくです！
ぽち
こんにちは、かるびです。
画像の大きさは最初苦労しました(笑)
サイドバーが崩れて何でだろ？って何回もやり直した記憶が・・・(笑)
応援クリック！！
画像の大きさは最初苦労しました(笑)
サイドバーが崩れて何でだろ？って何回もやり直した記憶が・・・(笑)
応援クリック！！
こんにちは。
小太郎です。
あまり気にせずに作ってましたので参考になります！
勉強になりました〜♪
有り難うございます！
応援ぽち
小太郎です。
あまり気にせずに作ってましたので参考になります！
勉強になりました〜♪
有り難うございます！
応援ぽち
こんにちは
鬼ブログからきました
いろいろ書かれてるんですね
応援してまたよります
鬼ブログからきました
いろいろ書かれてるんですね
応援してまたよります
こんばんは、アケボーノです。
また、来ちゃいました♪
レポート楽しみ〜！
応援、ポチッと！３回！
また、来ちゃいました♪
レポート楽しみ〜！
応援、ポチッと！３回！
どうも、こもっちです。
今日は、調子悪くてぽちっとだけしていきます。
今日は、調子悪くてぽちっとだけしていきます。
こんばんは！
今日はお休みみたいですね。
またきま〜す！
応援ポチ
今日はお休みみたいですね。
またきま〜す！
応援ポチ
こんばんは！ 作田です！
いつも応援ありがとうございます！
こんばんは！ 作田です！
いつも応援ありがとうございます！
久しぶりの訪問になってしまいました。
こうやって文字だけで見ると難しそうですよね・・。
実際に試しながらやってみると案外できるのかもしれないですね。
また来ます！ 応援！
いつも応援ありがとうございます！
こんばんは！ 作田です！
いつも応援ありがとうございます！
久しぶりの訪問になってしまいました。
こうやって文字だけで見ると難しそうですよね・・。
実際に試しながらやってみると案外できるのかもしれないですね。
また来ます！ 応援！
さらさん、おはようございます。
あれ、またきちゃった。
応援していきます！
あれ、またきちゃった。
応援していきます！
ハロー、リリーです。さらさん、し
ばらくブログ休眠いたします。目標
達成したらまた再開しますね。
ちょくちょく遊びに来させてくださ
いね。それまでごきげんよう！オー
エンぽち＾＾
ばらくブログ休眠いたします。目標
達成したらまた再開しますね。
ちょくちょく遊びに来させてくださ
いね。それまでごきげんよう！オー
エンぽち＾＾
さらちゃん アロハ♪ ＨＵＬＡです！
テーブルタグは重たくなっちゃうんですね･･･
でも すごくスッキリしてみえるから うまく付き合えばいいお友達だね♪
応援ポッチん☆
テーブルタグは重たくなっちゃうんですね･･･
でも すごくスッキリしてみえるから うまく付き合えばいいお友達だね♪
応援ポッチん☆
おー、完成したんですか？
どうしましょうか。
じゃあ、メールに添付してみてください。
楽しみだな♪
応援ポチ。
どうしましょうか。
じゃあ、メールに添付してみてください。
楽しみだな♪
応援ポチ。
この記事のトラックバックURL
http://licieda.blog58.fc2.com/tb.php/149-03648047
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
| イラストレーターが語る初心者の為の本当に稼げるアフィリエイト講座 |
Template by ブログ アフィリエイト SEO テンプレート
無料ホームページ アフィリエイト レンタルサーバー アフィリエイト
Template by ブログ アフィリエイト SEO テンプレート
無料ホームページ アフィリエイト レンタルサーバー アフィリエイト
