表格排版及鏈接的使用——排出工整的索引板式

管家

[hide=10,money]一、關(guān)于表格
表格是最常用的排版工具，用其可以進(jìn)行帖子頁(yè)面的布局優(yōu)化。


①首先我們來(lái)說(shuō)下論壇自帶的表格工具，如下圖




其中，“百分比”是指表格占帖子頁(yè)面的寬度，100是全寬，50就是表格只有內(nèi)容頁(yè)面的一半寬；
　　　邊框顏色和背景顏色可以使表格凸顯出來(lái)，也可以使表格隱藏只顯示其中的內(nèi)容，只要將邊框和背景都調(diào)成白色就行了。


用這種這種表格只能做出簡(jiǎn)單的“田字格”型表格，每行每列都是對(duì)齊的。是不是覺得不夠過(guò)癮不夠炫？那么往下看。


②手動(dòng)調(diào)整——代碼高手的專利
在帖子編輯器的右上角有這個(gè)按鈕，你是否使用過(guò)呢？



其實(shí)這個(gè)就是“直觀效果和代碼界面間轉(zhuǎn)換”的按鈕了，只要勾選上這個(gè)，我們編輯儀的內(nèi)容就會(huì)以

Wind

代碼的形式顯示，這時(shí)就可以使用代碼對(duì)內(nèi)容進(jìn)行細(xì)節(jié)調(diào)整了。

[/table]

弊端是“非高手不能熟練駕馭”（關(guān)于 Wind 代碼可以查閱相關(guān)教程 ）

是不是還是沒法做出滿意的表格和布局？那你以詆毀喜歡上下面這種方法的

[table=100%,#ffffff]③實(shí)用的其他工具——word是個(gè)好幫手

其實(shí)有很多工具可以幫助我們快捷方便的實(shí)現(xiàn)表格的繪制，其中最常見的就是

Microsoft Office

辦公組。

這部分我們將重點(diǎn)講解

file:///C:/DOCUME~1/HSY~1.XYT/LOCALS~1/Temp/msohtml1/01/clip_image002.jpg

以

Microsoft Office Word 2003

為例，分別是“繪制表格和邊框”、“快速插入表格”。

file:///C:/DOCUME~1/HSY~1.XYT/LOCALS~1/Temp/msohtml1/01/clip_image004.jpg

我們可以先快速建立一個(gè)表格框架

file:///C:/DOCUME~1/HSY~1.XYT/LOCALS~1/Temp/msohtml1/01/clip_image006.jpg

然后使用繪制工具進(jìn)行調(diào)整，如：插入一整行整列、擦除某段邊框等。

表格制好后，我們就可以選取表格復(fù)制——粘貼進(jìn)論壇了。這時(shí)在變革中填充內(nèi)容后發(fā)表就會(huì)按著表格的布局表現(xiàn)了。

（注意：某些論壇由于核心代碼兼容的原因會(huì)出現(xiàn)無(wú)效代碼，所以在表格發(fā)表后需手動(dòng)刪除這些代碼。發(fā)表后表格為透明色，想編輯顏色的就在論壇新建一個(gè)表格，代碼模式中其頭部就是樣式代碼

file:///C:/DOCUME~1/HSY~1.XYT/LOCALS~1/Temp/msohtml1/01/clip_image008.jpgfile:///C:/DOCUME~1/HSY~1.XYT/LOCALS~1/Temp/msohtml1/01/clip_image010.jpg

代碼意思

[

寬度

30%

，白色底，紅色邊框，邊框?qū)挾?/font>

3

像素

]

）

file:///C:/DOCUME~1/HSY~1.XYT/LOCALS~1/Temp/msohtml1/01/clip_image012.jpg

下面我們就可以在表格中添加內(nèi)容了。（套用一個(gè)現(xiàn)成的表格樣式）

[/hide]

管家

[hide=10,money]二、關(guān)于索引中的鏈接


“插入鏈接和取消鏈接”按鈕



插入方法：
先輸入文字，然后框選主要加鏈接的內(nèi)容，點(diǎn)擊“插入鏈接”按鈕，在地址欄輸入網(wǎng)址，點(diǎn)“提交”即可






效果如：“愛在咸陽(yáng)”騎單車、曬甜蜜贏鉆戒大獎(jiǎng)

=====================華 麗 的 分 割 線=====================

關(guān)于超鏈接的字體格式：

①請(qǐng)?jiān)阪溄拥刂诽砑雍筮M(jìn)行顏色、大小、字體等編輯，否則可能會(huì)是格式丟失

②不要在鏈接添加后修改內(nèi)容，否則可能丟失鏈接

③圖片也可添加鏈接，框選圖片后添加方法同文字的添加方法

[/hide]

管家

將表格和鏈接結(jié)合，就成了一個(gè)不錯(cuò)的索引貼了<div> <br /><table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" bordercolor=\"#666666\">
  <tbody><tr>
    <td colspan=\"3\" valign=\"top\" bgcolor=\"#660033\"><p align=\"center\"><span style=\"color:#FFFFFF;\">本頁(yè)索引</span></p></td>
  </tr>
  <tr>
    <td width=\"218\" rowspan=\"3\" valign=\"top\"><p><img src=\"http://www&#46;xianyuwang&#46;com/p_w_upload/photo/Mon_1103/19_1d6a13009340724184ef3d4ca9cfa&#46;gif\" width=\"220\" height=\"220\" /></p></td>
    <td width=\"220\" valign=\"top\"><p align=\"left\"> <strong>一、關(guān)于表格</strong></p></td>
    <td width=\"219\" valign=\"top\"><p align=\"center\"><a href=\"http://www&#46;xianyuwang&#46;com/read&#46;php?tid=55615&amp;displayMode=1#tpc\" target=\"_blank\">1L</a></p></td>
  </tr>
  <tr>
    <td width=\"220\" valign=\"top\"><p align=\"left\"> <strong>二、關(guān)于索引中的鏈接</strong></p></td>
    <td width=\"219\" valign=\"top\"><p align=\"center\"><a href=\"http://www&#46;xianyuwang&#46;com/read&#46;php?tid=55615&amp;displayMode=1#134980\" target=\"_blank\">2L</a></p></td>
  </tr>
  <tr>
    <td width=\"220\" valign=\"top\"><p align=\"center\"><a href=\"http://www&#46;xianyuwang&#46;com/\" target=\"_blank\"><img src=\"http://www&#46;xianyuwang&#46;com/p_w_picpath/jafish/logo&#46;png\" width=\"198\" height=\"80\" border=\"0\" /></a></p></td>
    <td width=\"219\" valign=\"top\"><p align=\"center\">點(diǎn)擊logo</p>
      <p align=\"center\">回首頁(yè)</p></td>
  </tr>
  <tr>
    <td colspan=\"3\" valign=\"top\"><p align=\"center\">將表格和鏈接結(jié)合，就成了一個(gè)不錯(cuò)的索引貼了</p></td>
  </tr>
  <tr>
    <td valign=\"top\" bgcolor=\"#000000\"><div align=\"center\"><span style=\"color:#FFFFFF;\"><a href=\"http://www&#46;xianyuwang&#46;com/t2\" target=\"_blank\">談天說(shuō)地</a></span></div></td>
    <td valign=\"top\" bgcolor=\"#000000\"><div align=\"center\"><span style=\"color:#FFFFFF;\"><a href=\"http://www&#46;xianyuwang&#46;com/t8\" target=\"_blank\">全民亂拍</a></span></div></td>
    <td valign=\"top\" bgcolor=\"#000000\"><div align=\"center\"><span style=\"color:#FFFFFF;\"><a href=\"http://www&#46;xianyuwang&#46;com/t122\" target=\"_blank\">游山玩水</a></span></div></td>
  </tr>
  <tr>
    <td valign=\"top\" bgcolor=\"#000000\"><div align=\"center\"><span style=\"color:#FFFFFF;\"><a href=\"http://www&#46;xianyuwang&#46;com/t88\" target=\"_blank\">興趣愛好</a></span></div></td>
    <td valign=\"top\" bgcolor=\"#000000\"><span style=\"color:#FFFFFF;\"> </span></td>
    <td valign=\"top\" bgcolor=\"#000000\"><span style=\"color:#FFFFFF;\"> </span></td>
  </tr>
  <tr>
    <td valign=\"top\" bgcolor=\"#000000\"><span style=\"color:#FFFFFF;\"> </span></td>
    <td valign=\"top\" bgcolor=\"#000000\"><span style=\"color:#FFFFFF;\"> </span></td>
    <td valign=\"top\" bgcolor=\"#000000\"><span style=\"color:#FFFFFF;\"> </span></td>
  </tr>
</tbody></table>
</div>

下山虎

我還是沒看懂。

西北狐

認(rèn)真學(xué)習(xí)了

青春

學(xué)習(xí)了。