本篇文章信途科技給大家談?wù)労唵尉W(wǎng)頁設(shè)計(jì)基本，以及網(wǎng)頁設(shè)計(jì)與制作入門對應(yīng)的知識點(diǎn)，希望對各位有所幫助，不要忘了收藏本站。

網(wǎng)頁制作基本步驟

01 網(wǎng)頁制作的基本步驟是：要注冊好域名、服務(wù)器空間的創(chuàng)建、掌握建站軟件、開展網(wǎng)站升級改造和網(wǎng)絡(luò)營銷推廣等等。

1、要注冊好域名。

瀏覽網(wǎng)站是不能用網(wǎng)站域名的，并不是越多越好，只是盡量做到簡潔，關(guān)于建站方便記憶，這需要我們自己去設(shè)計(jì)方案，如果方便我們自己和客戶的記憶就可以了。在這個(gè)階段，“.com”和“.cn”是使用數(shù)量多的兩種網(wǎng)站域名，這些網(wǎng)站可以通過域名服務(wù)商標(biāo)或IDC商業(yè)代理處申請辦理。

2、服務(wù)器空間的創(chuàng)建。

建立站點(diǎn)必須有一個(gè)用于存儲站點(diǎn)的服務(wù)器空間。對于普通用戶，我建議購買一臺云虛擬主機(jī)，在購買云虛擬主機(jī)時(shí)還要看其服務(wù)項(xiàng)目、速率和響應(yīng)速度等，選擇名氣較大的服務(wù)提供商比較可靠。萬網(wǎng)域名是現(xiàn)階段國內(nèi)名聲比較大的網(wǎng)站服務(wù)提供商，它肯定要比同行貴些，如果有必要的話，在自己的經(jīng)濟(jì)發(fā)展范疇之內(nèi)，大家可以選擇自己的區(qū)域代理來注冊網(wǎng)站。

3、掌握建站軟件。

網(wǎng)域空間都做好了，那就接下去建網(wǎng)站吧。一般很多盆友在這里一步也走不完，他們擔(dān)心，現(xiàn)在很多建站軟件都可以直接下載，然后上傳到服務(wù)器空間安裝，一般的程序都是上面提到的PageAdmin，這個(gè)是免費(fèi)查看的，掌握了安裝方法之后，安裝就比較簡單了。設(shè)置后大家可以在后臺自行更改網(wǎng)站頻道、新聞報(bào)道及其商品信息等。

4、開展網(wǎng)站升級改造和網(wǎng)絡(luò)營銷推廣。

站點(diǎn)做好了，那就接踵而至，對站點(diǎn)進(jìn)行升級和營銷推廣。所謂升級，就是經(jīng)常在網(wǎng)站上發(fā)布一些新的內(nèi)容，保持網(wǎng)站的新鮮度；說到網(wǎng)絡(luò)營銷推廣，一家網(wǎng)站建站兩年后卻沒有人來瀏覽，那也是行不通的，如何開展合理的網(wǎng)絡(luò)營銷推廣，這個(gè)必須要大家自己去各個(gè)網(wǎng)絡(luò)平臺進(jìn)行社區(qū)論壇宣傳策劃，交換友鏈等方法來推廣自己的網(wǎng)站，自然網(wǎng)絡(luò)推廣的方式也有很多種，大伙兒可以檢索一些范例教程來學(xué)習(xí)培訓(xùn)，自己探索。

新手想學(xué)網(wǎng)頁設(shè)計(jì)，要學(xué)習(xí)哪些內(nèi)容？

涉及軟件： AfterEffects, Photoshop, Illustrator, CorelDraw, Sketch, Cinema4d

課程簡介：

網(wǎng)頁設(shè)計(jì)需要學(xué)習(xí)的內(nèi)容主要可以分為軟件技能學(xué)習(xí)和專業(yè)知識學(xué)習(xí)兩個(gè)部分。

第一部分：軟件技能學(xué)習(xí)

網(wǎng)頁設(shè)計(jì)需要學(xué)習(xí)Photoshop、Illustrator、C4D、After Effects、CorelDRAW以及Dreamweaver等軟件的應(yīng)用，其中Photoshop主要用于圖像處理，是網(wǎng)頁設(shè)計(jì)的主力工具；其他的如Illustrator主要用于矢量圖像處理，C4D主要用來設(shè)計(jì)三維效果，After Effects主要用來創(chuàng)建動(dòng)態(tài)效果，Dreamweaver則用來進(jìn)行代碼實(shí)現(xiàn)。

第二部分：專業(yè)知識學(xué)習(xí)

一是學(xué)習(xí)相關(guān)的設(shè)計(jì)知識，包括排版設(shè)計(jì)、色彩搭配、網(wǎng)頁布局、設(shè)計(jì)流程、原型設(shè)計(jì)、切圖標(biāo)注以及視覺設(shè)計(jì)等等；

二是學(xué)習(xí)常用網(wǎng)頁類型的設(shè)計(jì)，比如淘寶類的電商視覺設(shè)計(jì)、企業(yè)官網(wǎng)的設(shè)計(jì)、新品宣傳網(wǎng)頁的設(shè)計(jì)、活動(dòng)專題網(wǎng)頁設(shè)計(jì)、后臺管控類網(wǎng)頁設(shè)計(jì)等；

三是學(xué)習(xí)前端代碼，主要是學(xué)習(xí)HTML、CSS、JavaScript等前端語言的運(yùn)用；

其他方面，還需要學(xué)習(xí)目標(biāo)用戶研究、設(shè)計(jì)對象研究、素描基礎(chǔ)等等知識。

怎樣學(xué)習(xí)網(wǎng)頁設(shè)計(jì)？

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)先學(xué)習(xí)超文本標(biāo)識語言，一種很簡單的語言，也是網(wǎng)頁設(shè)計(jì)的基礎(chǔ)。再設(shè)計(jì)一些簡單的靜態(tài)頁面再學(xué)習(xí)可視化設(shè)計(jì)軟件。學(xué)完這些已經(jīng)可以設(shè)計(jì)簡單的網(wǎng)站，需要學(xué)習(xí)動(dòng)態(tài)設(shè)計(jì)語言和數(shù)據(jù)庫知識。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)推薦咨詢【達(dá)內(nèi)教育】。

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的三個(gè)階段：

第一階段：開始時(shí)最好是學(xué)些網(wǎng)頁編輯軟件，這樣可以使更了解網(wǎng)頁制作與運(yùn)營的原理。最好使拿本教程來學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。

第二階段：會(huì)用網(wǎng)頁制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站。但為了能使自己設(shè)計(jì)制作的網(wǎng)頁盡善盡美，還應(yīng)該學(xué)習(xí)網(wǎng)頁的核心技術(shù)。

第三階段：結(jié)合自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人定義的目標(biāo)網(wǎng)站。成為一名真正的網(wǎng)站開發(fā)者。感興趣的話點(diǎn)擊此處，免費(fèi)學(xué)習(xí)一下

想了解更多有關(guān)網(wǎng)頁設(shè)計(jì)的相關(guān)信息，推薦咨詢【達(dá)內(nèi)教育】。該機(jī)構(gòu)致力于面向IT互聯(lián)網(wǎng)行業(yè)，培養(yǎng)軟件開發(fā)工程師、測試工程師、UI設(shè)計(jì)師、網(wǎng)絡(luò)營銷工程師、會(huì)計(jì)等職場人才，擁有行業(yè)內(nèi)完善的教研團(tuán)隊(duì)，強(qiáng)大的師資力量，確保學(xué)員利益，全方位保障學(xué)員學(xué)習(xí)；更是與多家企業(yè)簽訂人才培養(yǎng)協(xié)議，全面助力學(xué)員更好就業(yè)。達(dá)內(nèi)IT培訓(xùn)機(jī)構(gòu),試聽名額限時(shí)搶購。

簡單網(wǎng)頁制作

一、FrontPage 2003簡介

FrontPage 2003是由Microsoft公司推出的Office 2003組件之一。FrontPage 2003的啟動(dòng)與退出、文件的打開與保存與Office系列中其他軟件相同。FrontPage 2003啟動(dòng)后，主窗口如圖6-61所示，菜單部分外貌與Office中的其他軟件相似。

與以往的版本相比，F(xiàn)rontPage 2003有以下幾個(gè)新功能：

（1）自定義瀏覽器分辨率預(yù)覽檢查；

（2）描摹圖像；

（3）層功能；

（4）插入交互式按鈕；

（5）行為的應(yīng)用；

（6）使用網(wǎng)頁重定向；

圖6-61 FrontPage 2003啟動(dòng)界面

圖6-62“新建”任務(wù)窗格

（7）檢查網(wǎng)頁錯(cuò)誤；

（8）優(yōu)化HTML代碼；

（9）規(guī)劃頁面布局。

二、制作簡單網(wǎng)頁

我們在前面已經(jīng)學(xué)會(huì)了用Word進(jìn)行排版，其實(shí)你已經(jīng)會(huì)制作一個(gè)簡單網(wǎng)頁了，只需將原來排好的Word文檔，另存時(shí)選擇保存類型為“Web頁（*.htm；*.html）”就可保存為一個(gè)網(wǎng)頁文件。

下面我們用FrontPage 2003制作一個(gè)簡單網(wǎng)頁。步驟如下：

1.啟動(dòng)FrontPage 2003

選擇“開始”/“所有程序”/“Microsoft Office”/“FrontPage 2003”命令，打開如圖6-61所示的界面。

圖6-63 新的空白的網(wǎng)頁

圖6-64“網(wǎng)頁模板”對話框

2.建立新網(wǎng)頁

選擇“文件”/“新建…”菜單命令，打開“新建”任務(wù)窗格，如圖6-62所示。單擊“空白網(wǎng)頁”，也可以通過工具欄上的“新建”按鈕建立一個(gè)新的空白的網(wǎng)頁。如圖6-63所示。

如果要根據(jù) Microsoft FrontPage 的模板創(chuàng)建網(wǎng)頁，單擊“其他網(wǎng)頁模板”，打開如圖6-64所示的“網(wǎng)頁模板”對話框，再單擊所需模板類型的選項(xiàng)卡，然后單擊某個(gè)模板。

3.輸入如下內(nèi)容

圖6-65

4.編輯操作

網(wǎng)頁中的文本編輯操作與Word的編輯操作類似。

本例中，將“我的第一個(gè)網(wǎng)頁”應(yīng)用“標(biāo)題一”樣式，并設(shè)為隸書，水平居中；將“你好！歡迎光臨”應(yīng)用“標(biāo)題二”樣式，將其余內(nèi)容應(yīng)用“普通”樣式，并將行距設(shè)為“1.5倍行距”，設(shè)置完成后效果如圖6-65所示。

5.保存網(wǎng)頁文件

選擇“文件”/“保存”命令，彈出“另存為”對話框，指定保存位置和文件名，然后單擊“保存”按鈕即可完成操作。

三、制作多媒體個(gè)人主頁

我們以制作一個(gè)簡易的個(gè)人網(wǎng)站為例，進(jìn)一步學(xué)習(xí)使用FrontPage 2003。

1.規(guī)劃

網(wǎng)站規(guī)劃包括規(guī)劃網(wǎng)站的風(fēng)格、網(wǎng)站的結(jié)構(gòu)和網(wǎng)站的配色等，是對網(wǎng)站的整體定位。本例設(shè)置了6個(gè)欄目，包括首頁、自薦信、個(gè)人簡歷、榮譽(yù)證書、才藝展示、聯(lián)系方式，鏈接的文件名分別為index.htm、zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。當(dāng)然也可以結(jié)合自己情況進(jìn)行修改。頁面布局如圖6-66所示。

2.建立網(wǎng)站

在FrontPage 2003中，所謂網(wǎng)站，就是一些網(wǎng)頁和程序的集合，各個(gè)網(wǎng)頁之間通過超鏈接聯(lián)系在一起，所有的網(wǎng)頁和文件保存在一個(gè)文件夾中，通過網(wǎng)站把這些文件和網(wǎng)頁統(tǒng)一起來。本地網(wǎng)站是指本地硬盤上用來存放整個(gè)網(wǎng)站的所有文檔的文件夾。遠(yuǎn)程網(wǎng)站是指網(wǎng)絡(luò)服務(wù)器上的網(wǎng)站，供用戶瀏覽。

建立一個(gè)新網(wǎng)站，事實(shí)上就是建立一個(gè)單獨(dú)的文件夾，然后在這個(gè)文件夾中建立各個(gè)網(wǎng)頁文件，并且把它們鏈接在一起。

網(wǎng)頁制作可以在新建網(wǎng)站中完成，也可以像前面那樣單獨(dú)新建一個(gè)網(wǎng)頁。建議用新建網(wǎng)站的方法來制作網(wǎng)頁。

下面我們首先創(chuàng)建新的FrontPage網(wǎng)站：

（1）在“文件”菜單上，單擊“新建”，出現(xiàn)如圖 6-66 所示的“新建”任務(wù)窗格。

圖6-66

（2）在“新建”任務(wù)窗格中，單擊“由一個(gè)網(wǎng)頁組成的網(wǎng)站”。

（3）在“網(wǎng)站模板”對話框中，在“常規(guī)”選項(xiàng)卡下，單擊需要的網(wǎng)站模板，本例選擇“只有一個(gè)網(wǎng)頁的網(wǎng)站”，并在指定新網(wǎng)的位置欄中，鍵入或選擇新網(wǎng)的路徑及名稱，這里我們將默認(rèn)的mysite改為myhome，如圖6-67所示，然后單擊“確定”按鈕，出現(xiàn)創(chuàng)建新網(wǎng)站對話框，完成站點(diǎn)創(chuàng)建，完成后如圖6-68所示。左邊一列是文件夾列表，可以通過右鍵快捷菜單新建文件夾，對文件或文件夾進(jìn)行復(fù)制、刪除、重命名等操作。

圖6-67“網(wǎng)站模板”對話框

圖6-68

3.準(zhǔn)備素材

將本例所需的圖片動(dòng)畫素材復(fù)制到網(wǎng)站內(nèi)的images文件夾下。

4.制作主頁頁眉

在“網(wǎng)頁”視圖中的文檔窗口底部，單擊“設(shè)計(jì)”

。

在文件夾列表中雙擊index.htm，打開該網(wǎng)頁并進(jìn)入編輯狀態(tài)，開始首頁制作。

（1）設(shè)置網(wǎng)頁大小 在“視圖”菜單上，指向“網(wǎng)頁大小”，單擊

設(shè)置網(wǎng)頁大小。

（2）設(shè)置網(wǎng)頁背景在“網(wǎng)頁”視圖中的文檔窗口底部，單擊“設(shè)計(jì)”

，右擊網(wǎng)頁編輯區(qū)，在彈出菜單中單擊“網(wǎng)頁屬性”項(xiàng)，彈出“網(wǎng)頁屬性”對話框，在標(biāo)題框內(nèi)輸入“歡迎訪問小慧的個(gè)人電子簡歷”；單擊“格式”選中格式選項(xiàng)卡，選中背景欄下的“背景圖片”，并單擊“瀏覽”按鈕選擇背景圖片。如圖6-69所示。單擊“確定”按鈕完成網(wǎng)頁背景設(shè)置。也可在“格式”菜單上單擊“背景”來設(shè)置。

（3）插入一個(gè)一行兩列的表格 方法與在Word中插入表格相同。

在顯示設(shè)計(jì)視圖模式下，通過常用工具欄的“插入表格”按鈕，或在“插入”菜單上，指向“插入”，在級聯(lián)菜單中單擊“表格”；右擊插入的表格，在彈出菜單中單擊“表格屬性”，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0，如圖6-70所示，單擊“確定”按鈕。

圖6-69 網(wǎng)頁屬性

圖6-70 表格屬性

（4）在第一個(gè)單元格內(nèi)插入圖片 將插入點(diǎn)放在第一個(gè)單元格，在“插入”菜單上，指向“圖片”，再單擊“來自文件”。找到要添加的文件（網(wǎng)站下images文件夾下的logo.gif），如圖6-71所示，然后單擊“插入”。

更簡單的方法是從文件夾列表拖動(dòng)圖片文件到編輯區(qū)指定的位置即可。

（5）在第二個(gè)單元格內(nèi)插入Flash動(dòng)畫 單擊第二個(gè)單元格，在“插入”菜單上，指向“圖片”，再單擊“Flash影片”。彈出與圖6-71相似的“選擇文件”對話框，找到要添加的文件（網(wǎng)站下images文件夾下的banner_007.swf），然后單擊“插入”。

（6）在第一個(gè)表格下插入一個(gè)1行1列的表格 同樣將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0，設(shè)置好背景顏色，本例是選的其他顏色，如圖6-72所示，在“值”文本框中輸入Hex={C1，E8，C9}。

（7）制作滾動(dòng)字幕 在第二個(gè)表格的單元格內(nèi)單擊，在“插入”菜單上，單擊“Web組件”，彈出插入Web組件對話框，默認(rèn)選中的是字幕，因此單擊“完成”按鈕，彈出字幕屬性對話框，在“文本”框內(nèi)輸入：衷心感謝您垂閱我的簡歷，單擊“確定”按鈕。如圖6-73所示。

圖6-71 插入圖片對話框

圖6-72“其他顏色”對話框

5.制作正文和頁腳

（1）在第二個(gè)表格下插入一個(gè)1行2列的表格，同樣將單元格襯距、單元格間距設(shè)為0，但粗細(xì)設(shè)為1，暗邊框設(shè)為白色，亮邊框則設(shè)為其他顏色，在如圖6-72所示的“值”文本框中輸入Hex={99，CC，F(xiàn)F}。

（2）設(shè)置單元格背色。右擊此表格的第一個(gè)單元格，在彈出菜單中單擊“單元格屬性”，彈出如圖6-74所示的對話框，背景設(shè)為其他顏色，在如圖6-72所示的“值”文本框中輸入Hex={F1，F(xiàn)5，F(xiàn)C}。同樣方法將第二個(gè)單元格設(shè)為白色。

圖6-73 字幕屬性對話框

圖6-74 單元格屬性

（3）調(diào)整單元格寬度，使之與第一個(gè)表格相同。

（4）在第一個(gè)單元格內(nèi)插入一個(gè)8行1列的表格，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0。在單元格屬性中將單元格對齊屬性設(shè)為水平居中，垂直居中，行高調(diào)整為40。

在剛插入的表格第二行內(nèi)插入圖片homepage.gif，并在其后輸入“首 頁”；在第三行內(nèi)插入圖片sub_dot.gif，并在其后輸入“自 薦信”，后面四行插入的圖片均為sub_dot.gif，輸入的文字依次為“個(gè)人簡歷”、“榮譽(yù)證書”、“才藝展示”、“聯(lián)系方式”。

（5）在表格三的第二個(gè)單元格內(nèi)插入一個(gè)3行3列的表格，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0。將中間一列調(diào)寬一些。

在該表格第一行第二列中輸入“自薦信”，在第二行第二列輸入自薦信的內(nèi)容。設(shè)為1.5倍行距。

（6）在表格三后面插入一個(gè)2行1列的表格，并將單元格襯距、單元格間距和粗細(xì)欄均設(shè)為0；并且第一個(gè)單元格背景色設(shè)為與表格二背景色相同，在第二個(gè)單元格內(nèi)輸入“聯(lián)系電話：023-683568XX E-mail：xiaohui＠163.com”并設(shè)為居中。

6.鏈接網(wǎng)站文件

選中要建立超鏈接的文字或圖像，單擊常用工具欄中的“插入超鏈接”按鈕或在“插入”菜單上單擊“超鏈接”，或者是右擊選中區(qū)域并單擊“超鏈接”，均可打開“插入超鏈接”對話框。如圖6-75所示。

圖6-75“插入超鏈接”對話框

（1）選中“首頁”，單擊常用工具欄中的

按鈕，在打開的如圖6-75所示的“插入超鏈接”對話框中，在“地址”框內(nèi)輸入index.htm，并單擊“確定”按鈕。

（2）用同樣的方法將“自薦信”鏈接到zijian.htm、“個(gè)人簡歷”鏈接到j(luò)ianli.htm、“榮譽(yù)證書”鏈接到zhengshu.htm、“才藝展示”鏈接到zhanshi.htm、“聯(lián)系方式”鏈接到lianxi.htm。

7.保存文件，按F12鍵預(yù)覽網(wǎng)頁

四、制作本網(wǎng)站內(nèi)其他頁面

首先在文件夾列表中將 index.htm 復(fù)制 5個(gè)，分別重命名為 zijian.htm、jianli.htm、zhengshu.htm、zhanshi.htm、lianxi.htm。只需將每個(gè)文件中自薦信部分修改為相應(yīng)內(nèi)容即可，頁眉、超鏈接欄和頁腳均不變。

五、網(wǎng)站發(fā)布

當(dāng)我們完成上述內(nèi)容后，需將制作的網(wǎng)頁發(fā)布到Internet上的Web服務(wù)器中，才能供網(wǎng)上的訪問者瀏覽。首先要到Internet服務(wù)提供商（ISP）那里申請購買存放網(wǎng)頁的空間和域名，以前有很多網(wǎng)站（如網(wǎng)易等）都提供免費(fèi)的個(gè)人主頁存放空間，現(xiàn)在相對較少了，中國學(xué)生網(wǎng)仍在提供50M免費(fèi)空間服務(wù)，大家可到http://web.6to23.com/去申請一個(gè)免費(fèi)空間。

發(fā)布網(wǎng)站可以使用專門的FTP工具。但為了給用戶提供方便，F(xiàn)rontPage 2003內(nèi)置了網(wǎng)頁發(fā)布功能，利用它，只需進(jìn)行簡單的設(shè)置，就可以輕松地完成網(wǎng)站發(fā)布任務(wù)。FrontPage 2003中的遠(yuǎn)程網(wǎng)站視圖可以幫助我們將整個(gè)網(wǎng)站或單獨(dú)的文件和文件夾發(fā)布到任何位置：擴(kuò)展的 Web 服務(wù)器、支持文件傳輸協(xié)議（FTP）或基于 Web 的分布式創(chuàng)作和版本控制（WebDAV）的Web服務(wù)器或文件系統(tǒng)中的某個(gè)位置。

下面我們利用FrontPage 2003及文件傳輸協(xié)議（FTP）發(fā)布網(wǎng)站，步驟如下：

1.打開FrontPage網(wǎng)站

在“文件”菜單中單擊“打開網(wǎng)站”或單擊工具欄上的“打開”按鈕邊上的下拉標(biāo)志，從下拉菜單中選“打開網(wǎng)站”，在彈出的“打開網(wǎng)站”對話框中找到需要打開的網(wǎng)站并單擊“打開”按鈕。

2.轉(zhuǎn)至“遠(yuǎn)程網(wǎng)站”視圖

若要轉(zhuǎn)至該視圖，請單擊“網(wǎng)站”選項(xiàng)卡，然后單擊窗口底部的“遠(yuǎn)程網(wǎng)站”按鈕?；蛟凇耙晥D”菜單上，單擊“遠(yuǎn)程網(wǎng)站”。如圖6-76所示。

3.設(shè)置“遠(yuǎn)程網(wǎng)站屬性”

在文檔窗口頂部，單擊“遠(yuǎn)程網(wǎng)站屬性”。在彈出的對話框中，在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡上，在“遠(yuǎn)程 Web服務(wù)器類型”下，單擊“FTP”。在“遠(yuǎn)程網(wǎng)站位置”框中，鍵入自己所選定的遠(yuǎn)程網(wǎng)站的地址及 FTP 協(xié)議（本例中輸入“ftp://125.91.6.75”），如圖6-77所示。單擊“確定”按鈕，在打開的“要求提供用戶名和密碼”對話框中輸入ISP提供的用戶名和密碼，單擊“確定”按鈕。如圖6-78所示。

圖6-76

圖6-77

4.發(fā)布網(wǎng)站

通過單擊窗口右下角的“發(fā)布網(wǎng)站”按鈕即可發(fā)布所有文件。也可發(fā)布單個(gè)文件，在本地網(wǎng)站選擇一個(gè)文件，然后單擊“本地到遠(yuǎn)程”按鈕

。如圖6-79所示。

圖6-78

圖6-79

零基礎(chǔ)如何學(xué)網(wǎng)頁設(shè)計(jì)

首先，可以告訴想學(xué)網(wǎng)頁制作的朋友。學(xué)習(xí)制作網(wǎng)頁和學(xué)習(xí)其它知識一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來會(huì)比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來做什么。

建議你要具備的條件：對電腦熟練操作，使用電腦最好在一年以上，對網(wǎng)頁設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的。

第一階段：開始時(shí)最好是學(xué)些網(wǎng)頁編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁制作與運(yùn)營的原理。最好使拿本教程來學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。

第二階段：會(huì)用網(wǎng)頁制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但為了能使自己設(shè)計(jì)制作的網(wǎng)頁盡善盡美，還是學(xué)習(xí)網(wǎng)頁的核心技術(shù)吧！網(wǎng)頁編輯語言（包括:html、css、javascript、asp、xml等）。你可以選擇地學(xué)習(xí)。

第三階段:結(jié)合你自己已掌握地知識來開發(fā)網(wǎng)站，可以開發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開發(fā)者了。

怎樣制作網(wǎng)頁，不是說一兩篇文章能夠說清楚的。以上介紹的是制作網(wǎng)頁的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁的朋友一個(gè)參考。

網(wǎng)頁設(shè)計(jì)制作詳細(xì)流程

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

做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國《個(gè)人電腦》雜志(PC Magazine)評出了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)秀的作品。

對于內(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í)這對個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而且也妨礙了網(wǎng)頁的傳輸速度。所以，就我個(gè)人觀點(diǎn)來說，首先花點(diǎn)錢去注冊一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡單、易記。

要領(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ù)雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級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是一款非常適合初、中級網(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層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也是必備的。

當(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)困難。所以，我們在動(dòng)手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。

網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個(gè)合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實(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)簡介、版權(quán)信息、個(gè)人信息等大可不必放在主欄目里，以免沖淡主題。

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

●各板塊要有相對獨(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ù)站長都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí)也要仔細(xì)安排，比如：

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

●按欄目內(nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：網(wǎ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目錄是方便管理的。原因很簡單，就是方便維護(hù)與管理。

其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網(wǎ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)（一對一），這類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級級進(jìn)入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會(huì)“不知身在何處”，但是瀏覽效率低，一個(gè)欄目下的子頁面到另一個(gè)欄目下的子頁面，必須回到首頁再進(jìn)行。

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

因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達(dá)到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(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)志可以是中文、英文字母，也可以是符號、圖案等。標(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)志。最常用和最簡單的方式是用自己網(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è)詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進(jìn)行對外宣傳，可以收到比較好的結(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)識，比如站點(diǎn)的品位，對瀏覽者的態(tài)度等。

在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳。總之，風(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)意很好，卻對網(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)站的營銷推廣在個(gè)人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個(gè)人網(wǎng)站之前，請確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水準(zhǔn)，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式：

（1）搜索引擎注冊與搜索目錄登錄技巧

注冊著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動(dòng)收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分搜索引擎不識別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)站的人為因素相對較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如Yahoo要求注冊站點(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í)，對方把網(wǎng)站的LOGO放到了友情連接一頁，而不是首頁時(shí)，很少有訪客會(huì)來自那里。通常在首頁，廣告交換才會(huì)有很好的效果。

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

使用電子郵件宣傳網(wǎng)址時(shí)，主要有如下技巧：可以使用免費(fèi)郵件列表來進(jìn)行，只要你申請了免費(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)。這方法對網(wǎng)站經(jīng)營者最為合適，只要有人瀏覽該網(wǎng)頁，就得錢，不管訪問者對廣告有無反應(yīng)——是否會(huì)看或點(diǎn)擊該廣告。

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

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

③提成 (Commission)

根據(jù)訪問者點(diǎn)擊位于你站點(diǎn)上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對于網(wǎng)站的經(jī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í)間和充沛的體力，再加上對新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上建一個(gè)家了

關(guān)于簡單網(wǎng)頁設(shè)計(jì)基本和網(wǎng)頁設(shè)計(jì)與制作入門的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站信途科技。