推薦一個(gè)網(wǎng)頁保存工具，保存成素材和html格式，包含javascript和css 最好附地址~謝謝

你可以用iE瀏覽器或opera瀏覽器直接另存為一個(gè)mht格式的文檔 還有就是網(wǎng)上好多網(wǎng)站整站下載工具可以將js和css圖片了都保存下來 可以在本地瀏覽 Teleport Pro 這個(gè)軟件挺不錯(cuò) 你可以試下

創(chuàng)新互聯(lián)致力于網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),成都網(wǎng)站設(shè)計(jì),集團(tuán)網(wǎng)站建設(shè)等服務(wù)標(biāo)準(zhǔn)化，推過標(biāo)準(zhǔn)化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務(wù)水平進(jìn)行質(zhì)量交付，讓企業(yè)網(wǎng)站從市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。 選擇創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設(shè)服務(wù)！

如何制作網(wǎng)頁？

網(wǎng)頁制做入門 (1)

網(wǎng)頁制做入門

我們天天與網(wǎng)頁打交道，那些或界面精美，或內(nèi)容豐富，或構(gòu)思獨(dú)特、風(fēng)格各異的網(wǎng)頁，不知道吸引了多少人的眼球了，它們的運(yùn)行方式，制做方法，你說你說一點(diǎn)都不好奇，一點(diǎn)都不想知道，那肯定是假的，嘿嘿，我也一樣，而且我的好奇心有時(shí)還不小～～～，可我的好奇心有是有了，因?yàn)榫W(wǎng)頁制做沒有真正當(dāng)成吃飯的家伙，所以，，，當(dāng)初的熱度也只有三分鐘，在這里，把以前的一些經(jīng)驗(yàn)介紹給大家，強(qiáng)烈希望廣大高手介入，來個(gè)你說，我說，大家說，集眾人的智慧于此。因?yàn)榇蠖鄶?shù)地方，是跟據(jù)我自己的做法，我自己的理解說的，難免有說錯(cuò)的地方，也請(qǐng)大家指正了。

第一講 網(wǎng)頁基本常識(shí)

我們平時(shí)常見的網(wǎng)頁，基本可以分為兩類，靜態(tài)網(wǎng)頁(htm,html等)和動(dòng)態(tài)網(wǎng)頁(asp、cgi、php等)。靜態(tài)網(wǎng)頁交互性不強(qiáng)，只是單純的傳輸信息給客戶瀏覽器，而動(dòng)態(tài)的一般有很強(qiáng)的交互性，很多都在一定程度上結(jié)合了數(shù)據(jù)庫，能進(jìn)行資料的搜索等功能，常用于論壇，留言本，網(wǎng)上訂單等。常用的網(wǎng)頁腳本語言VBScript 、 JScript ，也是一種編程語言。下面這幾點(diǎn)是在別的地方抄來的，就當(dāng)看小說一樣看下吧，只需大概知道下就行了。

一、什么是HTML？

網(wǎng)頁的學(xué)名稱作HTML文件，是一種可以在www網(wǎng)上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁面顯示出來的文件。www是“world wide web"的縮寫；HTML的意思則是"Hypertext Markup Language",中文翻譯為“超文本標(biāo)記語言”。“超文本”就是指頁面內(nèi)可以包含圖片，聯(lián)接，甚至音樂，程序等非文字的元素。

網(wǎng)頁就是由HTML語言編寫出來的。

HTML語言只是一種排版語言，語法就類似于這樣："頁高8寬5，(1,2)處插入高1寬1的圖片A..."

HTML語言發(fā)展很快，已經(jīng)歷經(jīng)HTML1.0,HTML2.0和HTML3.0,html4.0多個(gè)版本，現(xiàn)在html5.0正在測(cè)試同時(shí)DHTML (動(dòng)態(tài))，VHTML(虛擬)，SHTML等也飛速發(fā)展。我們現(xiàn)在一般只要掌握HTML4.0就可以了。

二、什么是動(dòng)態(tài) HTML(DHTML) ？

動(dòng)態(tài)HTML是一組技術(shù)，是一種新的思想方法，它被設(shè)計(jì)用來創(chuàng)造和顯示更多的交互性網(wǎng)頁，包括動(dòng)態(tài)樣式，動(dòng)態(tài)內(nèi)容，2D布局，數(shù)據(jù)捆梆和多媒體效果等等。

動(dòng)態(tài)HTML (DHTML) 是一門令人興奮的新技術(shù)，它完全克服了傳統(tǒng) HTML 的不足，極具發(fā)展前景。DHTML使用一個(gè)文件對(duì)象模型 (DOM) 來擴(kuò)充 HTML 語言，使得 WEB 頁面的所有元素及其屬性都可以實(shí)時(shí)存取， 從而允許你使用腳本動(dòng)態(tài)地修改頁面元素，而這些都不需要 WEB 服務(wù)器的干預(yù)。使用 DHTML 完全能夠設(shè)計(jì)出復(fù)雜的，動(dòng)態(tài)的，交互式的 WEB 頁面，使我們的WEB 頁面將因此而變得更為生動(dòng)和精彩。DHTML目前正在發(fā)展中，尚沒有形成一個(gè)標(biāo)準(zhǔn)。Microsoft 和 Netscape 兩大公司對(duì) DHTML 各有自己的看法，盡管兩大公司都使用了很多相同的技術(shù)術(shù)語，并引用相同的已發(fā)表和提議的標(biāo)準(zhǔn)集合，但在具體實(shí)現(xiàn)中，兩者不能統(tǒng)一。Netscape 是增加一些新的標(biāo)記(主要是Layer, Ilayer等)，而 Microsoft 是對(duì)現(xiàn)有的標(biāo)記增加一些新的屬性。由此引起的問題是在Internet Explorer上正常運(yùn)行的動(dòng)態(tài)網(wǎng)頁，在 Netscape 上可能會(huì)不正確運(yùn)行；反之亦然。W3C 目前正在努力開發(fā)一種標(biāo)準(zhǔn)使它能與所有的平臺(tái)和瀏覽器兼容。

三、什么是HTTP？

Hypertext Transfer Protocol, WWW服務(wù)程序所用的協(xié)議。我們?cè)谟脼g覽器瀏覽網(wǎng)頁時(shí)，使用的就是這個(gè)協(xié)議，所以在地址欄中都要輸入http://……。

四、什么是FTP？

FTP是File Transfer Protocol（文件傳輸協(xié)議）的縮寫。它是一種在UNIX類操作系統(tǒng)上使用的協(xié)議，現(xiàn)在已經(jīng)被納入TCP/IP協(xié)議中，被廣泛的應(yīng)用在Internet上。它的傳輸方式一般分為ASCII和BIN（二進(jìn)制）兩種。我們?cè)谡f到Internet上的FTP時(shí)，通常是指一些使用FTP協(xié)議的站點(diǎn)和FTP的傳輸方式。

五、上傳主頁有哪幾種方式？E-Mail方式維護(hù)主頁是什么意思？

通常我們上傳主頁的方式是由提供主頁空間的ICP來決定了。一般的上傳方式有FTP、HTTP、和E-Mail三種。FTP是文件傳輸協(xié)議的英文縮寫，光看字面意思，我們就應(yīng)該知道傳輸文件是它的拿手好戲。好戲。HTTP方式是利用瀏覽器與服務(wù)器鏈接，向服務(wù)器端發(fā)送文件。E-Mail方式是指在維護(hù)主頁的時(shí)候?qū)⒁碌膬?nèi)容用壓縮軟件壓縮打包，用E-Mail發(fā)給主頁空間所在網(wǎng)站的WebMaster。再由WebMaster將主頁內(nèi)容解壓打開，完成更新工作。這三種上傳的方式中，F(xiàn)TP以它的快速和良好的交互性，得到了大家的公認(rèn)和推崇，現(xiàn)在已經(jīng)是最流行的上傳和下載方式了。而E-Mail上傳方式的優(yōu)點(diǎn)是安全性極高，不易被黑客乘虛而入。但是由于交互性和靈活性太差，已經(jīng)很少使用了。

六、什么是CGI？

CGI 意思為 Common Gateway Interface，公共網(wǎng)關(guān)接口，一種基于瀏覽器的輸入、在Web服務(wù)器上運(yùn)行的程序方法。 CGI腳本 使你的瀏覽器與用戶能交互，為了在數(shù)據(jù)庫中尋找一個(gè)名詞, 提供你寫入的評(píng)論，或者從一個(gè)表單中選擇幾個(gè)條目并且能得到一個(gè)明確的回答. 如果你曾經(jīng)遇到過在web上填表或進(jìn)行搜索, 你就是用的CGI腳本。你那時(shí)也許沒有意識(shí)到，因?yàn)榇蟛糠止ぷ魇窃诜?wù)器上運(yùn)行的，你看到的只是結(jié)果。作為一個(gè)網(wǎng)頁設(shè)計(jì)者，你創(chuàng)建客戶端的 CGI腳本，服務(wù)器端的程序用來處理用戶輸入，結(jié)果返回給用戶。

七、什么是ASP？

Microsoft Active Server Pages 即我們所稱的 ASP ，其實(shí)是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 和 4.0 之中 , 通過 ASP 我們可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。有了 ASP 你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。 以下羅列了 Active Server Pages 所獨(dú)具的一些特點(diǎn)：

1. 使用 VBScript 、 JScript 等簡(jiǎn)單易懂的腳本語言，結(jié)合 HTML 代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。

2. 無須 compile 編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。

3. 使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計(jì)。

4. 與瀏覽器無關(guān) (Browser Independence), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計(jì)的網(wǎng)頁內(nèi)容。 Active Server Pages 所使用的腳本語言 (VBScript 、 Jscript) 均在 WEB 服務(wù)器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。

5.Active Server Pages 能與任何 ActiveX scripting 語言相容。除了可使用 VBScript 或 JScript 語言來設(shè)計(jì)外，還通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，譬如 REXX 、 Perl 、 Tcl 等。腳本引擎是處理腳本程序的 COM(Component Object Model) 物件。

6.Active Server Pages 的源程序，不會(huì)被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。

7. 可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。

8. 物件導(dǎo)向（ Object-oriented ）。

9.ActiveX Server Components(ActiveX 服務(wù)器元件) 具有無限可擴(kuò)充性?？梢允褂肰isual Basic 、 Java、Visual C++ 、COBOL等編程語言來編寫你所需要的 ActiveX Server Component 。

八、JavaScript是什么？Java和JavaScript是一樣的嗎？

JavaScript是一種新的描述語言，此一語言可以被嵌入HTML的文件之中。透過JavaScript可以做到回應(yīng)使用者的需求事件(如form的輸入)而不用任何的網(wǎng)絡(luò)來回傳輸資料。所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給服務(wù)器端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應(yīng)用程序所處理，你也可以想像成有一個(gè)可執(zhí)行程式在你的客端上執(zhí)行一樣。javascript雖然效果不錯(cuò)，但它在網(wǎng)絡(luò)上的效果奇慢。

在JavaScript上，JavaScript和Java 很類似，但到底并不一樣。Java是一種比JavaScript更復(fù)雜許多的程序語言。而JavaScript則是相當(dāng)容易了解的語言，JavaScript創(chuàng)作者可以不那么注重程序技巧。所以許多Java的特性在JavaScript中并不支持。

九、常用的WEB圖像格式有哪些？

1、PNG（Portable Network Graphic）

PNG格式是WEB圖像中最通用的格式。它是一種無損壓縮格式，但是如果沒有插件支持，有的瀏覽器可能不支持這種格式。PNG格式最多可以支持32位顏色，但是不支持動(dòng)畫圖。

2、GIF（Graphics Interchange Format）

GIF是Web上最常用的圖像格式，它可以用來存儲(chǔ)各種圖像文件。特別適用于存儲(chǔ)線條、圖標(biāo)和電腦生成的圖像、卡通和其它有大色塊的圖像。GIF文件非常小，它形成的是一種壓縮的8位圖像文件，所以最多只支持256種不同的顏色。Gif支持動(dòng)態(tài)圖、透明圖和交織圖。

3、BMP（Windows Bitmap）

BMP格式使用的是索引色彩，它的圖像具有極其豐富的色彩，可以使用16M色彩渲染圖像。此格式一般用在多媒體演示和視頻輸出等情況下。

4、TIFF（Tag Inage File Format）

TIFF格式是對(duì)色彩通道圖像來說最有用的格式，支持24個(gè)通道，能存儲(chǔ)多于4個(gè)通道。TIFF格式的結(jié)果要比其它格式更大、更復(fù)雜，它非常適合于印刷和輸出。

5、JPEG（Joint Photographic Experts Group）

JPEG是Web上僅次于GIF的常用圖像格式。JPEG是一種壓縮得非常緊湊的格式，專門用于不含大色塊的圖像。JPEG的圖像有一定的失真度，但是在正常的損失下肉眼分辨不出JPEG和GIF圖像的差別。，而JPEG文件只有GIF文件的1/4大小。JPEG對(duì)圖標(biāo)之類的含大色塊的圖像不很有效，不支持透明圖和動(dòng)態(tài)圖。

6、TGA（Targa）

TGA格式與TIFF格式相同，都可以用來處理高質(zhì)量的色彩通道圖形。

另外，PDD、PSD格式也是存儲(chǔ)包括通道的RGB圖像的最常見的文件格式。

十、域名

由于IP地址全是些的數(shù)字，為了便于用戶記憶，Internet上引進(jìn)了域名服務(wù)系統(tǒng)DNS（Domain Name System）。當(dāng)您鍵入某個(gè)域名的時(shí)候，這個(gè)信息首先到達(dá)提供此域名解析的服務(wù)器上，再將此域名解析為相應(yīng)網(wǎng)站的IP地址。完成這一任務(wù)的過程就稱為域名解析。

以機(jī)構(gòu)區(qū)分的最高域名原來有7個(gè)：com（商業(yè)機(jī)構(gòu)）、net（網(wǎng)絡(luò)服務(wù)機(jī)構(gòu)）、gov（政府機(jī)構(gòu)）、mil（軍事機(jī)構(gòu)）、org（非盈利性組織）、edu（教育部門）、int（國(guó)際機(jī)構(gòu)）。1997年又新增7個(gè)最高級(jí)標(biāo)準(zhǔn)域名：firm（企業(yè)和公司）、store（商業(yè)企業(yè)）、web（從事與WEB相關(guān)業(yè)務(wù)的實(shí)體）、arts（從事文化娛樂的實(shí)體）、REC（從事休閑娛樂業(yè)的實(shí)體）、info（從事信息服務(wù)業(yè)的實(shí)體）、nom（從事個(gè)人活動(dòng)的個(gè)體、發(fā)布個(gè)人信息）。這些域名的注冊(cè)服務(wù) 由多家機(jī)構(gòu)承擔(dān)， CNNIC也有幸成為注冊(cè)機(jī)構(gòu) 之一； 按照ISO－3166標(biāo)準(zhǔn)制定的國(guó)家域名，一般 由各國(guó)的NIC(Network Information Center， 網(wǎng)絡(luò)信息中心 )負(fù)責(zé)運(yùn)行。

以地域區(qū)分的最高域名有：AQ（南極洲）、AR（阿根廷）、AT（奧地利）、AU（澳大利亞）、BE（比利時(shí)）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中國(guó)）、DE（德國(guó)）、DK（丹麥）、ES（西班牙）、FI（芬蘭）、FR（法國(guó)）、GR（希臘）、IE（、愛爾蘭）、IL（以色列）、IN（印度）、IS（冰島）、IT（意大利）、JP（日本）、KR（韓國(guó)）、MY（馬來西亞）、NL（荷蘭）、NO（挪威）、NZ（新西蘭）、PT（葡萄牙）、RU（俄羅斯）、SE（瑞典）、SG（新加坡）、TH（泰國(guó)）、TW（中國(guó)臺(tái)灣）、UK或GB（英國(guó)）、US（美國(guó)）（一般可省略）等。

從域名的結(jié)構(gòu)上來看，域名可分為一級(jí)域名、二級(jí)域名、三級(jí)域名等。以電腦報(bào)網(wǎng)站為例是個(gè)一級(jí)域名，在一級(jí)域名的下一級(jí)bbs.cpcw.com就是一個(gè)二級(jí)域名，如果要在bbs.cpcw.com下面設(shè)立xxx.bbs.cpcw.com則是三級(jí)域名了。我們見到的免費(fèi)域名通常是二級(jí)域名。

網(wǎng)頁制做入門 (2)

作者：

第二講 初識(shí)代碼

我的網(wǎng)頁之路是從洪恩網(wǎng)站里的DW教程開始的，從零到現(xiàn)在這個(gè)半調(diào)子水平。那里的很多教程都是從最基礎(chǔ)的開始，很合適廣大初學(xué)者，所以建議大家也從那里開始了。洪恩網(wǎng)站的學(xué)習(xí)網(wǎng)址：

在這里，基本上不講軟件的具體使用，只講總結(jié)性的東西，要注意的技巧吧，在最后，也會(huì)寫一兩個(gè)用DW做的簡(jiǎn)單特效實(shí)例。

隨便打開一個(gè)網(wǎng)頁，點(diǎn)擊查看，再點(diǎn)源代碼，一般都可以看到這個(gè)網(wǎng)頁的代碼，做網(wǎng)頁說白了，也就是把文字、圖象等多媒體效果有機(jī)的結(jié)合在一起，DW和FP等只是書寫代碼的利器，只要你知道代碼，用記事本也一樣能做出精美的網(wǎng)頁（真正的高手據(jù)說就是用記事本做網(wǎng)頁），但對(duì)我們初學(xué)者來說，沒有必要去記代碼，只需知道利用DW或FP，能實(shí)現(xiàn)哪些操作，就象用WORD一樣，畫一條線就有一條線，畫一個(gè)表格就有一個(gè)表格，在軟件的演示窗口里，有著同WORD一樣所見即所得的最后效果察看。因此，可以說，做網(wǎng)頁入門很簡(jiǎn)單！可后面還有半句話：做好網(wǎng)頁不簡(jiǎn)單！因?yàn)?，一個(gè)好的網(wǎng)頁，不單單是代碼書寫，更重要的是美工設(shè)計(jì)，內(nèi)容的充實(shí)。雖然很多代碼不需要一一手工書寫，可有些代碼的基本組織結(jié)構(gòu)了解一些，還是對(duì)做網(wǎng)頁大有幫助的。我們可以這樣學(xué)習(xí)、研究代碼：在用DW或FP中做了某一個(gè)操作，把效果與上面的代碼窗口比較一下，就可以知道什么代碼是實(shí)現(xiàn)什么效果的，還可以通過查看別人的網(wǎng)頁的源代碼分析學(xué)習(xí)。想學(xué)ASP網(wǎng)頁的朋友們，有些基本代碼是非記不可的。

現(xiàn)在很多做網(wǎng)頁的人，都是用借雞生蛋的辦法做的網(wǎng)頁，做法是從網(wǎng)上下載現(xiàn)成的網(wǎng)頁模板，對(duì)模板稍加更改，替換下內(nèi)容成了。當(dāng)然，這也是新手們做網(wǎng)頁速成的一種好辦法。模板在很多有提供空間的網(wǎng)站都有下載。很多以前收錄的網(wǎng)址，現(xiàn)在打開都沒有用了，在這里，能提供給大家的，只有這些了。

1.源代碼下載：要下載ASP源代碼的可以到“中國(guó)站長(zhǎng)站”去，網(wǎng)址：，這是個(gè)比較權(quán)威的源代碼下載點(diǎn)，在這里下到動(dòng)網(wǎng)源碼，說不定可以下到動(dòng)網(wǎng)7.0 for SQL Server版本（excelhome的論壇就是用這個(gè)版本）。

2.網(wǎng)頁圖片及音樂等素材：

3.網(wǎng)頁特效代碼：推建一個(gè)小工具：“水晶情緣網(wǎng)頁特效專家”，有1M，本來想發(fā)上來，太大了，算了，要的話，留下郵箱，我發(fā)過去。如，下雪的效果，鼠標(biāo)滑動(dòng)效果等，這里都有。

下面我把一些常用的寫下來，以供大家參考：

DREAMWEAVER常用標(biāo)記：（都是以前記的一些筆記了）

標(biāo)記一般成對(duì)出現(xiàn)，一個(gè)表示特定代碼部分的開始，另一個(gè)表示特定代碼部分的結(jié)束(表示結(jié)束的前面帶"/"符號(hào))，但也不是絕對(duì)的，比如，br標(biāo)記?；镜腍TML標(biāo)記：html、head和body必不可少。

1. head和/head標(biāo)記中僅包含網(wǎng)頁標(biāo)題(如title我的網(wǎng)頁/title)和程序腳本。

2. body/body標(biāo)記中包含網(wǎng)頁的全部?jī)?nèi)容。是網(wǎng)頁的主體部分。

3. center和/center：是中間內(nèi)容居中標(biāo)記；

4. h2和/h2：從h1~h6，將文本標(biāo)注為標(biāo)題，通常要比正文粗大，h1最大；

5. p和/p：段落標(biāo)記，在行與行之間添加額外的空白行；

6. br：強(qiáng)行換行標(biāo)記，插入單行，不需要封閉標(biāo)記

7. 圖象標(biāo)記：img src="aaa\\bbb.gif" width="500" height="198" align="center"

align水平對(duì)齊(left、right或center)，valign垂直對(duì)齊(top，bottom或middle)，border邊框?qū)挾?/p>

alt="鼠標(biāo)放在圖片上時(shí)出現(xiàn)的提示文字"

8. pfont size="3"b本行字符將以粗體顯示/b/font/p

9. pfont size="3"i本行字符將以斜體顯示/i/font/p (i等效于em)

10.pfont size="3" face="宋體" color="#RRGGBB"本行字符將宋體顯示/font/p

11. a href="test.htm"點(diǎn)擊此處文字打開鏈接的網(wǎng)頁/a ：該處文字有下劃線標(biāo)示

12. HR顯示一長(zhǎng)灰色細(xì)線，分割網(wǎng)頁為上下兩部分?？梢灾挥脝芜?。完整的如下：

HR align=center width="100%" SIZE=1顯示一灰色矩形，SIZE為1時(shí)，寬為1(很細(xì)，可看作一直線)

13.LI在文字前出現(xiàn)一個(gè)圓點(diǎn)的項(xiàng)目符號(hào)/LI，可單個(gè)使用，也可結(jié)合br使用

14.OL type=2 start=1li標(biāo)記/lili區(qū)段/li/ol：控制項(xiàng)目序號(hào)及顯示方式，如1,2,3

15.UL使該段文字首行和下面都縮進(jìn)約兩個(gè)字符/UL

16.BLOCKQUOTE使該段文字整體都縮進(jìn)約兩個(gè)字符，可以多重使用BLOCKQUOTE

17.SUP這是上標(biāo)字/SUP，SUB這是下標(biāo)字/SUB，U這是加下劃線字/U

18.TT這是Windows的等寬字/TT

19.FONT SIZE=+1字體放大一級(jí)/FONT

20.DLDT語言DD基礎(chǔ)要素/DL:“語言”顯示為列表標(biāo)題，“基礎(chǔ)要素”顯示為列表內(nèi)容，自動(dòng)縮進(jìn)。

21.DIV Align="Right"這是右對(duì)齊的段落一P這是右對(duì)齊的段落二P/DIV默認(rèn)為左對(duì)齊方式。

表格及其標(biāo)志：Align:水平，Valign:垂直。Align或Valign寫在TR 中時(shí)表該行的幾個(gè)列都用同一方式。

22BLINK閃爍/BLINK:標(biāo)記中的文字實(shí)現(xiàn)閃爍效果，但并不適用于所有的瀏覽器。

23.TABLE BORDER=1 TRTD第一列第一欄/TDTD第一列第二欄/TD/TR

TR BgColor="yellow"TD 第二列的第一欄/TDTD第二列的第二欄/TD/TR

TRTD Align="Left" Valign="Center"水平:左對(duì)齊br垂直:居中/TD/TR/TABLE

BgColor可寫在TABLE、TR、TD中，分別為整個(gè)表格、整行、單一單元格的背景顏色設(shè)置。

以上是我以前筆記中收錄的一些常用的標(biāo)記，今天看到lfspecter大蝦也發(fā)了一些關(guān)于網(wǎng)頁的帖子，可以兩邊對(duì)照著看，側(cè)重點(diǎn)各有不同，也許更有利于初學(xué)者的理解，鏈接如下：;;ID=78021page=1

技巧篇：

1. 在BODY標(biāo)簽中可以規(guī)定整個(gè)文檔的一些基本屬性：

"bgcolor":指定html文檔的背景色。

"text":指定html文檔中文字的顏色。

"link":指定html文檔中待連接超鏈接對(duì)象的顏色。

"alink":指定html文檔中連接中超鏈接對(duì)象顏色。

"vlink":指定html文檔中以連接超鏈接對(duì)象顏色。

"background":指定html文檔的背景文件。 有兩種方式表示顏色對(duì)象： body bgcolor="green"或body bgcolor="#00FF00"。文檔主體部分可用顏色列表：black 黑色 Red 紅色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 銀白色 Navy 海軍藍(lán) Olive 橄欖綠 Purple 紫色 Yellow 黃色Aqua 淺綠色 Blue 藍(lán)色 Green 綠色 Fuchsia 紫紅色 White 白色 Teal 暗藍(lán)綠

2. 瀏覽器的狀態(tài)列提示文字控制

(1).鼠標(biāo)經(jīng)過:a href="tpage.htm" onMouseOver="window.status=\'相關(guān)提示\'; return true"頁面上鼠標(biāo)經(jīng)過的文字a

(2).改變狀態(tài)欄提示文字：打開"Behaviors"行為編輯窗，單擊"＋"按鈕，選擇"Set Text Set"下的"Text Of Status Bar"選項(xiàng)，然后在方框中輸入自己的文字，例如"歡迎來到我的主頁"等，單擊"確定"即可。

3.鏈接控制：

a. 返回前頁：使用OnClick="history.go(-1)"

返回主頁：使用OnClick=\'top.location.href="../index.html"\'

b. 鏈接提示:在鏈接語句中增加,如：去哪兒？ (在點(diǎn)擊鏈接前注意看狀態(tài)行顯示的變化)

OnMouseOver="window.status=\'這里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true"

c. 鏈接的不同方式:

在幀里顯示：在鏈接處加target="main"語句，其中main為幀名

整頁顯示：在鏈接處加target="_top"語句

開新窗口：在鏈接處加target="resource window"語句，如A HREF="index.htm" TARGET="resource window"/A

d. 強(qiáng)制主頁每次都不進(jìn)行緩存，而從服務(wù)器上重讀

在Head部分加MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache"

e. 自動(dòng)刷新

定時(shí)刷新：META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL"

幻燈片效果：語句類似上面，但在頁面1中URL指向頁面2，而頁面2指向頁面3 ... 頁面n指回頁面1，即可實(shí)現(xiàn)循環(huán)顯示頁面的效果。

f. 在某一個(gè)時(shí)間內(nèi)自動(dòng)鏈接到其他主頁，這只需在〈title〉######〈/title〉之后加入下面這一行即可：

〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉（"20"代表二十秒后連到另一個(gè)主頁）

h. 在打開指定網(wǎng)頁的同時(shí)打開另一指定網(wǎng)頁\'next.htm，只需在指定網(wǎng)頁的body中加入指令onload：

htmlbody onload="parent.banner.location.href=\'next.htm\'"指定打開的一個(gè)網(wǎng)頁內(nèi)容/body

4. 設(shè)置"添加到收藏夾"鏈接：

選中"添加到收藏夾"文字，在屬性面板中的鏈接（Link）中輸入："javascript :window.external.AddFavorite (\'\',\'學(xué)習(xí)之家\')"。點(diǎn)擊此鏈接時(shí)會(huì)彈出對(duì)話框，可以將你的主頁地址加到收藏夾中。

5.文字移動(dòng)動(dòng)態(tài)效果：

1) 文字從右移到左邊：marqueeb大家好/b歡迎您經(jīng)常光臨！/marquee

2) 讓文字在固定的區(qū)域內(nèi)出現(xiàn)從下到上的滾動(dòng)效果：

例1:table height=542 cellspacing=0 cellpadding=0 width=800 border=0

trtd valign=center align=middle width=316 height=405

marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403center謹(jǐn)以此網(wǎng)站送給xxx

font color=#ff0000/font/centerbr此處為長(zhǎng)篇大論!/marquee/td/tr/table

例2:bodydiv align="center"pmarquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100

hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1

font color="#FF0000" size="5" face="方正大黑簡(jiǎn)體"望 岳/fontbr br

font color="#FF0000"岱宗夫如何，齊魯青未了。br造化鐘神秀，陰陽割昏曉。br湯胸生層云，決眥入歸鳥，br會(huì)當(dāng)凌絕頂，一覽眾山小。br/font/marquee/p/div/body/html

3) 在指定寬度內(nèi)移來移去的文字代碼：TD height=20P align=centerMARQUEE scrollDelay=120 direction=right

behavior=alternate width=150 height=12產(chǎn)品導(dǎo)航/MARQUEE/P/TD

6.E-mail鏈接：

選中字或圖片，在屬性中設(shè)置Alt為"給我來信"，鏈接為"mailt ketang.pc@goldhuman.com"，在瀏覽器中單擊此圖，就會(huì)啟動(dòng)發(fā)送郵件窗口。在鏈接地址前加"#"符號(hào)，可以在網(wǎng)頁中不打開實(shí)際鏈接。

7.動(dòng)畫背景為透明：

選中Flash(gif)，在源代碼/object/p前加入代碼：param name="wmode" value="transparent"?；蛭募傩詸诶?"參數(shù)"輸入wmode,value="transparent"。

8.浮動(dòng)背景圖象(主頁內(nèi)容向下滾動(dòng)而背景圖象不動(dòng)的效果)：

(1).body backgroud="image.jpg" bgproperties="fixed"

(2).在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中選擇Body，然后在Background中的Attachment里選fixed

9.滾動(dòng)條換顏色：

默認(rèn)的網(wǎng)頁滾動(dòng)條是灰色，在網(wǎng)頁代碼head/head里插入一對(duì)style/style標(biāo)簽，標(biāo)簽里寫入下面的代碼：

body {SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動(dòng)條凸出部分的顏色)

SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動(dòng)條空白部分的顏色)

SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動(dòng)條陰影的顏色)

SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)

SCROLLBAR-BASE-COLOR:#333333; (滾動(dòng)條的基本顏色)

SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立體滾動(dòng)條強(qiáng)陰影的顏色)

后面的16位顏色值你可以隨意更改，括號(hào)內(nèi)是解釋說明，在輸入時(shí)請(qǐng)不要插入。

10.背景音樂:

body中加入以下任一個(gè)代碼（建議為midi格式的）：

顯示操作面板：在相應(yīng)地方加:

embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole"

不顯示操作面板：在頁中任意地方加embed src="aladdin.mid" hidden=true autostart=true loop=true

bgsound src=音樂路徑 loop=次數(shù)－1為無數(shù)次

embed src=音樂路徑 width=0 height=0

11.在Dreamweaver中輕松設(shè)置行間距：

用層疊樣式表（CSS）來實(shí)現(xiàn)，在Dreamweaver中編輯層疊樣式表不用編寫代碼，具體操作方法如下：

（1）在快速啟動(dòng)欄中點(diǎn)擊層疊樣式表按鈕（"show css styles"按鈕），在彈出的CSS Styles面板上雙擊（none）；

（2）此時(shí)，可看到彈出的Edit Style Sheet 面板，在該面板上按New按鈕；

（3）再在彈出的New Style 面板上點(diǎn)取Redefine HTML Tag（重新定義HTML標(biāo)記），再在Tag中選擇"body"標(biāo)記后按OK按鈕；

（4）這時(shí)可看到彈出的Style dehinition for body 的對(duì)話框，在此對(duì)話框中可以設(shè)置"body"標(biāo)記的許多屬性，可以按你的意愿設(shè)置，但我們這里主要是要設(shè)置行距，所以在line屬性輸入框中填上行距的像素點(diǎn)數(shù)，現(xiàn)在流行的九號(hào)字，行距一般用12，按OK按鈕返回到Edit Style Sheet 面板，此時(shí)已把"body"的行距設(shè)置好了；

（5）由于"body"中定義的行距對(duì)表格不起作用，所以再在Edit Style Sheet 面板上再按New按鈕；

（6）再在彈出的New Style

網(wǎng)頁與素材的關(guān)聯(lián)問題

要領(lǐng)一：確定網(wǎng)站主題

做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出了99年度排名前100位的全美知名網(wǎng)站的十類題材：第1類：網(wǎng)上求職；第2類：網(wǎng)上聊天/即時(shí)信息/ICQ；第3類：網(wǎng)上社區(qū)/討論/郵件列表；第4類：計(jì)算機(jī)技術(shù)；第5類：網(wǎng)頁/網(wǎng)站開發(fā)；第6類：娛樂網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時(shí)尚。我們可以參看上面的分類，繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個(gè)自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時(shí)不會(huì)覺得無聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作品。

對(duì)于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個(gè)包羅萬象的站點(diǎn)，這往往會(huì)失去網(wǎng)站的特色，也會(huì)帶來高強(qiáng)度的勞動(dòng)，給網(wǎng)站的及時(shí)更新帶來困難。記住：在互聯(lián)網(wǎng)上只有第一，沒有第二！

要領(lǐng)二：選擇好域名

域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將全部落空。

目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁的傳輸速度。所以，就我個(gè)人觀點(diǎn)來說，首先花點(diǎn)錢去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡(jiǎn)單、易記。

要領(lǐng)三：掌握建網(wǎng)工具

網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動(dòng)網(wǎng)頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器：

（1）HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，仍受高級(jí)網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級(jí)HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。

（2）所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級(jí)網(wǎng)頁制作人員使用的工具軟件。

（3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動(dòng)網(wǎng)頁制作工具。這是是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動(dòng)畫網(wǎng)頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動(dòng)畫效果、互動(dòng)效果、多媒體效果十分出色。而且還可以在Flash動(dòng)畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動(dòng)態(tài)Web制作的工具。

另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javascript、VBScript的基本知識(shí)。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。

當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁素材。

要領(lǐng)四：確定網(wǎng)站界面

界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時(shí)要注意以下三點(diǎn)：

①欄目與板塊編排

構(gòu)建一個(gè)網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是：確定題材后立刻開始制作，沒有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。

網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢(shì)地位。欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要仔細(xì)考慮，合理安排。在欄目編排時(shí)需要注意的是：

●盡可能刪除那些與主題無關(guān)的欄目；

●盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上；

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn)簡(jiǎn)介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。

另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個(gè)板塊都有自己的欄目。舉個(gè)例子：ENET硅谷動(dòng)力（）的站點(diǎn)分新聞、產(chǎn)品、游戲、學(xué)院等板塊，每個(gè)板塊下面又各有自己的主欄目。一般來說，個(gè)人站點(diǎn)內(nèi)容較少，只要分個(gè)欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意：

●各板塊要有相對(duì)獨(dú)立性；

●各板塊要有相互關(guān)聯(lián)；

●各板塊的內(nèi)容要圍繞站點(diǎn)主題；

②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu)

網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個(gè)容易忽略的問題，大多數(shù)站長(zhǎng)都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來說并沒有什么太大的感覺，但是對(duì)于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如：

●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。

●按欄目?jī)?nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡(jiǎn)介、站長(zhǎng)情況等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內(nèi)容也最好放在一個(gè)目錄下，便于維護(hù)管理。

●在每個(gè)主目錄下都建立獨(dú)立的Images目錄。一般來說，一個(gè)站點(diǎn)根目錄下都有一個(gè)默認(rèn)地Images目錄。將所有圖片都存放在這個(gè)目錄里很是不方便，比如在欄目刪除時(shí)，圖片的管理相當(dāng)麻煩。所以為每個(gè)主欄目建立一個(gè)獨(dú)立的Images目錄是方便管理的。原因很簡(jiǎn)單，就是方便維護(hù)與管理。

其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對(duì)網(wǎng)址的正確顯示造成困難；不要使用過長(zhǎng)的目錄，太長(zhǎng)的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。

網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說：每個(gè)頁面都是一個(gè)固定點(diǎn)，鏈接則是在兩個(gè)固定點(diǎn)之間的連線。一個(gè)點(diǎn)可以和一個(gè)點(diǎn)連接，也可以和多個(gè)點(diǎn)連接。更重要的是，這些點(diǎn)并不是分布在一個(gè)平面上，而是存在于一個(gè)立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：

●樹狀鏈接結(jié)構(gòu)（一對(duì)一），這類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級(jí)頁面，一級(jí)頁面鏈接指向二級(jí)頁面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出，條理比較清晰，訪問者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必須回到首頁再進(jìn)行。

●星狀鏈接結(jié)構(gòu)（一對(duì)多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級(jí)頁面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。

③進(jìn)行形象設(shè)計(jì)

網(wǎng)站的設(shè)計(jì)可以從以下幾點(diǎn)出發(fā)：

●設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。

●設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。

●設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒有安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了。

●設(shè)計(jì)網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用一句話或者一個(gè)詞來高度概括。用富有氣勢(shì)的話或詞語來概括網(wǎng)站，進(jìn)行對(duì)外宣傳，可以收到比較好的結(jié)果。

要領(lǐng)五：確定網(wǎng)站風(fēng)格

“風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)“整體形象”包括站點(diǎn)的CI（標(biāo)志，色彩，字體，標(biāo)語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動(dòng)活潑的也可以是專業(yè)嚴(yán)肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格”。

風(fēng)格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的個(gè)性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。

總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識(shí)，比如站點(diǎn)的品位，對(duì)瀏覽者的態(tài)度等。

在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊L(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。

要領(lǐng)六：有創(chuàng)意的內(nèi)容選擇

好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁設(shè)計(jì)制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對(duì)網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng)放棄這個(gè)創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會(huì)有多少用戶。從根本上說，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個(gè)人網(wǎng)站成功的關(guān)鍵。

要領(lǐng)七：推廣自己的網(wǎng)站

網(wǎng)站的營(yíng)銷推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請(qǐng)確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式：

（1）搜索引擎注冊(cè)與搜索目錄登錄技巧

注冊(cè)著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊(cè)搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分搜索引擎不識(shí)別Frame，所以一定要提交有內(nèi)容的Main頁面。

而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時(shí)獲得的信息相關(guān)性比搜索引擎站點(diǎn)（靠Spider自動(dòng)搜索的）更強(qiáng)。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對(duì)較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊(cè)站點(diǎn)描述不超過25個(gè)單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬不要有虛假、夸張的成分。

（2）廣告交換技巧

很多個(gè)人站點(diǎn)在相互廣告交換時(shí)都提出了幾個(gè)條件：第一，訪問量相當(dāng)；第二，首頁交換。顯而易見，這種做法是為了充分利用廣告交換。以很多個(gè)人網(wǎng)站的經(jīng)驗(yàn)，當(dāng)與一個(gè)個(gè)人站點(diǎn)交換鏈接時(shí)，對(duì)方把網(wǎng)站的LOGO放到了友情連接一頁，而不是首頁時(shí)，很少有訪客會(huì)來自那里。通常在首頁，廣告交換才會(huì)有很好的效果。

（3）目標(biāo)電子郵件推廣

使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來進(jìn)行，只要你申請(qǐng)了免費(fèi)郵件列表服務(wù)，你就可以利用郵件列表來推廣你的網(wǎng)站；可以通過收集的特定郵件地址，來發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送HTML格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會(huì)被被當(dāng)作垃圾信件馬上刪掉，人們至少會(huì)留意一下發(fā)送者的地址。不過，在進(jìn)行郵件推廣的時(shí)候要注意網(wǎng)絡(luò)道德。

要領(lǐng)八：支撐網(wǎng)站日常運(yùn)行

當(dāng)個(gè)人網(wǎng)站做到某一程度，就必須把賺錢提到議事日程上來，通常來說，個(gè)人網(wǎng)站獲取資金通常有以下兩個(gè)渠道：

（1）銷售網(wǎng)站的廣告位

要銷售網(wǎng)站的廣告位，一般來說，每日的流量少于1萬人次的網(wǎng)站在目前是不會(huì)吸引廣告主的。網(wǎng)站的專業(yè)性及商用性，以往的廣告經(jīng)驗(yàn)，技術(shù)以及設(shè)計(jì)要求等也會(huì)影響到廣告的銷售。

一般來說，WEB廣告的收費(fèi)有三種方式：

①CPM (Cost Per Million/Thousand)

放一個(gè)廣告，它按每1,000人次來訪問站點(diǎn)收費(fèi)。這方法對(duì)網(wǎng)站經(jīng)營(yíng)者最為合適，只要有人瀏覽該網(wǎng)頁，就得錢，不管訪問者對(duì)廣告有無反應(yīng)——是否會(huì)看或點(diǎn)擊該廣告。

②點(diǎn)透（Click-through）

通過Banner廣告點(diǎn)到了廣告商的站點(diǎn)，這才算數(shù)，廣告商青睞這個(gè)，他只為對(duì)自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營(yíng)者就不合適了，據(jù)一些調(diào)查資料表明，只有3%的訪問者會(huì)去“CLICK”廣告。

③提成 (Commission)

根據(jù)訪問者點(diǎn)擊位于你站點(diǎn)上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對(duì)于網(wǎng)站的經(jīng)營(yíng)者來說，比上面兩個(gè)都更加冒險(xiǎn)。

通常的，個(gè)人網(wǎng)站的廣告收費(fèi)方法往往是第一、第二種方法的結(jié)合，站點(diǎn)和廣告商都可少冒點(diǎn)險(xiǎn)。

（2）與大型網(wǎng)站合作

另外，通過與大型網(wǎng)站合作，獲取經(jīng)費(fèi)，也可以維持個(gè)人網(wǎng)站的日常運(yùn)行。不過，個(gè)人網(wǎng)站很容易會(huì)成為商業(yè)網(wǎng)站的附屬品。

有時(shí)間和充沛的體力，再加上對(duì)新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上建一個(gè)家了。

用DW做網(wǎng)頁，用網(wǎng)上下載的導(dǎo)航條等素材（js、css）怎么用進(jìn)自己的網(wǎng)頁中？

打開DW，直接把素材插入頁面再替換文本，設(shè)成自己需要的導(dǎo)航的文本就可以了。

名稱欄目：javascript素材,javascript模板
URL鏈接：http://jinyejixie.com/article40/dsdieeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、云服務(wù)器、網(wǎng)站導(dǎo)航、App開發(fā)、網(wǎng)站收錄、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)