網(wǎng)頁(yè)設(shè)計(jì)草稿圖（網(wǎng)頁(yè)設(shè)計(jì)草稿圖怎么做）

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于網(wǎng)頁(yè)設(shè)計(jì)草稿圖的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

開(kāi)始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁(yè)版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、想制作一個(gè)人網(wǎng)頁(yè)，不知該如何操作，請(qǐng)高手指點(diǎn)一二，不勝感激！！

• 2、如何制作網(wǎng)頁(yè)？

• 3、網(wǎng)頁(yè)設(shè)計(jì)框架怎么做

• 4、網(wǎng)頁(yè)怎么制作

一、想制作一個(gè)人網(wǎng)頁(yè)，不知該如何操作，請(qǐng)高手指點(diǎn)一二，不勝感激??！

制作個(gè)人主頁(yè)、網(wǎng)站設(shè)計(jì)的最佳工具軟件當(dāng)屬M(fèi)ARCOMEDIA公司的網(wǎng)頁(yè)制作三劍客系列，其實(shí)是五個(gè)軟件的組合，

其中DREAMWEAVER是用來(lái)制作頁(yè)面文件的，是網(wǎng)頁(yè)設(shè)計(jì)最重要的軟件、FLASH用來(lái)創(chuàng)作矢量動(dòng)畫、FIREWORKS用來(lái)處理位圖、FREEHAND用來(lái)制作矢量圖形和LOGO（標(biāo)志）以及BANNER（橫幅廣告）；幾個(gè)軟件像OFFICE中的WORD、EXCEL等工具軟件一樣，整合在一起工作，將會(huì)得心應(yīng)手，事半功倍。

另外FRONTPAGE也是用來(lái)制作網(wǎng)頁(yè)的，而大名鼎鼎的PHOTOSHOP則是必備的圖形處理軟件。

網(wǎng)頁(yè)制作并不簡(jiǎn)單，入門易提高難，但其中奧妙無(wú)窮，做成了會(huì)有很大的成就感。

如果你做網(wǎng)頁(yè)只是拿來(lái)玩玩，還是建議你用FRONTPAGE，各版本之間大同小異，很容易上手，只要你用過(guò)WORD，會(huì)輕松掌握。

如果你本著提高自己、不斷學(xué)習(xí)的想法來(lái)做網(wǎng)頁(yè)設(shè)計(jì)，那你一定要用DREAMWEAVER，因?yàn)檫@是專職網(wǎng)頁(yè)制作人員的不二選擇。

你對(duì)網(wǎng)頁(yè)制作一點(diǎn)都不了解的話，建議你去網(wǎng)上搜一下學(xué)習(xí)HTML語(yǔ)言的教程，不要覺(jué)得難，因?yàn)閷W(xué)HTML其實(shí)相當(dāng)簡(jiǎn)單。

我的職業(yè)就是網(wǎng)站建設(shè)，

如果你有什么問(wèn)題的話，可以跟我聯(lián)絡(luò)，我樂(lè)于幫助你盡快實(shí)現(xiàn)制作個(gè)人主頁(yè)的愿望。

回答者： michealee3721 - 大魔導(dǎo)師 十二級(jí) 10-9 10:26

淺談怎樣快速制作個(gè)人主頁(yè)

時(shí)代的發(fā)展一日千里。隨著網(wǎng)絡(luò)應(yīng)用的普及，在名片上印上電子郵箱地址乃至個(gè)人主頁(yè)地址是一件很自豪甚至?xí)r髦的事情，既可以展示自我又方便大家聯(lián)系。免費(fèi)電子郵箱到處可以申請(qǐng)，多的人七、八個(gè)不在話下。但個(gè)人主頁(yè)則要復(fù)雜一些，首先它要先通過(guò)一些軟件制作出自己的主頁(yè)，甚至要掃描一定數(shù)量的照片，形成一定的風(fēng)格，然后還要四處申請(qǐng)免費(fèi)主頁(yè)空間。有些提供免費(fèi)服務(wù)功能的服務(wù)器并不是那么容易申請(qǐng)到的，申請(qǐng)成功后，還要通過(guò)一定的上傳軟件將自己制作好的主頁(yè)上傳到你的免費(fèi)主頁(yè)的服務(wù)器上。個(gè)人主頁(yè)需要熱情、毅力和長(zhǎng)期維護(hù)。下面結(jié)合自己制作個(gè)人主頁(yè)的實(shí)踐體會(huì)，粗淺談一下個(gè)人主頁(yè)大概的制作過(guò)程，希望對(duì)大家有所幫助，也歡迎網(wǎng)頁(yè)高手對(duì)不正確的地方提出寶貴意見(jiàn)。

1 整體風(fēng)格的構(gòu)思和素材的搜集

構(gòu)思你自己打算制作的網(wǎng)頁(yè)風(fēng)格，需要重點(diǎn)反映的內(nèi)容，比如你是一個(gè)軍事發(fā)燒友(可能對(duì)坦克或飛機(jī)非常熟悉)，想制作一個(gè)軍事方面的主頁(yè)，自己也收集了許多有關(guān)坦克或飛機(jī)的雜志，照片和文章，則你首先要分類進(jìn)行取舍，選擇好自己準(zhǔn)備放到網(wǎng)上的圖片及文字資料，準(zhǔn)備分哪幾個(gè)內(nèi)容不同又相互關(guān)聯(lián)的頁(yè)面，每個(gè)頁(yè)面反映一個(gè)什么主題，打好草稿或框架，然后進(jìn)入下一步就容易快捷多了。

2 主頁(yè)的制作

這是重要的一步。制作主頁(yè)的工具軟件很多，隨便翻翻電腦雜志就會(huì)看到介紹不同的個(gè)人主頁(yè)制作利器(軟件)。一般有兩種類型的工具軟件，第一種是用純文本HTML(超文件標(biāo)記語(yǔ)言)語(yǔ)言編寫，這種軟件的缺點(diǎn)是專業(yè)性較強(qiáng)，需要對(duì)HTML語(yǔ)言比較熟悉才行，比較枯燥，有一點(diǎn)象DOS語(yǔ)言，優(yōu)點(diǎn)是編寫、修改比較快捷。第二種則是類似于大名鼎鼎的微軟公司開(kāi)發(fā)的FrontPage98及其升級(jí)版本，其優(yōu)點(diǎn)是所見(jiàn)即所得，不需要較多的軟件專業(yè)知識(shí)，甚至不需要很懂HTML語(yǔ)言，您只要會(huì)MS-Office97就可制作網(wǎng)頁(yè)，而且可以用Word 97的相關(guān)功能將以前的Word文件轉(zhuǎn)換為網(wǎng)頁(yè)格式，下面重點(diǎn)介紹這個(gè)軟件。

FrontPage 98包含有三個(gè)部分。第一部分是FrontPage Explorer, 它是FrontPage的控制臺(tái)，用來(lái)管理您的不同的網(wǎng)站，或是開(kāi)啟一個(gè)既有的網(wǎng)站；當(dāng)然也可以對(duì)開(kāi)啟的網(wǎng)站進(jìn)行網(wǎng)站管理的操作，讓您管理起網(wǎng)頁(yè)快捷方便。第二部分是制作網(wǎng)頁(yè)的編輯器FrontPage Editor，我們所有的編輯工作都要在FrontPage Editor下完成。第三部分是FrontPage Web Server，提供FrontPage虛擬網(wǎng)站的功能。整個(gè)網(wǎng)頁(yè)的編輯、測(cè)試和管理等工作，都是可以在FrontPage 98集成環(huán)境下完成。在FrontPage Editor中掌握好2個(gè)工具，第一個(gè)是表格的使用，好的網(wǎng)頁(yè)應(yīng)該將所有的內(nèi)容都用表格來(lái)分配，這樣您修改自己的主頁(yè)就要容易得多，而且外觀也整齊美觀；第二個(gè)是表單的使用，這個(gè)功能主要用于在線登錄個(gè)人資料，在線注冊(cè)等。個(gè)人主頁(yè)可以考慮不采用表單，因?yàn)樗枰赓M(fèi)主頁(yè)服務(wù)器支持CGI(一種Script語(yǔ)言，屬于伺服端的程序，依賴服務(wù)器上的CGI直譯器才能運(yùn)行)功能，而且多數(shù)免費(fèi)主頁(yè)提供的同時(shí)已免費(fèi)提供留言板和計(jì)數(shù)器了。

在網(wǎng)頁(yè)中，圖像往往占了很大一部分，所以還需要熟悉一個(gè)圖像處理軟件Photoshop 5.0, 圖像的大小、旋轉(zhuǎn)、羽化甚至一些藝術(shù)化的加工處理都要用到它。還有就是網(wǎng)頁(yè)上的超鏈接，方便瀏覽者獲取自己感興趣的信息，比如，您完全可以將《工程地質(zhì)計(jì)算機(jī)應(yīng)用》網(wǎng)頁(yè)地址以超鏈接的形式放到您的主頁(yè)的適當(dāng)位置。

整個(gè)網(wǎng)頁(yè)的制作同Office97差不多，操作過(guò)程應(yīng)該很簡(jiǎn)單，將不同的頁(yè)面制作成后，就可以利用FrontPage Web Server進(jìn)行虛擬網(wǎng)上調(diào)試，直到自己滿意為止。甚至您還可以在因特網(wǎng)上下載自己喜歡的圖片，再粘貼到自己的主頁(yè)上，使制作的主頁(yè)更加個(gè)性化。

3 申請(qǐng)免費(fèi)主頁(yè)空間

現(xiàn)在提供免費(fèi)主頁(yè)空間的服務(wù)器越來(lái)越多了，但要真正申請(qǐng)到自己的免費(fèi)主頁(yè)空間，則要看你的運(yùn)氣。筆者曾經(jīng)連續(xù)3個(gè)晚上在網(wǎng)上四處“奔走”，填申請(qǐng)表不下16～17份，最后收到回信的有5～6封，但成功登錄并能上傳主頁(yè)的也只有一個(gè)。曾經(jīng)試過(guò)在北京263上申請(qǐng)到了3個(gè)免費(fèi)主頁(yè)空間，上傳密碼也已拿到，但不能上傳主頁(yè)內(nèi)容，總是報(bào)密碼出錯(cuò)。而在廣州163上申請(qǐng)到了2個(gè)免費(fèi)主頁(yè)，但只有1個(gè)上傳密碼成功，另一個(gè)也是報(bào)密碼出錯(cuò)，當(dāng)時(shí)以為自己操作不當(dāng)，還打電話給市數(shù)據(jù)分局的電腦工程師咨詢。所以勸大家還是多申請(qǐng)幾個(gè)，如果同時(shí)幾個(gè)申請(qǐng)都成功了，再寫封回信給網(wǎng)管(WebMaster)告訴他取消就行了。免費(fèi)主頁(yè)提供商禁止一個(gè)人同時(shí)占用幾個(gè)主頁(yè)空間，如果拿到了網(wǎng)頁(yè)上傳的密碼，這一步就算成功了。

4 上傳主頁(yè)

目前使用最多的也是最好用的上傳軟件有兩個(gè)，一個(gè)是Cute FTP，另一個(gè)是WS_FTP Pro，功能差不多，很好用。筆者使用的是Cute FTP 3.5。啟動(dòng)上傳軟件時(shí)，它會(huì)自動(dòng)連線上網(wǎng)，可以預(yù)先設(shè)置好個(gè)人主機(jī)域名和上傳密碼，不過(guò)一般為安全起見(jiàn)，建議不要填寫密碼，在登錄時(shí)，會(huì)自動(dòng)彈出對(duì)話框，手工填入密碼，按回車顯示歡迎界面后，點(diǎn)擊OK，即可進(jìn)入服務(wù)器上提供給你的硬盤空間。密碼一定要保管妥當(dāng)，如果密碼泄漏，你的主頁(yè)就會(huì)被“黑客”隨意出入，覆蓋掉你原來(lái)的主頁(yè)內(nèi)容。

進(jìn)入自己的免費(fèi)主頁(yè)空間后，左側(cè)方框內(nèi)容為你本地硬盤里的內(nèi)容，右側(cè)為服務(wù)器上免費(fèi)主頁(yè)硬盤的內(nèi)容。上傳文件非常容易，用鼠標(biāo)點(diǎn)住要上傳的文件拖到右側(cè)方框即可。這樣將你在本地硬盤里用FrontPage 98制作完成的所有文件都上傳完之后，你的主頁(yè)已經(jīng)制作完成，即可馬上打開(kāi)瀏覽器，輸入你自己的主頁(yè)地址，瀏覽自己作的主頁(yè)。瀏覽器建議使用IE5.0，與FrontPage 98兼容性好些，如果習(xí)慣用Netscape，則瀏覽時(shí)顯示的字體或格式與IE5.0有所不同，這點(diǎn)應(yīng)該多上網(wǎng)測(cè)試，以解決好所有可能出現(xiàn)的問(wèn)題。

5 以后的維護(hù)更新

個(gè)人主頁(yè)制作成功之后，剩下的事情就是以后的維護(hù)、更新。對(duì)有些不滿意的地方進(jìn)行修改，或增加一些新的內(nèi)容，都需要對(duì)主頁(yè)進(jìn)行更新，更新也很容易，利用FrontPage98制作新的頁(yè)面后，打開(kāi)上傳軟件，將要更新的頁(yè)面或文件拖到右側(cè)免費(fèi)主頁(yè)服務(wù)器的硬盤中，按確定鍵，即可更新成功。FrontPage98有個(gè)功能會(huì)自動(dòng)記下你每次更新的時(shí)間和日期，并且有多種格式選擇，你完全可以將這個(gè)時(shí)間戳放在主頁(yè)的下面。讓來(lái)訪者知道主頁(yè)的最新更新時(shí)間。

需要指出的一點(diǎn)就是，主頁(yè)制作成功后，應(yīng)該注意經(jīng)常維護(hù)。如北京263有3個(gè)月不更新主頁(yè)的話就取消您的主頁(yè)空間。所以對(duì)自己的主頁(yè)應(yīng)該認(rèn)真珍惜、維護(hù)它，使它越來(lái)越好，制作水平也會(huì)相應(yīng)地得到提高。

二、如何制作網(wǎng)頁(yè)？

1、和客戶溝通，確定網(wǎng)站類型及要表現(xiàn)的主題內(nèi)容欄目

2、用筆在草稿紙上話出大概布局設(shè)計(jì)圖

3、根據(jù)草圖，搜集資料開(kāi)始PS網(wǎng)站

4、規(guī)劃網(wǎng)站目錄，使用DIV思想在PS中切圖

5、邊切邊使用DIV思想制作HTML靜態(tài)頁(yè)面，最好能在不同瀏覽器中同時(shí)預(yù)覽調(diào)試HTML

6、分析網(wǎng)站功能，畫出流程圖，規(guī)劃數(shù)據(jù)庫(kù)中的數(shù)據(jù)表，注意表與表之間的關(guān)系

7、大部分情況下，前臺(tái)會(huì)顯示最新信息和更多連接到分頁(yè)顯示后臺(tái)則對(duì)信息的增刪改查

8、把數(shù)據(jù)庫(kù)連接單獨(dú)保存成一個(gè)文件，供所有操作數(shù)據(jù)庫(kù)的頁(yè)面使用

9、再繼續(xù)書寫前臺(tái)或后臺(tái)管理程序

對(duì)于公司來(lái)說(shuō)，大部分美工網(wǎng)站和源代碼網(wǎng)站書寫是不同工作人員完成的

對(duì)于個(gè)人來(lái)說(shuō)，如果是小網(wǎng)站的話基本上一個(gè)人完成以上功能的

三、網(wǎng)頁(yè)設(shè)計(jì)框架怎么做

網(wǎng)頁(yè)設(shè)計(jì)框架做法如下：學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)框架推薦咨詢【達(dá)內(nèi)教育】。

1、第一步：新建網(wǎng)頁(yè)

首先；打開(kāi)軟件，選擇菜單欄下“修改”——“框架集”——“拆分為左右框架”。進(jìn)行三個(gè)網(wǎng)頁(yè)的保存。

2、第二步：制作左邊的框架網(wǎng)頁(yè)

首先插入表格并設(shè)置基本屬性：選擇主菜單下的“插入”——“表格”。接著設(shè)置表格的屬性：（4行1列的表格“高300像素、寬100像素”，表格邊框?yàn)辄S色、背景為綠色。）其中的高，邊框顏色都是使用代碼輸入。

3、第三步：設(shè)置css樣式

首先打開(kāi)css面板，選擇該面板的下面的“+”號(hào)，出現(xiàn)下圖所示的效果。設(shè)置樣式。選擇“id”類型，取名為“stlye1”，保存了“僅存為該文檔”。設(shè)置樣式屬性?！叭A文楷體、14磅、加粗、黑色”。

4、第四步：使用css樣式

在表格中書寫相應(yīng)的文字。選中所有的文字，然后來(lái)到屬性面板。選擇“類”——“stlye1”，；就設(shè)置好css樣式。

5、第五步：設(shè)置文字的位置。

選中文字，來(lái)到屬性面板，設(shè)置“水平”，“垂直”的屬性等。感興趣的話點(diǎn)擊此處，免費(fèi)學(xué)習(xí)一下

想了解更多有關(guān)框架的相關(guān)信息，推薦咨詢【達(dá)內(nèi)教育】。達(dá)內(nèi)與阿里、Adobe、紅帽、ORACLE、微軟、美國(guó)計(jì)算機(jī)行業(yè)協(xié)會(huì)（CompTIA）、百度等國(guó)際知名廠商建立了項(xiàng)目合作關(guān)系。共同制定行業(yè)培訓(xùn)標(biāo)準(zhǔn)，為達(dá)內(nèi)學(xué)員提供高端技術(shù)、所學(xué)課程受國(guó)際廠商認(rèn)可，讓達(dá)內(nèi)學(xué)員更具國(guó)際化就業(yè)競(jìng)爭(zhēng)力。達(dá)內(nèi)IT培訓(xùn)機(jī)構(gòu),試聽(tīng)名額限時(shí)搶購(gòu)。

四、網(wǎng)頁(yè)怎么制作

日志 寫日志 | 管理日志 編輯 | 刪除 怎樣制作網(wǎng)頁(yè)

翱翔戰(zhàn)鷹 發(fā)布于： 2007-12-15 18:40【精】做第一個(gè)網(wǎng)站

發(fā)表時(shí)間：2005年10月7日 16時(shí)39分20秒 評(píng)論/閱讀(43/248)

這一節(jié)就來(lái)說(shuō)說(shuō)一個(gè)網(wǎng)站是如何做出來(lái)的。在你開(kāi)始想作網(wǎng)站到付諸于實(shí)施，有一個(gè)準(zhǔn)備的過(guò)程比較重要。因?yàn)闇?zhǔn)備好了，作起來(lái)就會(huì)得心應(yīng)手，作到心中有數(shù)。一般來(lái)說(shuō)，作網(wǎng)站需要明白你要作什么樣的網(wǎng)站?？蓜e告訴我，你要作綜合門戶，雖說(shuō)不是不行，但也不是現(xiàn)在能辦到的事情。所以，花點(diǎn)時(shí)間想想自己想作什么樣的網(wǎng)站。

想好了要作什么樣的網(wǎng)站后，就要開(kāi)始準(zhǔn)備相關(guān)的材料了，比如文章，圖片，視頻等等，越多越好，這樣選擇范圍也大的多。為什么要做這一步呢？我想道理很明顯，準(zhǔn)備的越充足，做起事來(lái)也越順利。目前來(lái)說(shuō)，我們能找到的材料除自己的少量以外，多數(shù)以轉(zhuǎn)載為多，比如看者網(wǎng)絡(luò)上一篇文章不錯(cuò)，轉(zhuǎn)載過(guò)來(lái)為己所用。雖說(shuō)，這網(wǎng)絡(luò)復(fù)制是很容易的，但千萬(wàn)別忘記版權(quán)問(wèn)題。當(dāng)然，如果你僅僅因?yàn)槭莻€(gè)人興趣并且聲明了轉(zhuǎn)載的地方，那就問(wèn)題不大了。不過(guò)最好能和擁有者打個(gè)招呼，一般都是會(huì)同意的。

這材料也準(zhǔn)備好了，接下來(lái)該選擇好的工具了。當(dāng)然，這工具的選擇是很多的。作為初學(xué)者可以使用FrontPage Express，雖說(shuō)它是FrontPage的簡(jiǎn)化版，但功能一樣不少，而且還是免費(fèi)的。再說(shuō)，這網(wǎng)頁(yè)制作都有互通性，學(xué)會(huì)了FrontPage Express的使用，其它也大同小異。

工具也選好了，該規(guī)劃網(wǎng)站以及設(shè)計(jì)頁(yè)面的布局了。一個(gè)網(wǎng)站是一個(gè)整體，它所包含的網(wǎng)頁(yè)都是互相鏈接起來(lái)的。從每一個(gè)頁(yè)面都能跳轉(zhuǎn)到另一個(gè)頁(yè)面。我們知道，這作網(wǎng)站就象辦一份雜志，雜志就該有標(biāo)題，講明這雜志是什么名字；雜志有目錄，讓讀者可以選擇感興趣的內(nèi)容直接去讀；雜志還有出版者的信息。這些和作網(wǎng)站差不多，一個(gè)網(wǎng)站要包含以下內(nèi)容

1.網(wǎng)站標(biāo)題；

2.網(wǎng)站目錄，又稱導(dǎo)航欄；

3.網(wǎng)站首頁(yè)，引導(dǎo)訪問(wèn)者瀏覽你的網(wǎng)站；

4.網(wǎng)站制作者的信息。

如圖65.jpg顯示了一個(gè)網(wǎng)站首頁(yè)的組成。

這里有個(gè)概念要給大家說(shuō)清楚，首頁(yè)其實(shí)有兩種說(shuō)法：其一，服務(wù)器默認(rèn)的首頁(yè)，文件名稱一般是：index.htm，index.html或者default.htm。服務(wù)器是裝載你的網(wǎng)站的地方，它們能24小時(shí)都連接在網(wǎng)絡(luò)上。網(wǎng)站都有一個(gè)地址，比如：http://www.itiantao.com/。那么當(dāng)你在瀏覽器敲入這個(gè)地址的時(shí)侯，服務(wù)器會(huì)自動(dòng)尋找上面提到的三個(gè)文件，至于是那一個(gè)文件根據(jù)服務(wù)器要求會(huì)有不同；其二，網(wǎng)站首頁(yè)，你的網(wǎng)站應(yīng)該有個(gè)首頁(yè)來(lái)引導(dǎo)訪問(wèn)者瀏覽站點(diǎn)，那么這個(gè)首頁(yè)的文件名可以自行指定。比如你為網(wǎng)站指定首頁(yè)名為:zgr.htm，那么當(dāng)你要讓別人訪問(wèn)的時(shí)侯，就得告訴它地址是：http://www.itiantao.com/index.html。目前我們制作網(wǎng)站的首頁(yè)，都是合而為一了，即網(wǎng)站首頁(yè)就是服務(wù)器首首頁(yè)。

首頁(yè)的制作很重要，而且它的樣式應(yīng)該和其它頁(yè)面有所區(qū)別。首頁(yè)上放置的都是最吸引人的東西，這樣訪問(wèn)者才有興趣留下來(lái)訪問(wèn)網(wǎng)站其它頁(yè)面。至于首頁(yè)，沒(méi)有一個(gè)什么規(guī)定的樣式，以能說(shuō)明問(wèn)題最根本。一般首頁(yè)不要超過(guò)三屏，這樣免得讓訪問(wèn)者看起來(lái)很累人。

除了首頁(yè)，其它的都是與首頁(yè)相連接的分頁(yè)了。分頁(yè)的內(nèi)容是從首頁(yè)定義而來(lái)，比如你有個(gè)欄目是自我介紹，那么必定有個(gè)分頁(yè)是關(guān)于你自己介紹的內(nèi)容，那么訪問(wèn)者單擊這一頁(yè)后，就能跳轉(zhuǎn)到該分頁(yè)來(lái)。分頁(yè)必須有個(gè)鏈接指向首頁(yè)，這樣，無(wú)論訪問(wèn)者如何看你的網(wǎng)站，它都能很容易的回到網(wǎng)站的首頁(yè)。

這里有個(gè)建議個(gè)大家，就是在開(kāi)始制作網(wǎng)站和網(wǎng)頁(yè)的時(shí)侯，最好能畫個(gè)圖出來(lái)，把網(wǎng)站的結(jié)構(gòu)和網(wǎng)頁(yè)的布局都畫出來(lái)，這樣作起來(lái)就心中有數(shù)了。

如果你的網(wǎng)站最開(kāi)始就構(gòu)思的很復(fù)雜，可能真正作起來(lái)就很費(fèi)時(shí)間，每一個(gè)鏈接都不能出錯(cuò)了，不然改起來(lái)真是很麻煩。另外，大家在作網(wǎng)站的時(shí)侯，應(yīng)該把所有網(wǎng)頁(yè)，圖片，聲音文件，視頻文件都放置到一個(gè)目錄里，這樣當(dāng)你以后發(fā)布網(wǎng)站的時(shí)侯，就不會(huì)顯示不出內(nèi)容了。比如，你的網(wǎng)頁(yè)全部放在A目錄里，但有一張圖片卻放置在B目錄，當(dāng)你發(fā)布A目錄網(wǎng)頁(yè)后，B目錄的圖片就不會(huì)顯示出來(lái)了。因?yàn)榉?wù)器沒(méi)有B目錄。

經(jīng)過(guò)你的努力，網(wǎng)站有了雛形了。接下來(lái)就該學(xué)學(xué)如何上傳網(wǎng)頁(yè)，以及維護(hù)更新和宣傳網(wǎng)站了。

【精】網(wǎng)頁(yè)布局設(shè)計(jì)基礎(chǔ)

發(fā)表時(shí)間：2005年10月7日 16時(shí)50分16秒 評(píng)論/閱讀(17/228)

正如你現(xiàn)在所看到的一樣，網(wǎng)頁(yè)的布局設(shè)計(jì)變得越來(lái)越重要。訪問(wèn)者不愿意再看到只注重內(nèi)容的站點(diǎn)。雖然內(nèi)容很重要，但只有當(dāng)網(wǎng)頁(yè)布局和網(wǎng)頁(yè)內(nèi)容成功接合時(shí)，這種網(wǎng)頁(yè)或者說(shuō)站點(diǎn)才是受人喜歡的。取任何一面你都無(wú)法留住太過(guò)"挑剔"的訪問(wèn)者。

一.網(wǎng)頁(yè)布局的基本概念

最開(kāi)始，網(wǎng)頁(yè)呈現(xiàn)在你面前的時(shí)侯，它就好像一張白紙，它需要你任意揮灑你的設(shè)計(jì)才思。在開(kāi)始的時(shí)侯，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標(biāo)準(zhǔn)或者說(shuō)大多數(shù)訪問(wèn)者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上自己的東西。你當(dāng)然也可以創(chuàng)造出自己的設(shè)計(jì)方案，但如果你是初學(xué)者，那么最好明白網(wǎng)頁(yè)布局的基本概念。

1.頁(yè)面尺寸：

如果你擁有更大的顯示器，比如21英寸，那么你能在屏幕上看到更多的網(wǎng)頁(yè)內(nèi)容。但事實(shí)上不是人人都擁有這樣的顯示器。頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁(yè)的局限性就在于你無(wú)法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下給你的頁(yè)面范圍變得越來(lái)越小。一般分辨率在800x600的情況下，頁(yè)面的顯示尺寸為：780x428個(gè)象素；分辨率在640x480的情況下，頁(yè)面的顯示尺寸為:620X311個(gè)象素；分辨率在1024X768的情況下，頁(yè)面的顯示尺寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁(yè)面尺寸越大。

瀏覽器的工具欄也是影響頁(yè)面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)你顯示全部的工具欄時(shí)，和關(guān)閉全部工具欄時(shí)，頁(yè)面的尺寸是不一樣的。

在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，向下拖動(dòng)頁(yè)面是惟一給網(wǎng)頁(yè)增加更多內(nèi)容(尺寸)的方法。但我想提醒大家除非你能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問(wèn)者拖動(dòng)頁(yè)面超過(guò)三屏。如果需要在同一頁(yè)面顯示超過(guò)三屏的內(nèi)容，那么你最好能在上面做上頁(yè)面內(nèi)部連接，方便訪問(wèn)者瀏覽。

2.整體造型：

什么是造型，造型就是創(chuàng)造出來(lái)的物體形象。這里是指頁(yè)面的整體形象，這種形象應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁(yè)面的造型，你可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。

對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，你注意到很多ICP和政府網(wǎng)頁(yè)都是以矩形為整體造型；圓形帶表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁(yè)面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁(yè)面整體造型；菱形代表著平衡，協(xié)調(diào)，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁(yè)面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁(yè)制作多數(shù)是接合多個(gè)圖形加以設(shè)計(jì)，在這其中某種圖形的構(gòu)圖比例可能占的多一些。

3.頁(yè)頭：

頁(yè)頭又可稱之為頁(yè)眉，頁(yè)眉的作用是定義頁(yè)面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁(yè)眉里。這樣，訪問(wèn)者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁(yè)頭是整個(gè)頁(yè)面設(shè)計(jì)的關(guān)鍵，它將牽涉到下面的更多設(shè)計(jì)和整個(gè)頁(yè)面的協(xié)調(diào)性。頁(yè)頭常放置站點(diǎn)名字的圖片和公司標(biāo)志以及旗幟廣告。

4.文本：

文本在頁(yè)面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁(yè)面布局的可視性。在過(guò)去因?yàn)轫?yè)面制作技術(shù)的局限，文本放置的位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁(yè)面的任何位置。

5.頁(yè)腳：

頁(yè)腳和頁(yè)頭相呼應(yīng)。頁(yè)頭是放置站點(diǎn)主題的地方，而頁(yè)腳是放置制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁(yè)腳的。

6.圖片

圖片和文本是網(wǎng)頁(yè)的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個(gè)頁(yè)面布局的關(guān)鍵。而你的布局思維也將體現(xiàn)在這里。

7.多媒體

除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。雖然它們不是經(jīng)常能被利用到，但隨著動(dòng)態(tài)網(wǎng)頁(yè)的興起，它們?cè)诰W(wǎng)頁(yè)布局上也將變得更重要。

二.網(wǎng)頁(yè)布局的方法

網(wǎng)頁(yè)布局的方法有兩種，第一種為紙上布局；第二種為軟件布局。下面分別加以介紹：

1.紙上布局法

許多網(wǎng)頁(yè)制作者不喜歡先畫出頁(yè)面布局的草圖，而是直接在網(wǎng)頁(yè)設(shè)計(jì)器里邊設(shè)計(jì)布局邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計(jì)出優(yōu)秀的網(wǎng)頁(yè)來(lái)。所以在開(kāi)始制作網(wǎng)頁(yè)時(shí)，要先在紙上畫出你頁(yè)面的布局草圖來(lái)。

準(zhǔn)備一若干張白紙和一只鉛筆，你要設(shè)計(jì)一個(gè)時(shí)尚站點(diǎn)。

*尺寸選擇：

目前一般800X600的分辨率為約定俗成的瀏覽模式。所以為了照顧大多數(shù)訪問(wèn)者，你頁(yè)面的尺寸以800X600的分辨率為準(zhǔn)。

*造型的選擇：

先在白紙上畫出象征瀏覽器窗口的矩形，這個(gè)矩形就是你布局的范圍了。選擇一個(gè)形狀作為整個(gè)頁(yè)面的主題造型，我們選擇圓形，因?yàn)樗碚呷岷停蜁r(shí)尚流行比較相稱，然后在矩形框架里隨意畫出來(lái)，你可以試者在增加一些圓形或者其它形狀。這樣畫下來(lái)，你會(huì)發(fā)現(xiàn)很亂。其實(shí)，如果你一開(kāi)始就想設(shè)計(jì)出一個(gè)完美的布局來(lái)是比較困難的，而你要在這看似很亂的圖形中找出隱藏在其中的特別的造型出來(lái)。還要注意一點(diǎn)，你不要擔(dān)心你設(shè)計(jì)的布局是否能夠?qū)崿F(xiàn)。事實(shí)上，只要你能想到的布局都能靠現(xiàn)今的HTML技術(shù)實(shí)現(xiàn)。(圖1,2)

考慮到左邊向左凹的弧線，為了取得平衡我們?cè)陧?yè)面右邊增加了一個(gè)矩形(也可以是一條線段)。

　*增加頁(yè)頭：

圖3是我們從圖1和2得到的布局造型，那么我們?cè)撛黾禹?yè)頭了。一般頁(yè)頭都是位于頁(yè)面頂部，所以我們?yōu)閳D3增加了一個(gè)頁(yè)頭，為了和左邊的弧線和右邊的矩形取得平衡，我們?cè)黾恿艘粋€(gè)矩形頁(yè)頭并讓頁(yè)頭相交與左邊的弧線。

*增加文本：

頁(yè)面的空白部分加別加入文本和圖形。因?yàn)樵陧?yè)面右邊有矩形作為陪襯，所以文本放置在空白部分不會(huì)因?yàn)樽筮叺幕【€而顯得不協(xié)調(diào)。

圖片是美化頁(yè)面和說(shuō)明內(nèi)容必須的媒體。在這里把圖片加入到適當(dāng)?shù)牡胤健?/p>

經(jīng)過(guò)以上的幾個(gè)步驟，一個(gè)時(shí)尚頁(yè)面的大概布局就出現(xiàn)了。當(dāng)然，它不是最后的結(jié)果，而是你以后制作時(shí)的重要參考依據(jù)。

2.軟件布局法

如果你不喜歡用紙來(lái)畫出你的布局意圖，那么你還可以利用軟件來(lái)完成這些工作。這個(gè)軟件就是Photoshop。Photoshop所具有的對(duì)圖像的編輯功能用到設(shè)計(jì)網(wǎng)頁(yè)布局上更顯得心應(yīng)手。不像用紙來(lái)設(shè)計(jì)布局，利用Photoshop可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計(jì)出用紙張無(wú)法實(shí)現(xiàn)的布局意念。

　三.網(wǎng)頁(yè)布局的技術(shù)

1.層疊樣式表布局

在新的HTML4.0標(biāo)準(zhǔn)中，CSS(層疊樣式表)被提出來(lái)，它能完全精確的定位文本和圖片。CSS對(duì)于初學(xué)者來(lái)說(shuō)顯得有點(diǎn)復(fù)雜，但它的確是一個(gè)好的布局方法。你曾經(jīng)無(wú)法實(shí)現(xiàn)的想法利用CSS都能實(shí)現(xiàn)。目前在許多站點(diǎn)上，層疊樣式表的運(yùn)用是一個(gè)站點(diǎn)優(yōu)秀的體現(xiàn)。你可以在網(wǎng)上找到許多關(guān)于CSS的介紹和使用方法。

2.表格布局

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

3.框架布局

不知道什么原故，框架結(jié)構(gòu)的頁(yè)面開(kāi)始被許多人不喜歡，可能是因?yàn)樗募嫒菪浴５珡牟季稚峡紤]，框架結(jié)構(gòu)不失為一個(gè)好的布局方法。它如同表格布局一樣，把不同對(duì)象放置到不同頁(yè)面加以處理，因?yàn)榭蚣芸梢匀∠吙?，所以一般?lái)說(shuō)不影響整體美觀。

結(jié)尾

我今天來(lái)介紹的布局指南并不是全部的網(wǎng)頁(yè)布局技術(shù)，從某種意義上來(lái)說(shuō)，我想引導(dǎo)你在制作網(wǎng)頁(yè)的時(shí)侯，怎樣把圖片和文本放置的恰到好處，而且如何擁有一個(gè)跳越的設(shè)計(jì)思維。好，就到這里。

【精】淺談個(gè)人主頁(yè)之網(wǎng)頁(yè)優(yōu)化

發(fā)表時(shí)間：2005年10月7日 16時(shí)51分55秒 評(píng)論/閱讀(58/234)

網(wǎng)頁(yè)做的是否成功，除了要考慮外觀設(shè)計(jì)，內(nèi)容組織外，最重要的是當(dāng)一位訪客瀏覽你的網(wǎng)頁(yè)時(shí)，能快速地看到內(nèi)容，而不是等待，等待，再等待。

個(gè)人主頁(yè)安家多在提供該項(xiàng)服務(wù)的服務(wù)器上，所以在硬件上我們選擇的余地不多，但我們可以在軟件上下功夫，提高網(wǎng)頁(yè)的下載速度，而今天我就從以下幾個(gè)方面來(lái)談?wù)劸W(wǎng)頁(yè)的優(yōu)化問(wèn)題。

一.不該要的就不要

我們?cè)谥谱鱾€(gè)人網(wǎng)頁(yè)時(shí)，都想提供最多、最新的內(nèi)容給訪客，因?yàn)檫@是吸引他們的有力工具。但貪得無(wú)厭會(huì)使自己的網(wǎng)頁(yè)過(guò)于臃腫，別人等待半天，什么也沒(méi)有看到，所以我們?cè)谥谱骶W(wǎng)頁(yè)時(shí)要記住，不該要的東西就不要。這并不是一個(gè)技巧，但往往被人忽略。

在一些網(wǎng)頁(yè)上聚集著很多小圖標(biāo)，也就是廣告交換LOGO，大小一般為88x31，容量一般為3K在右，在有些人看來(lái)，這并不會(huì)影響下載的速度，因?yàn)樗鼈兊娜萘慷己苄?。下載一個(gè)88x31的LOGO標(biāo)準(zhǔn)時(shí)間需要1秒鐘，如果服務(wù)器速度有問(wèn)題，很可能要2秒以上，假使你網(wǎng)頁(yè)上有5個(gè)這樣的LOGO，那么下載完全需要5-10秒，你覺(jué)得很短嗎，的確是，但訪客的容忍限度是20-30秒，也就是說(shuō)如果在這段時(shí)間里，還沒(méi)有看到網(wǎng)頁(yè)或者網(wǎng)頁(yè)的全部?jī)?nèi)容，那么訪客很可能離去。還有一個(gè)問(wèn)題是，往往有些網(wǎng)友放置了一些"毫無(wú)意義"的LOGO，比如IE4.0下載圖標(biāo)，很少有人會(huì)點(diǎn)擊它。除非你的網(wǎng)頁(yè)沒(méi)有LOGO可用了，不然就刪除這些LOGO。不管是網(wǎng)頁(yè)制作者還是訪問(wèn)者，都會(huì)有這樣的經(jīng)驗(yàn)，不會(huì)完全等到頁(yè)面所有內(nèi)容下載完后，去選擇鏈接單擊，你設(shè)計(jì)的絢麗多姿的內(nèi)容，可能別人還沒(méi)有看就從他視覺(jué)里消失了，而如果有同樣的選擇，訪客會(huì)去一連接就能出現(xiàn)內(nèi)容的網(wǎng)頁(yè)，而不是去你那等待。

我知道，大家都喜歡用GIF動(dòng)畫來(lái)裝飾網(wǎng)頁(yè)，它的確很吸引人，但我們?cè)谶x擇時(shí)，是否能確定必須用GIF動(dòng)畫，如果答否，那么就選擇靜止的圖片，因?yàn)樗娜萘恳〉枚?。同樣?8x31的LOGO，GIF動(dòng)畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來(lái)，就會(huì)影響下載的速度，所以，如果有些不是必須的，就選擇最小的。同樣我們?cè)谶x擇是否用JavaScript時(shí)，也要如此問(wèn)自己，是否需要。總之，在我們制作網(wǎng)頁(yè)時(shí)，要有"積少成多"的意識(shí)，也就是說(shuō)，小的東西多起來(lái)就會(huì)變成了大的，不管是一幅圖片或者一個(gè)按鈕，都要把它設(shè)計(jì)到最小，這樣節(jié)約下來(lái)的下載時(shí)間是很可觀的，而不要把任何沒(méi)有經(jīng)過(guò)處理的對(duì)象放置到網(wǎng)頁(yè)上，這點(diǎn)很重要。

二.圖形的問(wèn)題

圖形是網(wǎng)頁(yè)必須要的，一副圖片完全可以表達(dá)大量文字所代表的意義，但圖片也是影響網(wǎng)頁(yè)下載速度的罪魁禍?zhǔn)住Ｎ覀冊(cè)谥谱骶W(wǎng)頁(yè)時(shí)，GIF與JPEG是打交道最多圖片格式，而在使用它們也有一些技巧。首先來(lái)簡(jiǎn)單了解一下這兩種圖片格式的性質(zhì)。GIF圖片格式顏色允許最大256色，而JPEG允許16萬(wàn)色，而GIF支持動(dòng)畫格式，JPEG不支持，但它們都可以交織顯示，也就是從模糊到清楚。了解了兩種格式的性質(zhì)后，在使用它們時(shí)，該怎樣選擇呢，專家有這樣的建議，當(dāng)你要顯示照片或者要圖片具有某種水印效果，模糊效果，那么選擇JPEG，如果你需要?jiǎng)赢?、黑白圖片、透明圖片，那么就選擇GIF。

GIF圖片格式顏色最大允許256色，但在選擇GIF調(diào)色板時(shí)，可以設(shè)置256顏色以下的顏色，比如188，204等，大家如果使用Photoshop這樣的圖片處理軟件就會(huì)發(fā)現(xiàn)在保存GIF圖片時(shí)，會(huì)讓你選擇保存的顏色數(shù)，一般來(lái)說(shuō)，你可以選擇256色以下的，因?yàn)樗梢詼p少圖片容量。

GIF圖片的優(yōu)勢(shì)在于顯示小圖標(biāo)時(shí)，比如公司圖標(biāo)，廣告圖標(biāo)，也就是為什么現(xiàn)在廣告LOGO都是GIF圖片格式。而在與JPEG圖片相比較，當(dāng)它們顯示同一副圖片時(shí)，會(huì)發(fā)現(xiàn)GIF圖片格式和網(wǎng)頁(yè)背景融合的更好，而JPEG圖片會(huì)發(fā)現(xiàn)四周的暈邊，而且GIF可以處理成透明圖片，和網(wǎng)頁(yè)背景有更好的融合。但如果處理大的圖片，會(huì)發(fā)現(xiàn)GIF圖片的大小比保存至JPEG格式的圖片要大的多，所以，處理大的圖片，最好用JPEG格式，它有高的壓縮比。

我們?cè)谑褂眠@兩種圖片格式時(shí)，要注意圖片的尺寸，選擇過(guò)大的圖片尺寸，會(huì)使得網(wǎng)頁(yè)下載速度過(guò)慢，增加WEB服務(wù)器的負(fù)荷，目前網(wǎng)絡(luò)速度慢的原因，有很大原因是訪客等待圖片的下載，所以，對(duì)于圖片，要選擇更合適的尺寸。而且在制作網(wǎng)頁(yè)過(guò)程中，要給圖片指定高度和寬度，因?yàn)橛袝r(shí)候我們會(huì)把本來(lái)尺寸很大的圖片設(shè)置成小尺寸的圖片，雖然圖片本身沒(méi)有改變，但指定小尺寸后，就會(huì)減少下載時(shí)間。也可以在原圖片下載之前，指定一個(gè)小容量的圖片，因?yàn)樾∪萘康膱D片會(huì)先顯示，然后在顯示原來(lái)的圖片，如果你使用FrontPage98工具，那么可以在圖片設(shè)置欄里設(shè)置，你也可以按以下HTML代碼設(shè)置:<IMGSRC="1.gif"LOWSRC="2.gif">

這時(shí)候，2.gif會(huì)先1.gif顯示。

目前在網(wǎng)絡(luò)上又出現(xiàn)了一種圖片格式-PNG，它具有以上兩種圖片格式的優(yōu)點(diǎn)，無(wú)失真，高壓縮，透明支持，真彩色，但因?yàn)楝F(xiàn)在的瀏覽器對(duì)它的支持不夠，所以使用的人不是很多，但以后新的瀏覽器會(huì)支持它。

圖片問(wèn)題是網(wǎng)頁(yè)制作中最復(fù)雜的問(wèn)題，我們?cè)诶脠D片時(shí)，要精，而不要隨便就把沒(méi)有經(jīng)過(guò)處理的圖片放到網(wǎng)頁(yè)上。

三.網(wǎng)頁(yè)設(shè)計(jì)

在瀏覽網(wǎng)頁(yè)時(shí)，一般要經(jīng)過(guò)：下載、完善、可視三個(gè)視覺(jué)步驟，而下載是最關(guān)鍵的一個(gè)步驟。如果連接半天還沒(méi)有返回頁(yè)面，那么訪客會(huì)離開(kāi)，所以，提高下載速度是網(wǎng)頁(yè)優(yōu)化的關(guān)鍵。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，會(huì)利用許多老的或新的技術(shù)，但當(dāng)你使用某一項(xiàng)技術(shù)時(shí)，有可能因?yàn)闉g覽器的兼容問(wèn)題，會(huì)使得網(wǎng)頁(yè)下載變得非常緩慢。有時(shí)，只出現(xiàn)了網(wǎng)頁(yè)背景，內(nèi)容卻遲遲不出現(xiàn)，這就是因?yàn)闉g覽器在解釋網(wǎng)頁(yè)文件時(shí)，出現(xiàn)了問(wèn)題，所以，在網(wǎng)頁(yè)設(shè)計(jì)上一定要注意。

目前利用表格制作網(wǎng)頁(yè)成為流行，因?yàn)樗哂型陚涞牟季止δ?，可以指定文檔或圖片在某一個(gè)地方出現(xiàn)。但在利用表格過(guò)程中，要注意一些問(wèn)題，筆者利用FrontPage98表格功能做的一個(gè)網(wǎng)頁(yè)，在IE4瀏覽器可以非?？焖俚臑g覽，但利用網(wǎng)景瀏覽器時(shí)，發(fā)現(xiàn)背景出現(xiàn)了而內(nèi)容遲遲沒(méi)有露面，經(jīng)過(guò)分析發(fā)現(xiàn)是因?yàn)楸砀竦木壒省Ｒ驗(yàn)楸砀袂短走^(guò)深，也就是在一個(gè)表格里，還包含數(shù)個(gè)其它表格，我們知道，當(dāng)瀏覽器遇到表格時(shí)，會(huì)首先解釋最里層的表格，然后再解釋外層的表格，順序是從里到外，最后再解釋表格里含有的內(nèi)容，也就是說(shuō)，當(dāng)你使用一個(gè)大的表格，而其中又包含其它表格時(shí)，瀏覽器的解釋將變得十分麻煩，它將一層層解釋表格，然后瀏覽器本身含有不兼容的的問(wèn)題，就會(huì)照成頁(yè)面內(nèi)容沒(méi)有出現(xiàn)，但數(shù)據(jù)還在傳輸。如果要避免這個(gè)問(wèn)題，專家建議不嵌套超過(guò)三層的表格。你也可以把網(wǎng)頁(yè)分成幾個(gè)表格進(jìn)行設(shè)計(jì)，比如標(biāo)題導(dǎo)航一個(gè)表格，內(nèi)容目錄一個(gè)表格，然后制作信息一個(gè)表格，這樣做可以使得瀏覽器分開(kāi)解釋表格，它可以解釋完一個(gè)表格就出現(xiàn)表格里的內(nèi)容，然后再解釋下一個(gè)表格。

網(wǎng)頁(yè)制作技術(shù)發(fā)展十分迅速，但相關(guān)的標(biāo)準(zhǔn)卻遲遲定不下來(lái)，這當(dāng)然主要是兩大瀏覽器公司為各自利益相爭(zhēng)的緣故，使得瀏覽器的兼容性大大降低，往往在某一個(gè)瀏覽器瀏覽十分好，但使用另一家瀏覽器時(shí)，頁(yè)面是一團(tuán)糟，所以，當(dāng)我們制作完網(wǎng)頁(yè)后，要進(jìn)行測(cè)試，下面就談?wù)勥@個(gè)問(wèn)題。

四.測(cè)試網(wǎng)站

當(dāng)完成網(wǎng)頁(yè)的制作，測(cè)試網(wǎng)頁(yè)是必須的，因?yàn)槟憧梢允紫劝l(fā)現(xiàn)網(wǎng)頁(yè)的問(wèn)題，比如下載的速度。

1.確定自己的想法

我們制作網(wǎng)頁(yè)，會(huì)有自己的想法，比如提供給別人什么。那么，我們就要確定自己的某些想法，自己能忍受的網(wǎng)頁(yè)下載速度是多少秒，10秒，還是30秒，再看看你的網(wǎng)頁(yè)是否達(dá)到了這個(gè)標(biāo)準(zhǔn)，如果沒(méi)有達(dá)到，分析一下，網(wǎng)頁(yè)上什么影響了下載速度，你可以試著取消某一個(gè)圖片，再看看，當(dāng)然，這些測(cè)試不能在本地，而要把網(wǎng)頁(yè)上載到服務(wù)器上。

2.人工測(cè)試網(wǎng)站

要測(cè)試網(wǎng)站，首先把網(wǎng)頁(yè)上載到服務(wù)器上，然后打開(kāi)瀏覽器，把緩沖里的資料全部刪除。因?yàn)槿绻麤](méi)有刪除，瀏覽器請(qǐng)求頁(yè)面時(shí)，會(huì)讀取緩沖里已含有的內(nèi)容。你也要選取所有的功能支持，比如JavaScript，CSS。然后在瀏覽器里填寫請(qǐng)求的URL，如果你有一個(gè)跑表或者某一個(gè)能夠計(jì)秒的工具，在請(qǐng)求的開(kāi)始，開(kāi)始計(jì)秒，等到出現(xiàn)了頁(yè)面的整體框架時(shí)，停止計(jì)秒，看看下載的時(shí)間。這時(shí)候，你并沒(méi)有獲得網(wǎng)頁(yè)的全部?jī)?nèi)容，所以第二次測(cè)試，將是看看下載完全的網(wǎng)頁(yè)，所需要的時(shí)間，重復(fù)以上所有過(guò)程，而到網(wǎng)頁(yè)的內(nèi)容全部下載后，停止計(jì)秒，然后再看看所花的時(shí)間，經(jīng)過(guò)以上的步驟，你就會(huì)對(duì)自己網(wǎng)頁(yè)的下載時(shí)間做到心中有數(shù)了。當(dāng)然，還有些問(wèn)題要注意，比如測(cè)試網(wǎng)站的時(shí)間，晚間就較快，而白天就較慢；還有服務(wù)器的問(wèn)題，不同的瀏覽器，不同的調(diào)制解調(diào)器，測(cè)試網(wǎng)站時(shí)都要考慮，你也可以在不同條件下進(jìn)行測(cè)試。當(dāng)然，這些測(cè)試只能取得一個(gè)附合大多數(shù)訪客的標(biāo)準(zhǔn)，要附合每一位訪客的要求，那是非常困難的。

3.第三方測(cè)試

是否覺(jué)得人工測(cè)試很麻煩，那么你可以試試第三方測(cè)試，也就是請(qǐng)你的朋友測(cè)試，詢問(wèn)他們的感覺(jué)。當(dāng)然，最好選擇不同地域的朋友一起來(lái)測(cè)試，讓他們回復(fù)你，告訴你請(qǐng)求網(wǎng)頁(yè)時(shí)的時(shí)間等等，因?yàn)?，做網(wǎng)頁(yè)就是給人訪問(wèn)的，所以訪客就是權(quán)威。

你可以試試某些網(wǎng)站提供的服務(wù)，只需在網(wǎng)站上填寫一張表格，然后就可以靜候網(wǎng)站對(duì)你的評(píng)價(jià)了，如果填寫了自己的電子郵件地址，那么它會(huì)把測(cè)試結(jié)果發(fā)送到郵箱里。而該測(cè)試的內(nèi)容也是豐富的，比如HTML代碼是否精煉，GIF及JPEG的圖片使用是否有效率等等，的確值得一試，但我們也不能完全相信，因?yàn)檫@種服務(wù)多數(shù)都在國(guó)外，不可避免的產(chǎn)生某些問(wèn)題。如果需要，可以連接至某些網(wǎng)站進(jìn)行測(cè)試:

文章寫到這里，我也知道這并不是提高網(wǎng)頁(yè)訪問(wèn)速度技術(shù)的全部，因?yàn)?，要提高自己網(wǎng)頁(yè)的訪問(wèn)速度需要自己在實(shí)踐中去總結(jié)，去不停地修改。如果你從來(lái)都沒(méi)有重視過(guò)這個(gè)問(wèn)題，那么現(xiàn)在開(kāi)始去注意它，因?yàn)樽约喊l(fā)現(xiàn)缺陷，總比別人發(fā)現(xiàn)好，你說(shuō)呢？

以上就是關(guān)于網(wǎng)頁(yè)設(shè)計(jì)草稿圖相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

火狐瀏覽器手機(jī)版在線（火狐瀏覽器網(wǎng)頁(yè)版入口）

屬于網(wǎng)頁(yè)構(gòu)成元素的是（屬于網(wǎng)頁(yè)構(gòu)成元素的是什么）

今日頭條手機(jī)網(wǎng)頁(yè)版登錄（今日頭條手機(jī)網(wǎng)頁(yè)版登錄不了）

最近大火的網(wǎng)紅產(chǎn)品（最近大火的網(wǎng)紅產(chǎn)品是什么）

如何打造一家優(yōu)秀的品牌策劃企業(yè)