網(wǎng)頁設計布局基礎

更新時間：2007年02月09日 00:00:00 作者：

三.網(wǎng)頁布局的技術

　　1.層疊樣式表的應用

　　在新的HTML4.0標準中，CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。CSS對于初學者來說顯得有點復雜，但它的確是一個好的布局方法。你曾經(jīng)無法實現(xiàn)的想法利用CSS都能實現(xiàn)。目前在許多站點上，層疊樣式表的運用是一個站點優(yōu)秀的體現(xiàn)。你可以在網(wǎng)上找到許多關于CSS的介紹和使用方法。當然，日趨炙熱的WEB標準（XHTML+CSS）開是強烈推崇內(nèi)容和表現(xiàn)相分離，并為下一代數(shù)據(jù)交換XML做為過渡（即XHTML）。

　　2.表格布局

　　表格布局好像已經(jīng)成為一個標準，隨便瀏覽一個站點，它們一定是用表格布局的。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔心不同對象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是，當你用了過多表格時，頁面下載速度受到影響。對于表格布局，你可以隨便找一個站點的首頁，然后保存為HTML文件，利用網(wǎng)頁編輯工具打開它(要所見即所得的軟件)，你會看到這個頁面是如何利用表格的。

　　3.框架布局

　　不知道什么原故，框架結(jié)構(gòu)的頁面開始被許多人不喜歡，可能是因為它的兼容性。但從布局上考慮，框架結(jié)構(gòu)不失為一個好的布局方法。它如同表格布局一樣，把不同對象放置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀。

　　我今天來介紹的布局指南并不是全部的網(wǎng)頁布局技術，從某種意義上來說，我想引導你在制作網(wǎng)頁的時侯，怎樣把圖片和文本放置的恰到好處，而且如何擁有一個跳越的設計思維。