畢業(yè)論文----論個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、<p>　　北京科技大學(xué)遠(yuǎn)程與成人教育學(xué)院</p><p><b>　　畢業(yè)設(shè)計(jì)（論文）</b></p><p>　　題 目： 實(shí)用網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) </p><p>　　學(xué)習(xí)中心： 北京ITET培訓(xùn)中心 </p><p>　　專 業(yè)： 計(jì)算機(jī)科學(xué)與技

2、術(shù) </p><p>　　年 級(jí)： 0802 </p><p>　　姓 名： 劉吉惠 </p><p><b>　　設(shè)計(jì)題目及內(nèi)容摘要</b></p><p>　　設(shè)計(jì)題目：論個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)

3、現(xiàn)</p><p>　　內(nèi)容摘要：Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁(yè)制作得到發(fā)展的空間。大有大型企業(yè)的產(chǎn)品推銷、售后服務(wù)、解決方案。而小的有形形色色，五彩繽紛的個(gè)人網(wǎng)站。這主要是因?yàn)楹芏嗳艘呀?jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎也已經(jīng)成為一種潮流。</p><p>　　關(guān)鍵字：

4、網(wǎng)站 網(wǎng)頁(yè)制作 </p><p><b>　　目 錄</b></p><p><b>　　引言4</b></p><p>　　1.1 網(wǎng)站域名的注冊(cè)與使用4</p><p>　　1.2 網(wǎng)站建設(shè)的相關(guān)軟件4</p><p>　　1.3網(wǎng)站的規(guī)劃設(shè)計(jì)4</p&

5、gt;<p>　　1.3.1網(wǎng)站的欄目設(shè)計(jì)5</p><p>　　1.3.2 確定網(wǎng)站的框架5</p><p>　　1.4網(wǎng)頁(yè)基本構(gòu)成元素5</p><p><b>　　一、建站須知6</b></p><p><b>　　1、確定主題6</b></p><

6、p><b>　　2、選擇空間6</b></p><p>　　3、網(wǎng)站設(shè)計(jì)要點(diǎn)6</p><p>　　4、在本地搭建網(wǎng)站服務(wù)器平臺(tái)6</p><p>　　二、個(gè)人網(wǎng)頁(yè)的制作7</p><p>　　1、 用Photoshop完成網(wǎng)頁(yè)設(shè)計(jì)7</p><p>　　2. Dreamweave

7、r完成網(wǎng)頁(yè)制作8</p><p>　　3、制作時(shí)應(yīng)注意事項(xiàng)10</p><p>　　三、網(wǎng)站的上傳10</p><p><b>　　總結(jié)12</b></p><p><b>　　致 謝12</b></p><p><b>　　引言</b>&l

8、t;/p><p>　　1.1 網(wǎng)站域名的注冊(cè)與使用</p><p>　　建立一個(gè)網(wǎng)站首先要有一個(gè)自己的網(wǎng)站地址(網(wǎng)址)，網(wǎng)址是由域名來決定的。因此若想建立網(wǎng)站，首先需要注冊(cè)或者轉(zhuǎn)入一個(gè)域名以便命名要建立的網(wǎng)站。隨著Internet的發(fā)展，人們把域名分為幾個(gè)大類，分別以不同的后綴結(jié)尾：</p><p>　　.com 用于商業(yè)公司</p><p&g

9、t;　　.org 用于組織、協(xié)會(huì)等</p><p>　　.net 用于網(wǎng)絡(luò)教育</p><p>　　.edu 用于教育機(jī)構(gòu)</p><p>　　.gov 用于政府部門</p><p>　　.mil 用于軍事領(lǐng)域</p><p>　　.cn 中國(guó)專用的頂級(jí)域名</p>

10、<p>　　因此，在做一個(gè)網(wǎng)站以前要先注冊(cè)一個(gè)好的域名。一個(gè)非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個(gè)域名，所有前期工作就將全部落空。</p><p>　　目前，做個(gè)人網(wǎng)站的很多都依賴免費(fèi)個(gè)人空間，其域名也是依賴免費(fèi)域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實(shí)這對(duì)個(gè)人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個(gè)人網(wǎng)站，而

11、且也妨礙了網(wǎng)頁(yè)的傳輸速度。所以，可以花點(diǎn)錢去注冊(cè)一個(gè)域名，獨(dú)立的域名就是個(gè)人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡(jiǎn)單、易記。</p><p>　　1.2 網(wǎng)站建設(shè)的相關(guān)軟件</p><p>　　1、Photoshop</p><p>　　2、Dreamweaver</p><p><b>　　3、Flash</b><

12、;/p><p>　　4、Fireworks</p><p>　　1.3網(wǎng)站的規(guī)劃設(shè)計(jì)</p><p>　　在進(jìn)行一個(gè)網(wǎng)站設(shè)計(jì)之前，要先明確網(wǎng)站的風(fēng)格及特點(diǎn)，這對(duì)具體的設(shè)計(jì)是很有利的。利用制作網(wǎng)站的軟件如dreamweaver進(jìn)行網(wǎng)頁(yè)框架、文字布局、頁(yè)面鏈接、動(dòng)態(tài)效果等設(shè)計(jì)，也包括利用photoshop或者fireworks等平面設(shè)計(jì)軟件實(shí)現(xiàn)平面設(shè)計(jì)、靜態(tài)無聲圖片設(shè)計(jì)，

13、或者利用flash實(shí)現(xiàn)動(dòng)畫效果。</p><p>　　網(wǎng)站的延伸設(shè)計(jì)。主要包括網(wǎng)站主題的定位、用戶群定位、智能交互、制作策劃、形象包裝和宣傳營(yíng)銷等。</p><p>　　1.3.1網(wǎng)站的欄目設(shè)計(jì)</p><p>　　在我們確定了網(wǎng)站的主題和風(fēng)格后，就應(yīng)該圍繞主題制作相應(yīng)的網(wǎng)頁(yè)內(nèi)容，設(shè)計(jì)相應(yīng)的題材欄目。</p><p><b>　　設(shè)

14、計(jì)網(wǎng)站logo</b></p><p>　　網(wǎng)站logo是網(wǎng)站的標(biāo)志，是站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)。設(shè)計(jì)時(shí)不僅要考</p><p>　　慮到網(wǎng)站整體發(fā)展到一個(gè)高度時(shí)相應(yīng)的推廣活動(dòng)所要求的各類 效果，同時(shí)應(yīng)</p><p>　　使用能夠讓多數(shù)用戶喜歡、印象深刻的造型。</p><p><b>　　設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩</

15、b></p><p>　　網(wǎng)站給人的第一印象來自視覺沖擊，所以確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到網(wǎng)頁(yè)瀏覽者的情緒。網(wǎng)站標(biāo)準(zhǔn)色彩的選擇和確定，是由網(wǎng)站的主題和企業(yè)自身的特點(diǎn)決定的。</p><p>　　所以，在定位網(wǎng)站VI形象時(shí)，要明確網(wǎng)站所要傳達(dá)的信息、定位網(wǎng)站的用戶群，不要使用過多的顏色和注意網(wǎng)站色差問題等。</p><

16、;p>　　1.3.2 確定網(wǎng)站的框架</p><p>　　網(wǎng)站框架可以使站點(diǎn)鏈接清楚，層次清晰。同時(shí)，為以后為以后業(yè)務(wù)需要和規(guī)模擴(kuò)充，提供了方便，以免以后修改整個(gè)網(wǎng)站的框架。</p><p>　　1.4網(wǎng)頁(yè)基本構(gòu)成元素</p><p>　　要學(xué)會(huì)制作網(wǎng)頁(yè)，首先需要了解網(wǎng)頁(yè)都是由什么元素構(gòu)成的。</p><p>　　文字：文本是構(gòu)成網(wǎng)頁(yè)的

17、基本元素。一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè)可以只有幾行文本。</p><p>　　圖片：正是有個(gè)各種美麗的圖片，網(wǎng)頁(yè)才變得多姿多彩。</p><p>　　動(dòng)畫：如今，網(wǎng)頁(yè)上的動(dòng)畫越來越多，最常用的有GIF動(dòng)畫、Flash動(dòng)畫等。</p><p>　　超連接：如上所述，超連接幾乎是必不可少的。一個(gè)沒有超連接的網(wǎng)頁(yè)，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。</p>

18、;<p>　　其它元素：還可以在網(wǎng)頁(yè)中添加聲音、視頻等元素。</p><p><b>　　一、建站須知</b></p><p><b>　　1、確定主題</b></p><p>　　做個(gè)人網(wǎng)站，好多人都喜歡在網(wǎng)頁(yè)中放一些自己感興趣的內(nèi)容，但是個(gè)人的能力畢竟有限，網(wǎng)站后期會(huì)因?yàn)闊o力維護(hù)而導(dǎo)致站點(diǎn)更新緩慢、內(nèi)容匱

19、乏。所以個(gè)人建議在做個(gè)人網(wǎng)站時(shí)，要選定一個(gè)主題。做一個(gè)小而精的有自己風(fēng)格的網(wǎng)站。</p><p><b>　　2、選擇空間</b></p><p>　　個(gè)人認(rèn)為建站初期可以申請(qǐng)免費(fèi)域名空間，但是到后期為了網(wǎng)站更好的發(fā)展可以考慮去注冊(cè)一個(gè)域名。</p><p><b>　　3、網(wǎng)站設(shè)計(jì)要點(diǎn)</b></p>&l

20、t;p>　　制作清晰的網(wǎng)頁(yè)鏈接關(guān)系。其中導(dǎo)航清晰，布局合理，層次分明，頁(yè)面的鏈接層次不需太深，這樣可使瀏覽者在最短的時(shí)間內(nèi)找到需要的東西。</p><p>　　盡量保持風(fēng)格統(tǒng)一，這樣可以加深瀏覽者對(duì)自己網(wǎng)站的印象。</p><p>　　色彩和諧、重點(diǎn)突出。</p><p>　　保持主頁(yè)界面的清爽性</p><p>　　動(dòng)態(tài)不易太多。動(dòng)態(tài)

21、效果太多會(huì)讓瀏覽者眼花繚亂，適當(dāng)?shù)膭?dòng)態(tài)效果可起到畫龍點(diǎn)睛的作用。</p><p>　　4、在本地搭建網(wǎng)站服務(wù)器平臺(tái)（安裝以windowsXP為例）</p><p>　　1）將windows XP 系統(tǒng)安裝光盤插入到驅(qū)動(dòng)器里。</p><p>　　2）選擇開始菜單上的設(shè)置-控制面板命令，打開控制面板，雙擊添加或刪除程序，打開</p><p>　

22、　3）在左側(cè)列表中選擇添加/刪除windows組建</p><p>　　4)選中【internet信息服務(wù)（IIS）】</p><p>　　5）單擊下一步，安裝完成后就會(huì)出現(xiàn)【windows組件向?qū)А堪惭b結(jié)束對(duì)話框（一般默認(rèn)IIS會(huì)被安裝在C盤，集中一個(gè)wwwroot文件夾就是瀏覽訪問的默認(rèn)目錄）</p><p>　　6）打開IIS，如圖。創(chuàng)建一個(gè)新的web站點(diǎn)&l

23、t;/p><p>　　從圖中可以看到新建，選擇新建|虛擬目錄，這是就會(huì)出現(xiàn)虛擬目錄創(chuàng)建向?qū)У膶?duì)話框。按照對(duì)話框的提示逐步進(jìn)行下一步的操作。其中虛擬目錄別名就是新建的站點(diǎn)名稱，網(wǎng)站內(nèi)容目錄就是輸入虛擬目錄的真實(shí)位置（即個(gè)人網(wǎng)站的所有網(wǎng)站文件）。</p><p>　　7）設(shè)置站點(diǎn)屬性 因?yàn)槭沁x擇本地計(jì)算機(jī)作為web服務(wù)器，所以可以在URL前綴的文本框中輸入http://127.0.0.1/<

24、;/p><p><b>　　二、個(gè)人網(wǎng)頁(yè)的制作</b></p><p>　　1、 用Photoshop完成網(wǎng)頁(yè)設(shè)計(jì)</p><p><b>　　1）頁(yè)面內(nèi)容翔實(shí)</b></p><p>　　網(wǎng)絡(luò)是虛擬的，而網(wǎng)站往往體現(xiàn)的是現(xiàn)實(shí)世界中的一個(gè)實(shí)體，不管是企業(yè)或個(gè)人。極富特色、內(nèi)容翔實(shí)、瀏覽順暢、效果獨(dú)特的網(wǎng)

25、頁(yè)才會(huì)使人駐足觀看。</p><p><b>　　2）視覺效果新穎</b></p><p>　　網(wǎng)頁(yè)形象要不落俗套，把內(nèi)容的獨(dú)特的元素，如名稱、標(biāo)志、標(biāo)準(zhǔn)字體、標(biāo)準(zhǔn)色等等。通過這些元素的合理應(yīng)用，來實(shí)現(xiàn)網(wǎng)站形象與個(gè)性的塑造提高視覺效果。</p><p><b>　　3）欄目布局明確 </b></p><

26、p>　　頁(yè)面合理流暢、環(huán)環(huán)相扣、可信安全，這幾點(diǎn)是一個(gè)優(yōu)秀網(wǎng)站的精神所在，也是吸引力的來源。所以在建網(wǎng)站時(shí)應(yīng)把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出網(wǎng)站重點(diǎn)突出，結(jié)構(gòu)分明。</p><p><b>　　4）特殊字體慎用 </b></p><p>　　在photoshop中雖然可以使用任意字體，但是當(dāng)頁(yè)面上傳至網(wǎng)絡(luò)空間中，文字是非圖片形式可編輯的時(shí)

27、候，誰(shuí)也不能預(yù)測(cè)訪問者在他們的計(jì)算機(jī)上將看到什么。所以為了避免所選擇的字體在訪問者的計(jì)算機(jī)上不能顯示，特殊字體須謹(jǐn)慎使用。</p><p>　　2. Dreamweaver完成網(wǎng)頁(yè)制作</p><p><b>　　站點(diǎn)</b></p><p><b>　　2.1 創(chuàng)建站點(diǎn)</b></p><p>　

28、　要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。</p><p>　　從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個(gè)對(duì)話框，在文本框中輸入自己已經(jīng)想好的網(wǎng)站名稱“myself”。</p><p>　　填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做

29、的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)?！?lt;/p><p>　　單擊“下一步”，進(jìn)入下一個(gè)步驟。</p><p>　　在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾如“E:/

30、website”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。</p><p>　　這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6種選擇，這里選擇“無”。而后“下一步”再“完成”，即可。</p><p>　　2.2 創(chuàng)建站點(diǎn)內(nèi)容</p><p>　　站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁(yè)來填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板，此時(shí)整個(gè)網(wǎng)站中沒有任何內(nèi)容。

31、用鼠標(biāo)右擊面板中的本地根目錄文件夾。</p><p>　　在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“index.htm(或index.html),它就是未來的首頁(yè)。</p><p>　　由于“myself”網(wǎng)站并不是只有一個(gè)欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第二項(xiàng)“New Folder(新建文件夾)”。執(zhí)行N操作，新建N個(gè)文件夾，并把它們重命名為網(wǎng)站其他欄目的

32、名稱，存放它們各自的內(nèi)容。之后再次新建1個(gè)文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。</p><p>　　之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁(yè)。</p><p><b>　　2.2.1 首頁(yè)</b></p><p><b>　　設(shè)置首頁(yè)布局</b></p><p>　　

33、每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁(yè)，就功能上而言，它代表著一個(gè)網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他Web頁(yè)，原則上都必須通過首頁(yè)來連接散播出去，可見首頁(yè)是多么的重要。</p><p>　　首頁(yè)是打開網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁(yè)面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然

34、，后綴名為html也是正確的。</p><p><b>　　設(shè)置首頁(yè)的頁(yè)面屬性</b></p><p>　　首先雙擊“文件”浮動(dòng)面板中的index.htm,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁(yè)面屬性”，之后彈出“頁(yè)面屬性”對(duì)話框，若選擇主菜單“修改/頁(yè)面屬性”項(xiàng)，也可以把打開該對(duì)話框。</p><p>　　在“頁(yè)面屬性”對(duì)話框

35、中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項(xiàng)目。</p><p><b>　　查看和編輯頭內(nèi)容</b></p><p>　　一個(gè)網(wǎng)頁(yè)文件結(jié)構(gòu)上實(shí)際是由兩部分組成，頭(head)內(nèi)容和主體(body)內(nèi)容主體內(nèi)容(body)是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容(h

36、ead)是除文檔標(biāo)題外的不可見部分，包含有文檔類型、語(yǔ)言編碼、搜索引擎的關(guān)鍵的關(guān)鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個(gè)頁(yè)面都需要的，例如，可以僅為主頁(yè)提供關(guān)鍵字。</p><p>　　下面就以首頁(yè)為例，說明怎樣插入較常用的頭( head)內(nèi)容。</p><p>　　單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時(shí)右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按

37、鈕，再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭，會(huì)彈出菜單，該項(xiàng)列出的便是即將插入的頭內(nèi)容。</p><p><b>　　插入圖像</b></p><p>　　圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。</p><p>　　下面就來詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操

38、作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。</p><p>　　首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入

39、圖像的路徑和名稱。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔;如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根目錄。最后單擊“確定”按鈕，即可完成插入圖像的操作。</p><p><b>　　插入文本</b></p><p>　　文字是人類語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中，文本內(nèi)容也可以說是重要的組成部分，一個(gè)網(wǎng)

40、站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁(yè)中。</p><p>　　2.2.2創(chuàng)建其它網(wǎng)頁(yè)</p><p>　　還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。</p><p>　　2.2.3 建立網(wǎng)頁(yè)鏈接</p><p>　　網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的，那么網(wǎng)

41、頁(yè)之間是如何聯(lián)系的呢?這就是網(wǎng)頁(yè)的“鏈接”。</p><p>　　“鏈接”，又稱“超鏈接"(Hyperlink),它作為網(wǎng)頁(yè)的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜

42、單”，共8種。</p><p><b>　　文字鏈接</b></p><p>　　“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁(yè)中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。</p><p><b>　　圖像鏈接</b></p><p>　　“圖像”也是常被使用的鏈接媒體，它和“文

43、字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁(yè)中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容。</p><p>　　E –Mail的鏈接</p><p>　　E-Mail鏈接，是指當(dāng)瀏覽者單擊該鏈接之后，不是打開一個(gè)網(wǎng)頁(yè)文件，而是啟動(dòng)用戶的E- Mail客戶端軟件(如Outlook Express),并打開一個(gè)空白的新郵件，供瀏覽者撰寫內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動(dòng)

44、方式。</p><p>　　建立E-Mail鏈接的步驟如下所述:</p><p><b>　　操作步驟</b></p><p>　　步驟1 將光標(biāo)停留在頁(yè)面右下角要插入E-mail鏈接的位置。</p><p>　　步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側(cè)第2個(gè)“電子郵件鏈接”按鈕。</p>&l

45、t;p>　　步驟3 在彈出的“電子郵件鏈接”對(duì)話框中有兩個(gè)輸入項(xiàng)，分別是“文本”和“E-Mail” 。在“文本”項(xiàng)中輸入鏈接的文字，中文、英文均可，在E-Mail項(xiàng)中輸入網(wǎng)站聯(lián)系人的電子郵件地址</p><p>　　步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就插入到光標(biāo)所在位置了，按下 Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽查看實(shí)際效果。</p><p>　　上面的

46、方法只適用于文本的“E-Mail鏈接”，如果想在其它的對(duì)象(如圖像)上也加入這種鏈接，該怎辦呢?下面介紹第2種建立“E-Mail鏈接”的方法。</p><p>　　其實(shí)很簡(jiǎn)單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁(yè)面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語(yǔ)句即可----mailto:moumoumou郵箱。與第1種方法不同的是，E-Mail 地址前面增加了mailt

47、o:字樣。用這種方法就可以給圖像等其他對(duì)象建立“E-Mail鏈接”了。</p><p>　　3、制作時(shí)應(yīng)注意事項(xiàng)</p><p><b>　　預(yù)覽時(shí)看不到圖片 </b></p><p>　　有時(shí)圖片在編輯狀態(tài)下是好的，而在預(yù)覽時(shí)或在網(wǎng)頁(yè)發(fā)布后無法顯示，究其原因，一個(gè)方面可能是路徑問題，另一方面可能就是因?yàn)閳D片用的是中文文件名而招來的麻煩。如果是

48、路徑的問題，可能是圖片不在站點(diǎn)內(nèi)，這就需要把圖片存人相應(yīng)的文件夾中，然后改變圖片的路徑就可以了。如果圖片是在站點(diǎn)內(nèi)，在預(yù)覽時(shí)仍看不見圖片，則往往是使用了中文的文件名、目錄名或文件名。解決的方法是把中文名字改為英文字母、數(shù)字和下劃線等符號(hào)組合成文件名或目錄。</p><p>　　不要忽略頁(yè)面屬性的設(shè)置</p><p>　　設(shè)置左邊界、頂部邊界、邊界寬度和邊界高度。細(xì)心的用戶會(huì)發(fā)現(xiàn)在沒有進(jìn)行設(shè)

49、置前瀏覽時(shí)頁(yè)面會(huì)在上下、左右，各留一片空白，這塊區(qū)域用戶不能利用，白白浪費(fèi)了，為了節(jié)省網(wǎng)頁(yè)中的寶貴空間，建議把這四個(gè)選項(xiàng)都設(shè)置為0。</p><p>　　適當(dāng)變化網(wǎng)頁(yè)中的字體</p><p>　　網(wǎng)頁(yè)中的字體字號(hào)、字距、行距和文字顏色可作些適當(dāng)變化，以求最美的視覺效果。需要突出的地方可以用不同的字體、字號(hào)和不同的顏色表示。字體最好采用系統(tǒng)自帶的字體，因?yàn)樽煮w的顯示效果是由瀏覽者的瀏覽器來決

50、定的。許多漂亮的文字，瀏覽器可能并不支持，可以把文字做成圖片的方式來處理，不過這種方法不適合在大段的文字上采用。恰當(dāng)?shù)倪\(yùn)用css樣式表會(huì)使文字處理達(dá)到事半功倍的效果。但每一頁(yè)中的字體要限制在4種以內(nèi)，過多的字體反而顯得雜亂無序。</p><p><b>　　三、網(wǎng)站的上傳</b></p><p>　　完成網(wǎng)頁(yè)制作后，在瀏覽器中輸入http://127.0.0.1訪問一

51、下，檢查一下頁(yè)面是否還存在什么問題，尤其是鏈接這一部門。若頁(yè)面沒有問題后，就可以將其上傳至申請(qǐng)的服務(wù)器了。</p><p>　　個(gè)人網(wǎng)站一般采用ＦＴＰ軟件進(jìn)行上傳文件、更新文件和維護(hù)網(wǎng)站。FTP客戶機(jī)可以向服務(wù)器發(fā)出各種命令，包括下載文件、上傳文件、創(chuàng)建或改變服務(wù)器上的目錄。</p><p><b>　　總結(jié)</b></p><p>　　在互聯(lián)

52、網(wǎng)走進(jìn)我們的生活之前，沒有人敢夢(mèng)想擁有自己的報(bào)紙、雜志、電臺(tái)、電視臺(tái)?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個(gè)“表達(dá)自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個(gè)人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權(quán)威地位。建立個(gè)人網(wǎng)站的基本過程可以分為以下七個(gè)環(huán)節(jié) :</p><p>　　1  了解中國(guó)網(wǎng)絡(luò)個(gè)人主頁(yè)研究背景與發(fā)展現(xiàn)狀</p><

53、p>　　2  系統(tǒng)需求分析與總體設(shè)計(jì)</p><p>　　3  熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境</p><p>　　4　把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁(yè)。</p><p>　　5  使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新。</p><p>　　6  認(rèn)真地選取測(cè)試用例，進(jìn)行交叉測(cè)試</p&g

54、t;<p>　　7  網(wǎng)站的后期完善、宣傳及發(fā)展方向</p><p>　　其中，網(wǎng)頁(yè)制作和使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新是網(wǎng)站開發(fā)的核心內(nèi)容。通過這次的學(xué)習(xí)過程，讓我鞏固了以前所學(xué)的知識(shí)。同時(shí)，也讓我看到自己的欠缺之處，如對(duì)使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)，實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新。在這塊是我學(xué)習(xí)不足的地方，也是我以后重點(diǎn)學(xué)習(xí)的地方。</p><p><b>　　致 謝<