Web個(gè)人網(wǎng)站設(shè)計(jì)畢業(yè)論文

Web個(gè)人網(wǎng)站設(shè)計(jì)姓名：班級(jí)：學(xué)號(hào)：專業(yè)：計(jì)算機(jī)與通信工程學(xué)院【摘要】隨著國(guó)際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說(shuō)個(gè)人建立網(wǎng)站是為了追求時(shí)尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。

同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過(guò)程中起到了錦上添花的作用，是個(gè)人網(wǎng)站實(shí)現(xiàn)的好幫手，在制作網(wǎng)站的時(shí)候經(jīng)常會(huì)用到這些軟件。對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開(kāi)展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過(guò)自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過(guò)程中，我選擇了以圖片作為賣點(diǎn)來(lái)吸引讀者的眼球。我喜愛(ài)攝影，喜愛(ài)旅行。我想有很多像我這樣的人，在走出去的同時(shí)，也希望把自己的所見(jiàn)所聞分享給同道中人，讓更多的人來(lái)感受自己的快樂(lè)，去體驗(yàn)旅行意義。于是我就想做出這樣的一個(gè)以分享圖片和心情為主要目的的網(wǎng)站。下面就來(lái)介紹一下我設(shè)計(jì)網(wǎng)站的主要經(jīng)過(guò)。【關(guān)鍵字】網(wǎng)站設(shè)計(jì)圖片旅行需求分析現(xiàn)代社會(huì)是一個(gè)信息化的社會(huì)，人們對(duì)信息的需求越來(lái)越大，對(duì)信息的傳遞速度要求越來(lái)越快，在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它及時(shí).迅捷的給人們提供了所需要的信息，各種網(wǎng)站便是這信息傳播的樞紐，大量的信息，大批量的訪客對(duì)網(wǎng)站的管理都是一種挑戰(zhàn)，而實(shí)現(xiàn)這一管理的就是數(shù)據(jù)庫(kù)的操作，由此可見(jiàn)數(shù)據(jù)庫(kù)的完善與否直接影響著網(wǎng)站的穩(wěn)定性。

隨著科技的進(jìn)步，時(shí)代的發(fā)展，計(jì)算機(jī)信息行業(yè)的逐步壯大，人們也越來(lái)越離不開(kāi)各種各樣的信息了，人們對(duì)信息的追求也越來(lái)越迫切了。互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球的計(jì)算機(jī)，而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在Internet上表現(xiàn)出其及其重要的地位，并發(fā)揮著其及其重要的作用。Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁(yè)制作得到發(fā)展的空間，大至大型企業(yè)的產(chǎn)品推銷、售后服務(wù)、解決方案，小至個(gè)人Web頁(yè)面開(kāi)發(fā)，形形色色，五彩繽紛，網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門的話題。目前，我國(guó)已成立世界上網(wǎng)民最多的國(guó)家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖像、聲音、動(dòng)畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無(wú)可置疑，

網(wǎng)站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。個(gè)人網(wǎng)站也成為了一種時(shí)尚。越來(lái)越多的人希望擁有自己的網(wǎng)站，開(kāi)辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格?！皞€(gè)人網(wǎng)站要發(fā)展，要么是從我的需求出發(fā)，要么是從我周圍人的需求出發(fā)?！眹?guó)內(nèi)著名個(gè)人網(wǎng)站站長(zhǎng)、手機(jī)之家站長(zhǎng)高春輝說(shuō)。網(wǎng)頁(yè)設(shè)計(jì)是一門新興的設(shè)計(jì)類和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達(dá)給大眾。一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這是個(gè)人網(wǎng)站，所以這種需求往往來(lái)自于個(gè)人的實(shí)際需求，其中每個(gè)人的實(shí)際需求占了絕大部分。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來(lái)，保證開(kāi)發(fā)過(guò)程按照個(gè)人需求為目的正確項(xiàng)目開(kāi)發(fā)方向進(jìn)行。鑒于此平臺(tái)，我就想到了設(shè)計(jì)讓更多的朋友可以分享交流的地方。網(wǎng)絡(luò)博客是一種好的形式，我所學(xué)的東西也許不能夠做一個(gè)大型的網(wǎng)站，但我可以模仿博客的形式做一個(gè)分享平臺(tái)?，F(xiàn)在的年輕人都喜歡在網(wǎng)上各種“曬”，曬食物，曬游玩，曬shopping等等。對(duì)于熱愛(ài)旅行的人來(lái)說(shuō)，我們也希望有一個(gè)可以專門曬心情的地方。為了見(jiàn)識(shí)到更多的美景，更多的文化背景，或者說(shuō)認(rèn)識(shí)更多的驢友。能夠提供一個(gè)較好的平臺(tái)給這些驢友們，我想是一個(gè)不錯(cuò)的方案。于是我的設(shè)計(jì)就這么開(kāi)始了。總體設(shè)計(jì)2．1設(shè)計(jì)前瞻在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為個(gè)人、政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

越來(lái)越多的人希望能真正參預(yù)到互聯(lián)網(wǎng)上，這就出現(xiàn)了越來(lái)越多的個(gè)人網(wǎng)站的設(shè)計(jì)以及推廣的工作和任務(wù)。

一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。就我個(gè)人而言，我也想擁有自己的個(gè)人網(wǎng)站，在互聯(lián)網(wǎng)上擁有自己的一席之地，從而真正的參與到網(wǎng)絡(luò)中去，做網(wǎng)絡(luò)新時(shí)代的主人，同時(shí)也希望自己喜歡和收藏的一些東西能夠和網(wǎng)絡(luò)一起分享，和互聯(lián)網(wǎng)上的你一起分享。

2．2設(shè)計(jì)步驟

⑴確定網(wǎng)站主題

：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。

⑵搜集材料

：明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。

⑶規(guī)劃網(wǎng)站

：一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。

⑷選擇合適的制作工具

：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。

⑸制作網(wǎng)頁(yè)

：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。2．3網(wǎng)頁(yè)要素

⑴網(wǎng)頁(yè)的整體布局設(shè)計(jì)

網(wǎng)頁(yè)設(shè)計(jì)作為一種視覺(jué)語(yǔ)言，要講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過(guò)文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁(yè)生輝。多頁(yè)面站點(diǎn)頁(yè)面的編排設(shè)計(jì)要求把頁(yè)面之間的有機(jī)聯(lián)系反映出來(lái)，特別要處理好頁(yè)面之間和頁(yè)面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線營(yíng)銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買。

⑵網(wǎng)頁(yè)設(shè)計(jì)中色彩的運(yùn)用

色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁(yè)設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來(lái)構(gòu)成美麗的頁(yè)面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽(yáng)；藍(lán)色象征大海、天空和水面等。所以如果我們?cè)趯?duì)一家出售冷食的商店進(jìn)行虛擬店面的頁(yè)面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺(jué)涼爽一些，增強(qiáng)人們的購(gòu)買心理，使得在線營(yíng)銷得到很好的實(shí)踐效果。另要注意的是網(wǎng)頁(yè)的顏色應(yīng)用雖沒(méi)有限制，但不能毫無(wú)節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的CIS（企業(yè)形象識(shí)別系統(tǒng)）的企業(yè)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，更應(yīng)該按照其中的VI進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過(guò)程中，還應(yīng)注意的一個(gè)問(wèn)題是：由于國(guó)家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮眾多因素。

⑶網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一

要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來(lái)表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺(jué)語(yǔ)言中的基本元素，要使用點(diǎn)、線、面的互相穿插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁(yè)面效果。網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來(lái)，表達(dá)完美的設(shè)計(jì)意境。2．4主要功能：

⑴搜索引擎：

根據(jù)瀏覽者的要求，使用主頁(yè)上的搜索引擎鏈接到百度，在整個(gè)Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。⑵論壇：

主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺(tái)，也是網(wǎng)友給版主提出意見(jiàn)的主要渠道。在論壇中用戶可以發(fā)表意見(jiàn)，這些意見(jiàn)可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對(duì)留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺(tái)對(duì)留言進(jìn)行管理，是否發(fā)表或刪除。

⑶發(fā)送電子郵件：

網(wǎng)友可以通過(guò)“聯(lián)系我”利用outlook

向版主或其他人發(fā)送電子郵件。

⑷精品收藏：

在其中展示我喜愛(ài)的東西，包括圖片、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來(lái)欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對(duì)加入的新內(nèi)容進(jìn)行管理，即允許加入和對(duì)其進(jìn)行刪除。

⑸留言板：

是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開(kāi)討論。和大家進(jìn)行溝通。在明確了我的個(gè)人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁(yè)面設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)。網(wǎng)站最后完成發(fā)不到網(wǎng)上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在網(wǎng)站內(nèi)搜索自己喜歡的資料，并且可以在留言板和大家交流，在后臺(tái)管理頁(yè)面中，通過(guò)身份認(rèn)證，管理員可以對(duì)網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁(yè)面均是我自己的精心收藏，與大家一起分享。詳細(xì)設(shè)計(jì)3．1開(kāi)發(fā)工具介紹及選擇⑴夢(mèng)幻網(wǎng)頁(yè)的編織者Dreamweaver8.0

Dreamweaver是創(chuàng)建和管理網(wǎng)頁(yè)的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺(tái)、跨瀏覽器的頁(yè)面。Macromedia的Roundtrip

HTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無(wú)需重新設(shè)置代碼格式。

Dreamweaver可以為用戶做到：使用動(dòng)態(tài)HTML功能（例如具有動(dòng)態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。

Dreamweaver還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對(duì)象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴(kuò)展Dreamweaver的行為和屬性檢查器。

至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種：

①文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。

②

裝載器中包含一些打開(kāi)和關(guān)閉常用檢查器和模板的按鈕。

③對(duì)象工具欄包含創(chuàng)建不同類型的對(duì)象（例如圖象、表格和層等）的按鈕。

④屬性檢查器顯示選定對(duì)象的屬性。

⑤快捷菜單可以使用戶對(duì)當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。

⑥可固定的浮動(dòng)工具欄允許用戶將浮動(dòng)窗口、檢查器和工具欄組合在一個(gè)或多個(gè)選擇窗口中。

⑵網(wǎng)頁(yè)動(dòng)畫的制作軟件Micromedia

Flash

8.0

Micromedia

Flash

8.0用于web站點(diǎn)的交互式的矢量圖形和動(dòng)畫的制作，它可制作出用于瀏覽時(shí)的導(dǎo)航控制、制作動(dòng)畫圖標(biāo)、帶同步聲音的大段的動(dòng)畫，創(chuàng)建出生動(dòng)的富于表現(xiàn)力的網(wǎng)頁(yè)。Flash中的圖形都是矢量的，占據(jù)存儲(chǔ)空間較少，因而下載時(shí)間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。

Flash

的交互性的大部分設(shè)置就在

Action

和

Fs

Command

里，通過(guò)對(duì)

Action

和

Fs

Command

的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對(duì)變量及函數(shù)的設(shè)置。

⑶JavaScript

JavaScript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event

Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java

腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)面中鏈接多個(gè)對(duì)象，與Web客戶交互作用。從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷，它是Java與HTML折衷的選擇。

⑷影像與動(dòng)畫的制作軟件—Adobe

Photoshop8.0

Photoshop

8.0是目前最流行的圖形、圖像編輯設(shè)計(jì)軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計(jì)、封面設(shè)計(jì)、美術(shù)繪畫、網(wǎng)頁(yè)設(shè)計(jì)等領(lǐng)域都被廣泛地應(yīng)用。

①文字處理更加方便

②增加的圖層集使圖層管理更有序。

③新增圖像功能：圖像的剪切和剪裁更加方便。

④將所有工具的選項(xiàng)板改進(jìn)為工具選項(xiàng)欄放置在工作區(qū)頂部，方便先項(xiàng)參數(shù)的設(shè)置。

⑤為了更方便地用路徑繪畫，改進(jìn)增加了幾何形狀工具，通過(guò)選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。

⑸動(dòng)態(tài)網(wǎng)站的腳本語(yǔ)言--ASP

Active

Server

Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE

或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)果，并且將這ASP執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”，不像VBScript或

JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來(lái)設(shè)計(jì)程序，客戶端（Ｃlient）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（Ｃlient）若使用Netscape瀏覽器就無(wú)法顯示VBScript的執(zhí)行結(jié)果。

ＡＳＰ的特點(diǎn)：

ⅰ、任何開(kāi)發(fā)工具皆可發(fā)展ＡＳＰ

只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage

Express、

ＦrontPage等也都可以；不過(guò)還是建議你用記事本來(lái)寫，既省錢又方便，若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編輯來(lái)寫ＡＳＰ，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。

通過(guò)各家瀏覽由于ASP程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的HTML文件適用于不同的瀏覽器。

ⅱ、語(yǔ)言相容性高

ASP與所有的ActiveX

Script語(yǔ)言都相容，除了可結(jié)合HTML，VBScript、Java

ScriptActive

X服務(wù)器組件來(lái)設(shè)計(jì)外，并可經(jīng)由“plug-In（外掛組件模組）的方式，使用其他廠商（Third

Party）所提供的語(yǔ)言。

ⅲ、隱密安全性高

如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務(wù)（Ｗeb

Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ＡＳＰ程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。

ⅳ、易于操控?cái)?shù)據(jù)庫(kù)

ＡＳＰ可以輕易地通過(guò)ＯDBC(Open

Database

Connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù)，例如：Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是”Excel”

文件當(dāng)成數(shù)據(jù)庫(kù)用。

ⅴ、面向?qū)ο髮W(xué)習(xí)容易

ＡＳＰ具備有面向?qū)ο螅ǎ蟗ject-Oriented）功能，學(xué)習(xí)容易，ＡＳＰ提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象：Request、Response、Sever、Application以及Session，同時(shí)，若使用ＡＳＰ內(nèi)建的“Application”對(duì)象或”Session”對(duì)象所撰寫出來(lái)的ＡＳＰ程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。

ⅵ、ASP的六大內(nèi)部對(duì)象

RequestResponseServerSessionApplicationObjectContext

從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲(chǔ)存在一個(gè)

Session內(nèi)的用戶信息，該信息僅可被該用戶訪問(wèn)在一個(gè)

ASP-Application中讓不同的客戶端共享信息可以用來(lái)配合

Microsoft

Transaction

服務(wù)器進(jìn)行分布式事務(wù)處理

所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個(gè)人站點(diǎn)。

3．2Access數(shù)據(jù)庫(kù)的創(chuàng)建⑴數(shù)據(jù)庫(kù)Access的簡(jiǎn)要介紹

Access數(shù)據(jù)庫(kù)是集成在Microsoft公司開(kāi)發(fā)的產(chǎn)品更新?lián)Q代Office系統(tǒng)中的集成軟件。

Access是一個(gè)數(shù)據(jù)庫(kù)管理系統(tǒng)，它之所以被集成到Office中而不是Visual

Studio中，是因?yàn)樗c其它的數(shù)據(jù)庫(kù)管理系統(tǒng)（如Visual

FoxPro）相比更加簡(jiǎn)單易學(xué)，一個(gè)普通的計(jì)算機(jī)用戶即可掌握并使用它。而且最重要的一點(diǎn)是，Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。

ODBC（Open

Database

Connectivity開(kāi)放式數(shù)據(jù)庫(kù)互聯(lián)）是微軟推出的一種工業(yè)標(biāo)準(zhǔn)，一種開(kāi)放的獨(dú)立于廠商的API應(yīng)用程序接口，可以跨平臺(tái)訪問(wèn)各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)。ODBC作為一個(gè)工業(yè)標(biāo)準(zhǔn)，絕大多數(shù)數(shù)據(jù)庫(kù)廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL

SERVER、ORACAL、INFORMIX等，當(dāng)然也包括了Access。

ASP訪問(wèn)數(shù)據(jù)庫(kù)的幾種方式：在ASP腳本中可以通過(guò)三種方式訪問(wèn)數(shù)據(jù)庫(kù)：

IDC（Internet

Database

Connector）方式；

ADO（ActiveX

Data

Objects）方式；

RDS（Remote

Data

Service）方式；

這三種訪問(wèn)方式對(duì)數(shù)據(jù)庫(kù)的訪問(wèn)是由Internet

Information

Server來(lái)完成的。Web瀏覽器用HTTP協(xié)議向Internet信息服務(wù)器（IIS）遞交請(qǐng)求。Internet信息服務(wù)器執(zhí)行訪問(wèn)數(shù)據(jù)庫(kù)的操作，并以一個(gè)HTML格式的文檔作為回答。⑵Access

的組件介紹

我們?cè)赪eb服務(wù)器運(yùn)用Web應(yīng)用程序進(jìn)行的最常見(jiàn)和最實(shí)用的任務(wù)就是訪問(wèn)服務(wù)器端的數(shù)據(jù)庫(kù)。而ASP內(nèi)建的Database

Access組件使得我們能夠輕而易舉地通過(guò)Active

Data

Objects(ADO)訪問(wèn)存儲(chǔ)在服務(wù)器端的數(shù)據(jù)庫(kù)或其他表格化數(shù)據(jù)結(jié)構(gòu)中的信息。

ADO是對(duì)當(dāng)前微軟所支持的數(shù)據(jù)庫(kù)進(jìn)行操作的最有效和最簡(jiǎn)單直接的方法，它是一種功能強(qiáng)大的數(shù)據(jù)訪問(wèn)編程模式，從而使得大部分?jǐn)?shù)據(jù)源可編程的屬性得以直接擴(kuò)展到Active

Server頁(yè)面上?？梢允褂肁DO去編寫緊湊簡(jiǎn)明的腳本便連接到Open

Datase

Connetivity(ODBC)兼容的數(shù)據(jù)庫(kù)和OLE

DB兼容的數(shù)據(jù)源，這樣ASP程序員就可以訪問(wèn)任何與ODBC兼容的數(shù)據(jù)庫(kù)，包括MS

SQL

SERVER

Avccess

,

Ovracle等。

如果您是一個(gè)對(duì)數(shù)據(jù)庫(kù)連接有一定了解的腳本編寫人員，那將發(fā)現(xiàn)ADO命令語(yǔ)句并不復(fù)雜而且容易掌握，同樣地，如果您是一個(gè)經(jīng)驗(yàn)豐富的數(shù)據(jù)庫(kù)編程人員，將會(huì)正確認(rèn)識(shí)ADO的先進(jìn)的與語(yǔ)言無(wú)關(guān)性和查詢處理功能。熟悉VB數(shù)據(jù)庫(kù)編程的朋友會(huì)發(fā)現(xiàn)ADO與RDO有某中類似的地方。但是據(jù)說(shuō)ADO的訪問(wèn)的速度更快,內(nèi)存需要更小。

⑶創(chuàng)建Access數(shù)據(jù)庫(kù)介紹

用Microsoft

Access

來(lái)創(chuàng)建數(shù)據(jù)庫(kù)，最簡(jiǎn)單的是通過(guò)它提供的的一個(gè)“向?qū)А?，在啟?dòng)這個(gè)軟件以后，建立數(shù)據(jù)庫(kù)文件的操作。

下面是我利用“向?qū)А眮?lái)創(chuàng)建一份數(shù)據(jù)庫(kù)文件的具體操作步驟：

①選擇“Access數(shù)據(jù)庫(kù)向?qū)?、?shù)據(jù)頁(yè)和項(xiàng)目”單選按扭，然后單擊“確定”按鈕，若選擇Microsoft

Access對(duì)話框中的“空Access數(shù)據(jù)庫(kù)”單選項(xiàng)按鈕，就會(huì)建立一個(gè)空的數(shù)據(jù)庫(kù)了，數(shù)據(jù)庫(kù)里面的信息需要手工來(lái)添加，若選擇“打開(kāi)已有文件”單選按鈕則可以從下方的列表中選擇打開(kāi)已經(jīng)存在的數(shù)據(jù)庫(kù)。

②在彈出的“新建”對(duì)話框中，我們可以選擇一個(gè)模板來(lái)快速建立數(shù)據(jù)庫(kù)，我們就先選擇個(gè)“定單管理”看看，然后單擊“確定”按扭。

③“文件新建數(shù)據(jù)庫(kù)”對(duì)話框的功能是，指定數(shù)據(jù)文件名，以及保存它的文件夾。我們就以它的初始文件名“定單入口1”吧，單擊“創(chuàng)建”安扭后，新建的數(shù)據(jù)庫(kù)文件就將被指定保存到Microsoft

Access默認(rèn)的文件夾下了，或我們給它指定一個(gè)新的也行，這樣一來(lái)，一份新的數(shù)據(jù)庫(kù)就建立好了，屏幕上也將顯示“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框。

④“下一步”按鈕。

⑤以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框分為左右兩部分，左邊的窗口是用來(lái)選擇“數(shù)據(jù)庫(kù)中的表”，右邊的窗口是用來(lái)選擇“表中的字段”。選擇好所需要的數(shù)據(jù)庫(kù)中的表和表中的字段之后，就單擊下一步按鈕。

⑥以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框是用來(lái)確定屏幕的顯示樣式，我們就采用標(biāo)準(zhǔn)樣式吧單擊下一步按鈕。

⑦以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框是用來(lái)確定打印報(bào)表的樣式的，我們可以選擇如“組織”樣式，然后單擊下一步按鈕。

⑧

以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框的作用是確定數(shù)據(jù)庫(kù)的標(biāo)題和是否在所有報(bào)表上加一幅圖片，我們就先設(shè)定數(shù)據(jù)庫(kù)的標(biāo)題為“定單入口”，并不在所有報(bào)表上加圖片，然后單擊下一步按鈕。

⑨單擊以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框的“完成”按鈕，就完成了創(chuàng)建數(shù)據(jù)庫(kù)的工作了。象這個(gè)數(shù)據(jù)庫(kù)在使用之前還會(huì)彈出“我的公司信息”對(duì)話框，當(dāng)然，不同的模板是不相同的，象這個(gè)就是要求輸入公司的名稱和地址信息，如下圖所示，關(guān)閉這個(gè)對(duì)話框，系統(tǒng)將自動(dòng)保存信息。

⑩關(guān)閉“我的公司信息”對(duì)話框后，會(huì)彈出“主切換面板”對(duì)話框。位于“主切換面板”對(duì)話框后面的是“定單入口1”窗體，通過(guò)這兩個(gè)窗體即可對(duì)新創(chuàng)建的數(shù)據(jù)庫(kù)進(jìn)行各種操作了。

無(wú)論什么時(shí)候使用“數(shù)據(jù)庫(kù)向?qū)А毙陆〝?shù)據(jù)庫(kù)，Microsoft

Access都將自動(dòng)新建一個(gè)切換面板，這個(gè)面板對(duì)瀏覽數(shù)據(jù)庫(kù)都是很有幫助的，“切換面板”中有一些按鈕，單擊它們可以打開(kāi)相應(yīng)的窗體和報(bào)表，或打開(kāi)其他窗體和報(bào)表的切換面板、退出Microsoft

Access或自定義切換面。3．3ASP訪問(wèn)數(shù)據(jù)庫(kù)的原理

ASP是服務(wù)器端的腳本執(zhí)行環(huán)境，可用來(lái)產(chǎn)生和執(zhí)行動(dòng)態(tài)的高性能的WEB服務(wù)器程序。當(dāng)用戶使用瀏覽器請(qǐng)求ASP主頁(yè)時(shí)，WEB服務(wù)器響應(yīng)，調(diào)用ASP引擎來(lái)執(zhí)行ASP文件，并解釋其中的腳本語(yǔ)言（JavaScript或vbscript），通過(guò)ODBC連接數(shù)據(jù)庫(kù)，由數(shù)據(jù)庫(kù)訪問(wèn)組件ADO（active

data

objects）完成數(shù)據(jù)庫(kù)操作，最后ASP生成包含有數(shù)據(jù)查詢結(jié)果的HTML主頁(yè)返回用戶端顯示。實(shí)現(xiàn)4．1網(wǎng)站登錄（1）數(shù)據(jù)庫(kù)連接

本網(wǎng)站的數(shù)據(jù)庫(kù)軟件使用的Microsoft

Access數(shù)據(jù)庫(kù)，利用該軟件建立了存儲(chǔ)用戶信息的注冊(cè)表users，然后登陸是可以從此表中查詢信息與使用者的錄入信息相比對(duì)，通過(guò)比對(duì)的結(jié)果判斷是否能夠進(jìn)入我網(wǎng)站的主頁(yè)。其次是用另一個(gè)表MESS來(lái)存儲(chǔ)用戶的留言信息。（2）注冊(cè)驗(yàn)證與登錄

如果用戶未輸入用戶名與密碼而想登錄而單擊了用戶登錄界面的確定按鈕，就會(huì)彈出“用戶名不能為空！”消息是用以下代碼現(xiàn)實(shí)的。

<script

language="JAVASCRIPT"><!--

unction

check_Null(){

if

(document.form1.username.value==""){

alert("用戶名不能為空!");

return

false;

}

if

(document.form1.password.value==""){

alert("密碼不能為空!");

return

false;

}

return

true;

}

//

-->

</script>（3）后臺(tái)連接我把動(dòng)態(tài)相關(guān)信息全部?jī)?chǔ)存在數(shù)據(jù)庫(kù)中,

要想在網(wǎng)頁(yè)中顯示數(shù)據(jù)庫(kù)中的相關(guān)動(dòng)態(tài)內(nèi)容必須先對(duì)數(shù)據(jù)庫(kù)進(jìn)行鏈接與打開(kāi)，要想鏈接數(shù)據(jù)庫(kù)必須使用前文所提到的ADO接口提供的基本對(duì)象中的Connection對(duì)象；而要想打開(kāi)數(shù)據(jù)庫(kù)則必須使用ADO接口提供的基本對(duì)象中的Recordset對(duì)象；所以，我采用了調(diào)用odbc_connection.asp文件的方法進(jìn)行連接，將打開(kāi)與鏈接的代碼寫入了文件中，其方法如下：

<!--#INCLUDE

FILE="odbc_connection.asp"-->

以下為數(shù)據(jù)庫(kù)連接代碼：

<%

'該文件就是用于連接數(shù)據(jù)庫(kù)，它一般被包含在其它文件中。當(dāng)執(zhí)行時(shí)，就相當(dāng)于寫在包含文件中。

dim

db

set

db=server.createobject("ADODB.CONNECTION")

db.open

"DRIVER={Microsoft

Access

Driver

(*.mdb)};DBQ="

&

server.mappath("temp.mdb")

%>4．2站點(diǎn)

⑴創(chuàng)建站點(diǎn)

要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。

從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個(gè)對(duì)話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“在路上”。

填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)?！?/p>

單擊“下一步”，進(jìn)入下一個(gè)步驟。

在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾“E:/ding”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。

這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無(wú)”。而后“下一步”再“完成”，即可。

⑵創(chuàng)建站點(diǎn)內(nèi)容

站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁(yè)來(lái)填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板，此時(shí)整個(gè)網(wǎng)站中沒(méi)有任何內(nèi)容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。

在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“index.htm(或index.html),它就是未來(lái)的首頁(yè)。

由于“在路上”網(wǎng)站分為“我的旅行”、“沿途美景”、“人兒事兒”、“地理導(dǎo)航”、“與我聯(lián)系“這五個(gè)大欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第二項(xiàng)“New

Folder（新建文件夾）”。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命名為a、b、c、e、f分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各自的內(nèi)容。之后再次新建1個(gè)文件夾，命名為images,用來(lái)存放“所有的圖象文件”的內(nèi)容。

之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁(yè)。鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個(gè)頁(yè)面都需的，例如，可以僅為主頁(yè)提供關(guān)鍵字。

下面就以首頁(yè)為例，說(shuō)明怎樣插入較常用的頭（

head）內(nèi)容。

單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時(shí)右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按鈕，再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭，會(huì)彈出菜單，該項(xiàng)列出的便是即將插入的頭內(nèi)容。

⑶插入圖像圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說(shuō)服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。

另一方面，網(wǎng)頁(yè)的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁(yè)的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無(wú)論你的網(wǎng)站多么精彩也無(wú)濟(jì)于事了。所以，在網(wǎng)面容量大小的問(wèn)題上一定要重視。下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。

首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。

隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔；如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根目錄。在這里我要插入的是網(wǎng)站標(biāo)志logo，插入logo圖象，

最后單擊“確定”按鈕，即可完成插入圖像的操作。

⑷插入多媒體在Dreamweaver

8，除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia

Flash

MX2004按鈕和文本對(duì)象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。

在Dreamweaver

MX

2004文檔中，可以插入媒體文件包括Flash

Shockwave影片、QuickTime

、AVI

java、

applet

Active

X控件以及各種格式的音頻文件。

要在瀏覽器中播放放Flash

動(dòng)畫，必須在瀏覽器中集成“Flash

播放器

（Flash

Player）”。其中，Internet

Explorer通過(guò)ActiveX控制來(lái)實(shí)現(xiàn)，Netscape

Navigator則是通過(guò)相應(yīng)的插件來(lái)實(shí)現(xiàn)的。在最新的Netscape

Navigator和Internet

Explorer瀏覽器中，均已集成了

Flash動(dòng)畫播放功能。

操作步驟：

步驟1

將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按鈕。左起第6個(gè)即為“媒體”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)Flash圖標(biāo)。

步驟2

在彈出的對(duì)話框中選擇擴(kuò)展名為swf

的Flash文件，即可將其插入到Dreamwe

aver的“網(wǎng)頁(yè)編輯窗口”中，可以看到，在這個(gè)窗口中Flash文件的大小。在

這里我的主頁(yè)插入的一個(gè)動(dòng)畫，如圖所示：

⑸插入文本文字是人類語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中，文本內(nèi)容也可以說(shuō)是重要的組成部分，一個(gè)網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素。可豐富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁(yè)中。

插入文本的兩種方式

網(wǎng)頁(yè)中需要大量的文本，我們或以通過(guò)以下兩種方式插入它們。

一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft

Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以了。

另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver

8進(jìn)行打字的工作，而更習(xí)慣在專門的文本編輯軟件中快速打字，如Microsoft

Word和

Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作，具體步驟如下。

打開(kāi)文本編輯軟件（如Microsoft

Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。

這在我的“人兒事兒”中用到很多，全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。4．3創(chuàng)建其他網(wǎng)頁(yè)

還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。

“沿途美景”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。

在Dreamwerver中常常會(huì)用到Firework、Flash，它們是相輔相成，在主頁(yè)中的主體部分就是用Firework,如圖所示：

在“與我聯(lián)系”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。

4．4建立網(wǎng)頁(yè)鏈接網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的，那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢？這就是網(wǎng)頁(yè)的“鏈接”。

“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁(yè)的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver

8，如果以“鏈接”的媒介來(lái)劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。⑴文字連接“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁(yè)中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。

接下來(lái)結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來(lái)講解如何為文字建立“鏈接”。

具體操作步驟如下所述。

操作步驟

：步驟1

準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，這里的5個(gè)欄目“我的旅行”、“沿途美景”和“人兒事兒”、“地理導(dǎo)航”、“與我聯(lián)系”為例來(lái)進(jìn)行講解。

步驟2

在Dreamweaver

中打開(kāi)首頁(yè)，之后反白選取作為“鏈接”的文字。實(shí)例中要做到單擊不同的欄目的網(wǎng)頁(yè)。因此為第1個(gè)欄目“平面設(shè)計(jì)”設(shè)置鏈接，首先要反白選中“平面設(shè)計(jì)”4個(gè)文字。

步驟3

觀察“屬性面板”，其中包括一個(gè)“鏈接”文本框。

步驟4

接下來(lái)需要把鏈接的地址加入到文本框中，方法有3種。

這里我用到的是直接點(diǎn)擊文件夾圖標(biāo)，在文件夾中找到要鏈接的對(duì)象a.htm。這樣就建立了超鏈接。不過(guò)有點(diǎn)很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對(duì)大小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。

步驟5

在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁(yè)顯示的窗口方式，共有4種。

步驟6

還可以設(shè)置一些“鏈接”的屬性，這是前面講過(guò)的內(nèi)容。單擊“屬性面板”中的“頁(yè)面屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問(wèn)鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。

步驟7

至此，第1個(gè)欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁(yè)的地址，單擊文字，頁(yè)面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。

步驟8

同理，按照以上步驟，再為“人兒事兒”和“地理導(dǎo)航”“與我聯(lián)系“等其它欄制作指向?qū)?yīng)欄目的鏈接。

步驟9

通常在欄目頁(yè)面中還需要有“返回首頁(yè)”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁(yè)，因此在各個(gè)欄目中還要插入“網(wǎng)站首頁(yè)”的文字，并且制作指向首頁(yè)index.html的鏈接，制作方法不變。

⑵圖像鏈接“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁(yè)中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來(lái)以我的網(wǎng)站“在路上“為例，講解如何建立“圖像鏈接”。

操作步驟

步驟1

首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的鏈接。

步驟2

在Dreamweaver中打開(kāi)網(wǎng)站的首頁(yè)，之后選取要制作“鏈接”的圖像。實(shí)例中先為第3個(gè)欄目“動(dòng)畫制作”設(shè)置鏈接，因此選中包含“動(dòng)畫制作”4個(gè)字的圖像。

步驟3

觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v過(guò)的“指向文件”和“選擇文件”的方法。

步驟4

如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁(yè)顯示的窗口方式，分別為-blank

、-parent

、-self或

top。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式。

步驟5

另外，讀者還可以為圖像增加“替代”文本。實(shí)例中為第1個(gè)欄目增加欄目名稱的“替代”文本。

步驟6

至此，第1個(gè)欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽，測(cè)試一下，將鼠標(biāo)放在“動(dòng)畫制作”4個(gè)文字上時(shí)將變成手形，同時(shí)瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示出鏈接到的網(wǎng)頁(yè)的地址，并且會(huì)顯示出“替代”文本“動(dòng)畫制作”，單擊文字，頁(yè)面會(huì)立即跳轉(zhuǎn)到第3個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。

步驟7

同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。

步驟8

在欄目頁(yè)面中制作“返回首頁(yè)”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁(yè)，其制作方法不變。

至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。

<html>

<head>

<title>圖像鏈接</title>

</head>

<body>

<p><a

href=”web/web-001.htm”target=”-blank”><img

src=”images/btn-001-out.gif”alt“平面設(shè)計(jì)”=width=”85”height=”18”border=”0<p><a

href=wallpaper/wallpaper-001.htm”><img

src=”images/btn-002-out.gif”alt=“原創(chuàng)壁紙”width=”85”height=”18”border=”0<p>a

href=”3d/3d-001.htm”><img

src=”images/btn-003-out.gif”alt“三維作品”=width=”85”height=”18”border=”0”></a></p>

</body>⑶

Email鏈接

E-Mail鏈接，是指當(dāng)瀏覽者單擊該鏈接之后，不是打開(kāi)一個(gè)網(wǎng)頁(yè)文件，而是啟動(dòng)用戶的E-

Mail客戶端軟件（如Outlook

Express）,并打開(kāi)一個(gè)空白的新郵件，供瀏覽者撰寫內(nèi)容來(lái)與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動(dòng)方式。

結(jié)合“個(gè)人說(shuō)明”網(wǎng)頁(yè)，建立E-Mail鏈接的步驟如下所述。

操作步驟:步驟1

將光標(biāo)停留在頁(yè)面右下角要插入E-mail鏈接的位置。

步驟2

選擇“插入快捷欄”中的“常用”分類，單擊左側(cè)第2個(gè)“電子郵件鏈接”按鈕。

步驟3

在彈出的“電子郵件鏈接”對(duì)話框中有兩個(gè)輸入項(xiàng)，分別是“文本”和“E-Mail”

。在“文本”項(xiàng)中輸入鏈接的文字，中文、英文均可，在E-Mail項(xiàng)中輸入網(wǎng)站聯(lián)系有的電子郵件地址。步驟4

單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標(biāo)所在位置了，按下

Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽查看實(shí)際效果。

上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對(duì)象上也加入這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。

其實(shí)很簡(jiǎn)單，與前面講過(guò)的圖像加入鏈接的方法基本一樣。先在頁(yè)面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語(yǔ)句即可mailto:

ding_zhuimeng123@163.net

?subject=網(wǎng)站的建議與第1種方法不同的是，E-Mail

地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對(duì)象建立“E-Mail鏈接”了。⑷文件下載鏈接“文件下載鏈接”實(shí)例的代碼如下所述。

<html>

<head>

<title>文件下載鏈接</title>

</head>

</body>

<a

href=”media/Olympus.rar”>下載精彩視頻</a>

解釋

只需使href等于“文件的路徑”即可。

基于C8051F單片機(jī)直流電動(dòng)機(jī)反饋控制系統(tǒng)的設(shè)計(jì)與研究基于單片機(jī)的嵌入式Web服務(wù)器的研究MOTOROLA單片機(jī)MC68HC（8）05PV8/A內(nèi)嵌EEPROM的工藝和制程方法及對(duì)良率的影響研究基于模糊控制的電阻釬焊單片機(jī)溫度控制系統(tǒng)的研制基于MCS-51系列單片機(jī)的通用控制模塊的研究基于單片機(jī)實(shí)現(xiàn)的供暖系統(tǒng)最佳啟停自校正（STR）調(diào)節(jié)器單片機(jī)控制的二級(jí)倒立擺系統(tǒng)的研究基于增強(qiáng)型51系列單片機(jī)的TCP/IP協(xié)議棧的實(shí)現(xiàn)基于單片機(jī)的蓄電池自動(dòng)監(jiān)測(cè)系統(tǒng)基于32位嵌入式單片機(jī)系統(tǒng)的圖像采集與處理技術(shù)的研究基于單片機(jī)的作物營(yíng)養(yǎng)診斷專家系統(tǒng)的研究基于單片機(jī)的交流伺服電機(jī)運(yùn)動(dòng)控制系統(tǒng)研究與開(kāi)發(fā)基于單片機(jī)的泵管內(nèi)壁硬度測(cè)試儀的研制基于單片機(jī)的自動(dòng)找平控制系統(tǒng)研究基于C8051F040單片機(jī)的嵌入式系統(tǒng)開(kāi)發(fā)基于單片機(jī)的液壓動(dòng)力系統(tǒng)狀態(tài)監(jiān)測(cè)儀開(kāi)發(fā)模糊Smith智能控制方法的研究及其單片機(jī)實(shí)現(xiàn)一種基于單片機(jī)的軸快流CO〈,2〉激光器的手持控制面板的研制基于雙單片機(jī)沖床數(shù)控系統(tǒng)的研究基于CYGNAL單片機(jī)的在線間歇式濁度儀的研制基于單片機(jī)的噴油泵試驗(yàn)臺(tái)控制器的研制基于單片機(jī)的軟起動(dòng)器的研究和設(shè)計(jì)基于單片機(jī)控制的高速快走絲電火花線切割機(jī)床短循環(huán)走絲方式研究基于單片機(jī)的機(jī)電產(chǎn)品控制系統(tǒng)開(kāi)發(fā)基于PIC單片機(jī)的智能手機(jī)充電器基于單片機(jī)的實(shí)時(shí)內(nèi)核設(shè)計(jì)及其應(yīng)用研究基于單片機(jī)的遠(yuǎn)程抄表系統(tǒng)的設(shè)計(jì)與研究基于單片機(jī)的煙氣二氧化硫濃度檢測(cè)儀的研制基于微型光譜儀的單片機(jī)系統(tǒng)單片機(jī)系統(tǒng)軟件構(gòu)件開(kāi)發(fā)的技術(shù)研究基于單片機(jī)的液體點(diǎn)滴速度自動(dòng)檢測(cè)儀的研制基于單片機(jī)系統(tǒng)的多功能溫度測(cè)量?jī)x的研制基于PIC單片機(jī)的電能采集終端的設(shè)計(jì)和應(yīng)用基于單片機(jī)的光纖光柵解調(diào)儀的研制氣壓式線性摩擦焊機(jī)單片機(jī)控制系統(tǒng)的研制基于單片機(jī)的數(shù)字磁通門傳感器基于單片機(jī)的旋轉(zhuǎn)變壓器-數(shù)字轉(zhuǎn)換器的研究基于單片機(jī)的光纖Bragg光柵解調(diào)系統(tǒng)的研究單片機(jī)控制的便攜式多功能乳腺治療儀的研制基于C8051F020單片機(jī)的多生理信號(hào)檢測(cè)儀基于單片機(jī)的電機(jī)運(yùn)動(dòng)控制系統(tǒng)設(shè)計(jì)Pico專用單片機(jī)核的可測(cè)性設(shè)計(jì)研究基于MCS-51單片機(jī)的熱量