全面解答－如何進行網(wǎng)頁設(shè)計(二)

　　六、網(wǎng)頁的優(yōu)化

　　在網(wǎng)頁設(shè)計中，網(wǎng)頁的優(yōu)化是較為重要的一個環(huán)節(jié)。它的成功與否會影響頁面的瀏覽速度和頁面的適應(yīng)性，影響觀者對網(wǎng)站的印象。

　　在資訊類網(wǎng)站中，文字是頁面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為準。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺疲勞，能保證瀏覽者較長時間地瀏覽網(wǎng)頁。

　　圖片是網(wǎng)頁中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低，這樣可以成倍地提高網(wǎng)頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進行優(yōu)化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif，這是由這兩種格式的特點決定的。

　　表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對齊方式等參數(shù)。很多時候，我們將表格的邊框設(shè)為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取網(wǎng)頁html原代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結(jié)果，按"停止"按鈕卻一下顯示出頁面就是這個原因。因此，我們在設(shè)計頁面表格的時候，應(yīng)該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁時，會自動在每一個td內(nèi)添加一個空字符“ ”。如果單元格內(nèi)沒有填充其它元素，這個空字符會保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。

　　網(wǎng)頁的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結(jié)果，因此設(shè)計時要統(tǒng)籌考慮。一般我們在800*600下制作網(wǎng)頁，最佳瀏覽效果也是在800*600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大問題即可。

　　說了這么多，只是希望能對做“網(wǎng)頁設(shè)計”的人有所幫助，希望他們在做網(wǎng)頁的時候能夠從整體著眼，無愧于“設(shè)計”這兩個字。

　　★建設(shè)自己的網(wǎng)站較好的步驟☆

　　必須注意的是：建立自己的網(wǎng)站是一件浩大的工程，一般比較麻煩。所以應(yīng)當按照一定的步驟一步步來。

　　我覺得建站可以按照以下步驟進行

　　1、先在本地設(shè)一個文件夾，作為網(wǎng)站存儲的地方。名字最好取“My Sites”。

　　2、在網(wǎng)站文件夾里面建立一些文件夾，包括“images”等(存儲圖片、文件等)，并且按照網(wǎng)頁內(nèi)容，再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內(nèi)容文件夾里面各搞一些)

　　3、打開你的網(wǎng)頁編輯程序(例如FP、Dreamwear等)，新建網(wǎng)頁，保存為“index”(主頁)，重復(fù)以上步驟，在網(wǎng)站文件夾里面建立“search”(查找)、“map”(站點地圖)、“index02”(網(wǎng)站簡介等)。

　　4、按照上面步驟，再在網(wǎng)站分類文件夾里面建立許多網(wǎng)頁(接著還要把內(nèi)容輸入網(wǎng)頁)

　　5、已經(jīng)做到了這么多，我們該準備內(nèi)容了吧。在硬盤上面再建立一個文件夾“File”，把準備好的文檔、圖片、程式、文件和網(wǎng)頁特效等放進去。(可以加入一些動態(tài)網(wǎng)頁)

　　6、慢慢把這些文件一個不漏的放進網(wǎng)頁里面(要掌握技巧)

　　7、把網(wǎng)站充實了，就差不多了。這時應(yīng)該申請一個域名(免費空間、附費都可以)。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。

　　8、把網(wǎng)站上傳至空間里面，刪了準備文件，就OK了!

　　不過也可以這樣使用FP建站

　　1、在FP里面選擇新建站點。

　　2、然后在【導航】里面設(shè)置網(wǎng)頁名稱以及標題。

　　3、準備好文檔、圖片、程式、文件和網(wǎng)頁特效等，把它們都充實進網(wǎng)站里面。

　　4、申請一個域名(免費空間、附費都可以)。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。

　　5、把網(wǎng)站上傳至空間里面，刪了準備文件。完畢。|||　　如果使用Dreamwear來建站，那就更加高級啦!Dreamwear的功能很強大，安裝了它的朋友們可以研究研究。

　　在網(wǎng)站設(shè)計中，純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為： www.xxxx.com/xx/xx.htm，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動態(tài)的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態(tài)效果”只是視覺上的，與下面將要介紹的動態(tài)網(wǎng)頁是不同的概念。

　　靜態(tài)網(wǎng)頁的特點簡要歸納

　　(1)靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;

　　(2)網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是實實在在保存在服務(wù)器上的文件，每個網(wǎng)頁都是一個獨立的文件;

　　(3)靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索;

　　(4)靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難;

　　(5)靜態(tài)網(wǎng)頁的交互性交叉，在功能方面有較大的限制。

　　網(wǎng)頁制作軟件的選擇

　　u 選擇一個適合自己的網(wǎng)頁編輯工具

　　了解了網(wǎng)頁的類型及相關(guān)技術(shù)之后，下一步，就是要選擇一個適合自己的網(wǎng)頁編輯工具。

　　Frontpage

　　Frontpage 是 Microsoft 出品的，可能是最簡單、最容易，卻又功能強大的網(wǎng)頁編輯工具。采用典型的 Word 界面設(shè)計，只要你懂得使用 Word，就差不多等于已經(jīng)會使用 Frontpage。就算你不懂 Word 也沒關(guān)系，"所見即所得"的操作方式會讓你很快上手，而且你無須學習 HTML 語法。

　　但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來的網(wǎng)頁，用 Netscape 往往不能正常顯示;其次，生成的垃圾代碼多，也會自動修改代碼，導致在某些情況下極為不便;再次，對DHTML的支持不好。但不管怎么說， Frontpage 的確是最好的入門級網(wǎng)頁編輯工具。

　　Dreamweaver

　　Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款"所見即所得"的網(wǎng)頁編輯工具,或稱網(wǎng)頁排版軟件。與 Frontpage 不同，Deamweaver 采用的是 Mac 機浮動面版的設(shè)計風格，對于初學者來說可能會感到不適應(yīng)。但當你習慣了其操作方式后，就會發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。

　　Dreamweaver 對于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設(shè)計使得其功能可以無限的擴展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說Dreamweaver 是高級網(wǎng)頁制作的首選并不為過。