ブログでテーブルレイアウトなのです!

 

ブログやHPのレイアウトはCSS(カスケーディング スタイル シート)を
使うのがスタンダードなのでーす。

CSSとは文字の大きさや色、枠の太さ、間隔、リンク色などを、
あらかじめ記入したファイルですよ。

他にも背景画像、位置、透明度など、様々な設定ができちゃうのです。
これをブログのHTMLにリンクさせると、自動的にレイアウトを読み込みますです。

だからCSSを変更するだけで、簡単に全ページのレイアウトを変更できたりするのです!
このFC2ブログさんの場合は環境設定「テンプレートの設定」の下に「スタイルシート編集」がありますよー。

ただ、定まったフォーマット(レイアウトのベースの形)以外のイレギュラーなレイアウトを記事内で
使用する場合は、お手軽な「テーブルレイアウト」を使うとちょっと便利なのです。
CSSに直接手を加えると、思わぬところで全体のレイアウトが崩れたりする場合がありますからねー。

 テーブルとは表組のことなのです。
 10年くらい前はみんなテーブルレイアウトでHPを作っていたようですよ。
 それが廃れたのはアクセシビリティが言及され、ユーザビリティの重視。
 そしてユニバーサルデザインが求められ、CSSに注目が集まったのですー!
 ここらへんややこしいので、興味のある人はググってくださいです。

まあ、テーブルレイアウトは「見た目」重視なので、
目の不自由な人には不要なスクリプトが多かったりするのです。
でも、視覚的に記事を読んだり画像を配置する場合、レイアウトは重要なので~す。

だから、写真をいくつか並べてその下に説明を入れるなど、
ちょっとした小技程度に使うのをお薦めしますですー。

では、 高機能テキストエディタで「テーブル挿入/編集」を使ってみるです!

つまりこんな感じになるのです。つまりこんな感じになるのです。つまりこんな感じになるのです。

そして右クリックでテーブルプロパティ「ボーダーサイズ」を0にすると……

つまりこんな感じになるのです。つまりこんな感じになるのです。つまりこんな感じになるのです。

テーブルの幅と高さの数値をDelキーなどで消して空白にしておくのがコツですよ。
写真や文字量に合わせて自動的に調整してくれるのですー。

こんな風に、
枠を活かすことも
できるのですー。
 ボーダーサイズを 
0にすると……

こんな風に、
枠を活かすことも
できるのですー。

テーブルの中の1つ1つの枠のことを「セル」と呼び、右クリックで設定変更できます。
各セルは個別に文字や写真の位置、揃え方を設定することが可能なんですよ。

初めてテストする場合は、余白や間隔などの数値を一方だけ大きめに入力してみれば、
どちらにどれだけ反映されているかが分かりやすいです。

セルとセルを連結できちゃったりもするのです!!
 

 ちょっと、アンタよアンタ! 
 待ちなさいってば!!

 1コマだけ表示される
 美琴のフグのような顔。

セルとセルを連結できちゃったりもするのです!!
 

 ちょっと、アンタよアンタ! 
 待ちなさいってば!!

 1コマだけ表示される
 美琴のフグのような顔。



 って、上条ちゃん聞いてますか~!?

スポンサーサイト
御坂美琴御籤
プロフィール

amore

Author:amore
美琴タンのペット

なんとなくページランキング
同人カツドウ!


DLsite Maniax
タグクラウド

カテゴリ
ブログ内検索
カレンダー
07 | 2010/08 | 09
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
過去ログ +

2017年 10月 【1件】
2017年 09月 【1件】
2017年 08月 【1件】
2017年 07月 【3件】
2017年 06月 【6件】
2017年 05月 【3件】
2017年 04月 【5件】
2017年 03月 【3件】
2017年 02月 【3件】
2017年 01月 【3件】
2016年 12月 【1件】
2016年 11月 【4件】
2016年 10月 【4件】
2016年 09月 【1件】
2016年 08月 【2件】
2016年 07月 【4件】
2016年 06月 【3件】
2016年 05月 【1件】
2016年 04月 【3件】
2016年 03月 【4件】
2016年 02月 【3件】
2016年 01月 【8件】
2015年 12月 【2件】
2015年 11月 【5件】
2015年 10月 【1件】
2015年 09月 【1件】
2015年 08月 【2件】
2015年 07月 【5件】
2015年 05月 【3件】
2015年 04月 【5件】
2015年 03月 【4件】
2015年 02月 【5件】
2015年 01月 【11件】
2014年 12月 【7件】
2014年 11月 【9件】
2014年 10月 【9件】
2014年 09月 【7件】
2014年 08月 【9件】
2014年 07月 【11件】
2014年 06月 【6件】
2014年 05月 【12件】
2014年 04月 【9件】
2014年 03月 【15件】
2014年 02月 【10件】
2014年 01月 【13件】
2013年 12月 【11件】
2013年 11月 【10件】
2013年 10月 【9件】
2013年 09月 【14件】
2013年 08月 【19件】
2013年 07月 【20件】
2013年 06月 【19件】
2013年 05月 【25件】
2013年 04月 【20件】
2013年 03月 【20件】
2013年 02月 【14件】
2013年 01月 【21件】
2012年 12月 【23件】
2012年 11月 【23件】
2012年 10月 【25件】
2012年 09月 【17件】
2012年 08月 【20件】
2012年 07月 【17件】
2012年 06月 【21件】
2012年 05月 【20件】
2012年 04月 【21件】
2012年 03月 【25件】
2012年 02月 【25件】
2012年 01月 【26件】
2011年 12月 【28件】
2011年 11月 【25件】
2011年 10月 【27件】
2011年 09月 【25件】
2011年 08月 【26件】
2011年 07月 【28件】
2011年 06月 【24件】
2011年 05月 【26件】
2011年 04月 【26件】
2011年 03月 【28件】
2011年 02月 【27件】
2011年 01月 【29件】
2010年 12月 【29件】
2010年 11月 【32件】
2010年 10月 【35件】
2010年 09月 【44件】
2010年 08月 【39件】
2010年 07月 【4件】

RSSリンクの表示
最新トラックバック
最新コメント
リンク
おすすめ商品 (Amazon)


















ぺたん娘 とある魔術の禁書目録II 御坂美琴 (ノンスケール PVC塗装済み完成品)あまなつShopあまなつで見る同じレイアウトで作成

とある科学の超電磁砲 御坂美琴 -とあるメイド姿の超電磁砲 (レールガン)- (1/6スケール PVC塗装済み完成品)あまなつShopあまなつで見る同じレイアウトで作成

とある魔術の禁書目録II 御坂 美琴&妹SET 通常版 (1/8スケール PVC塗装済み完成品)あまなつShopあまなつで見る同じレイアウトで作成

PSPカスタムテーマ ダウンロード
『禁書』特製デスクトップアプリDL

(C)SQUARE ENIX
3×3 Puzzle
Yonda?パンダパンダ♡
バナー☆




まいど♡
アクセスランキング ブログパーツ レンタルCGI