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

1、. . . . Web個(gè)人設(shè)計(jì)姓 名：班 級(jí)：學(xué) 號(hào)：專(zhuān) 業(yè)：計(jì)算機(jī)與通信工程學(xué)院21 / 21摘要隨著國(guó)際互聯(lián)網(wǎng)的普與，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web，這似乎已經(jīng)成為一種潮流。如果說(shuō)個(gè)人建立是為了追求時(shí)尚，那么企業(yè)建立就是必然的選擇了。 同樣出自Macromedia公司的Flash, Fireworks在制作的過(guò)程中起到了錦上添花的作用，是個(gè)人實(shí)現(xiàn)的好幫手，在制作的時(shí)候經(jīng)常會(huì)用到這些軟件。對(duì)于個(gè)人來(lái)說(shuō)，建設(shè)好時(shí)間的個(gè)性化可以更加方便的收集信息，開(kāi)展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做

2、好充分的準(zhǔn)備，通過(guò)自己建設(shè)的，用人單位可以更好的去了解你，從而給自己增加了一份很重的砝碼。在我的這個(gè)個(gè)人的制作過(guò)程中，我選擇了以圖片作為賣(mài)點(diǎn)來(lái)吸引讀者的眼球。我喜愛(ài)攝影，喜愛(ài)旅行。我想有很多像我這樣的人，在走出去的同時(shí)，也希望把自己的所見(jiàn)所聞分享給同道中人，讓更多的人來(lái)感受自己的快樂(lè)，去體驗(yàn)旅行意義。于是我就想做出這樣的一個(gè)以分享圖片和心情為主要目的的。下面就來(lái)介紹一下我設(shè)計(jì)的主要經(jīng)過(guò)。關(guān)鍵字 設(shè)計(jì) 圖片 旅行一、 需求分析現(xiàn)代社會(huì)是一個(gè)信息化的社會(huì)，人們對(duì)信息的需求越來(lái)越大，對(duì)信息的傳遞速度要求越來(lái)越快，在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它與

3、時(shí).迅捷的給人們提供了所需要的信息，各種便是這信息傳播的樞紐，大量的信息，大批量的訪客對(duì)的管理都是一種挑戰(zhàn)，而實(shí)現(xiàn)這一管理的就是數(shù)據(jù)庫(kù)的操作，由此可見(jiàn)數(shù)據(jù)庫(kù)的完善與否直接影響著的穩(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)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者，在Internet上表現(xiàn)出其與其重要的地位，并發(fā)揮著其與其重要的作用。Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得的建設(shè)與網(wǎng)頁(yè)制作得到發(fā)展的空間

4、，大至大型企業(yè)的產(chǎn)品推銷(xiāo)、售后服務(wù)、解決方案，小至個(gè)人Web頁(yè)面開(kāi)發(fā)，形形色色，五彩繽紛，建設(shè)和網(wǎng)頁(yè)制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門(mén)的話題。目前，我國(guó)已成立世界上網(wǎng)民最多的國(guó)家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。的迷人之處在于綜合使用文本、圖像、聲音、動(dòng)畫(huà)和視頻的信息和容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無(wú)可置疑， 已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類(lèi)紛紛出現(xiàn)。個(gè)人也成為了一種時(shí)尚。越來(lái)越多的人希望擁有自己的，開(kāi)辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格?！皞€(gè)人要發(fā)展，要么是從我的需求出發(fā)，要么是從我周?chē)说男枨蟪霭l(fā)。”國(guó)著名個(gè)人站長(zhǎng)、手機(jī)之家

5、站長(zhǎng)高春輝說(shuō)。網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)新興的設(shè)計(jì)類(lèi)和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達(dá)給大眾。一個(gè)項(xiàng)目的確立是建立在各種各樣的需求上面的，這是個(gè)人，所以這種需求往往來(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è)大型的，但我可以模仿博客的形式做一個(gè)分享平臺(tái)。現(xiàn)在的年輕人都喜歡在網(wǎng)上各

6、種“曬”，曬食物，曬游玩，曬shopping等等。對(duì)于熱愛(ài)旅行的人來(lái)說(shuō)，我們也希望有一個(gè)可以專(zhuān)門(mén)曬心情的地方。為了見(jiàn)識(shí)到更多的美景，更多的文化背景，或者說(shuō)認(rèn)識(shí)更多的驢友。能夠提供一個(gè)較好的平臺(tái)給這些驢友們，我想是一個(gè)不錯(cuò)的方案。于是我的設(shè)計(jì)就這么開(kāi)始了。二、 總體設(shè)計(jì)21設(shè)計(jì)前瞻在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為個(gè)人、政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。 越來(lái)越多的人希望能真正參預(yù)到互聯(lián)網(wǎng)上，這就出現(xiàn)

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

8、計(jì)步驟  確定主題 ：主題就是要建立的所要包含的主要容，一個(gè)必須要有一個(gè)明確的主題。 搜集材料 ：明確了的主題以后，你就要圍繞主題開(kāi)始搜集材料了。材料既可以從圖書(shū)、報(bào)紙、光盤(pán)、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。 規(guī)劃 ：一個(gè)設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。規(guī)劃包含的容很多，如的結(jié)構(gòu)、欄目的設(shè)置、的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，

9、才能在制作時(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)單的容，然后再設(shè)計(jì)復(fù)雜的容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈

10、活運(yùn)用模板，這樣可以大大提高制作效率。23網(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è)面的秩序與容的關(guān)系。尤其是我們?cè)诶镁W(wǎng)頁(yè)效果體現(xiàn)在線營(yíng)銷(xiāo)的意圖時(shí)，更要注意為了達(dá)到最佳的視覺(jué)表現(xiàn)效果，而講究整體布局的合理性，比如一家

11、生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱(chēng)、類(lèi)別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺(jué)體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購(gòu)買(mǎi)。 網(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)使用淡雅而沉靜

12、的顏色，使人心理上感覺(jué)涼爽一些，增強(qiáng)人們的購(gòu)買(mǎi)心理，使得在線營(yíng)銷(xiāo)得到很好的實(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ì)中要考慮眾多

13、因素。 網(wǎng)頁(yè)形式與容相統(tǒng)一   要將豐富的意義和多樣的形式組織成統(tǒng)一的頁(yè)面結(jié)構(gòu)，形式語(yǔ)言必須符合頁(yè)面的容，體現(xiàn)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱(chēng)與平衡、節(jié)奏與韻律以與留白等手段，通過(guò)空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱(chēng)原則在頁(yè)面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁(yè)面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸的手法來(lái)表現(xiàn)容往往會(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á)

14、完美的設(shè)計(jì)意境。24主要功能： 搜索引擎： 根據(jù)瀏覽者的要求，使用主頁(yè)上的搜索引擎到百度，在整個(gè)Internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。論壇： 主要功能是網(wǎng)友和之間的交流平臺(tái)，也是網(wǎng)友給版主提出意見(jiàn)的主要渠道。在論壇中用戶可以發(fā)表意見(jiàn)，這些意見(jiàn)可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對(duì)留言的容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺(tái)對(duì)留言進(jìn)行管理，是否發(fā)表或刪除。 發(fā)送電子： 網(wǎng)友可以通過(guò)“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子。 精品收藏： 在其中展示

15、我喜愛(ài)的東西，包括圖片、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來(lái)欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對(duì)加入的新容進(jìn)行管理，即允許加入和對(duì)其進(jìn)行刪除。 留言板： 是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開(kāi)討論。和大家進(jìn)行溝通。在明確了我的個(gè)人的風(fēng)格和定位后，就是的材料組織以與的頁(yè)面設(shè)計(jì)和數(shù)據(jù)庫(kù)設(shè)計(jì)。最后完成發(fā)不到網(wǎng)上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在搜索自己喜歡的資料，并且可以在留言板和大家交流，在后臺(tái)

16、管理頁(yè)面中，通過(guò)身份認(rèn)證，管理員可以對(duì)信息進(jìn)行管理。站的其它頁(yè)面均是我自己的精心收藏，與大家一起分享。三、 詳細(xì)設(shè)計(jì)31開(kāi)發(fā)工具介紹與選擇夢(mèng)幻網(wǎng)頁(yè)的編織者-Dreamweaver8.0 Dreamweaver是創(chuàng)建和管理網(wǎng)頁(yè)的專(zhuān)業(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)效果的層和行為）而不用寫(xiě)一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏

17、覽器中可能發(fā)生的錯(cuò)誤。 Dreamweaver還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對(duì)象和命令修改菜單和快捷鍵，甚至編寫(xiě)JavaScript代碼擴(kuò)展Dreamweaver的行為和屬性檢查器。 至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種： 文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。  裝載器中包含一些打開(kāi)和關(guān)閉常用檢查器和模板的按鈕。 對(duì)象工具欄包含創(chuàng)建不同類(lèi)型的對(duì)象（例如圖象、表格和層等）的按鈕。 

18、;屬性檢查器顯示選定對(duì)象的屬性。 快捷菜單可以使用戶對(duì)當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。 可固定的浮動(dòng)工具欄允許用戶將浮動(dòng)窗口、檢查器和工具欄組合在一個(gè)或多個(gè)選擇窗口中。 網(wǎng)頁(yè)動(dòng)畫(huà)的制作軟件-Micro media Flash 8.0 Micro media Flash 8.0用于web站點(diǎn)的交互式的矢量圖形和動(dòng)畫(huà)的制作，它可制作出用于瀏覽時(shí)的導(dǎo)航控制、制作動(dòng)畫(huà)圖標(biāo)、帶同步聲音的大段的動(dòng)畫(huà)，創(chuàng)建出生動(dòng)的富于表現(xiàn)力的網(wǎng)頁(yè)。Flash中的圖形都是矢量的，占據(jù)存儲(chǔ)空間較少，因而下載時(shí)間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕

19、。 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è)面中

20、多個(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)畫(huà)的制作軟件Adobe Photoshop8.0 Photoshop 8.0是目前最流行的圖形、圖像編輯設(shè)計(jì)軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計(jì)、封面設(shè)計(jì)、美術(shù)繪畫(huà)、網(wǎng)頁(yè)設(shè)計(jì)等領(lǐng)域都被廣泛地應(yīng)用。 文字處理更加方便 增加的圖層集使圖層管理更有序。 新增圖像功能：圖像的剪切和剪裁更加方便。 將所有工

21、具的選項(xiàng)板改進(jìn)為工具選項(xiàng)欄放置在工作區(qū)頂部，方便先項(xiàng)參數(shù)的設(shè)置。 為了更方便地用路徑繪畫(huà)，改進(jìn)增加了幾何形狀工具，通過(guò)選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。 動(dòng)態(tài)的腳本語(yǔ)言-ASP   Active Server Pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”，一般簡(jiǎn)稱(chēng)為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的HTML格式，而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結(jié)

22、果，并且將這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ā)展 只要使用一般的文書(shū)編輯程序，如Windows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁(yè)發(fā)展工具，例如，F(xiàn)rontPage Express、 rontPage等也都可以；不過(guò)還是建議你用記事本來(lái)寫(xiě)

23、，既省錢(qián)又方便，若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編輯來(lái)寫(xiě)，可能會(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è)的原始

24、代碼，就只能看到文件，原始的程序代碼是看不到的！這是因杰程序先于服務(wù)（eb Server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫(xiě)的程序并不會(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-

25、Oriented）功能，學(xué)習(xí)容易，提供了五種方便能力強(qiáng)大的建對(duì)象：Request、Response、Sever、Application以與Session，同時(shí)，若使用建的“Application”對(duì)象或”Session”對(duì)象所撰寫(xiě)出來(lái)的程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息。 、ASP的六大部對(duì)象 Request Response Server Session Application Object Context  從客戶端取得信息將信息送給客戶端提供一些Web服務(wù)器工具儲(chǔ)存在一個(gè) Session的用戶信息，該信息僅可被該用戶訪問(wèn)在一個(gè)

26、60;ASP-Application中讓不同的客戶端共享信息可以用來(lái)配合 Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理 所以我選擇了ASP結(jié)合Dreamweaver架構(gòu)個(gè)人站點(diǎn)。 32 Access數(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 

27、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)然也

28、包括了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瀏覽器用 協(xié)議向

29、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建的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)編程模式，從而使得大部分

30、數(shù)據(jù)源可編程的屬性得以直接擴(kuò)展到Active Server頁(yè)面上?？梢允褂肁DO去編寫(xiě)緊湊簡(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ù)連接有一定了解的腳本編寫(xiě)人員，那將發(fā)現(xiàn)ADO命令語(yǔ)句并不復(fù)雜而且容易掌握，同樣地，如果您是一個(gè)經(jīng)驗(yàn)豐富的數(shù)據(jù)庫(kù)編程人員，將會(huì)正確認(rèn)識(shí)ADO的先進(jìn)的

31、與語(yǔ)言無(wú)關(guān)性和查詢處理功能。熟悉VB數(shù)據(jù)庫(kù)編程的朋友會(huì)發(fā)現(xiàn)ADO與RDO有某中類(lèi)似的地方。但是據(jù)說(shuō)ADO的訪問(wèn)的速度更快,存需要更小。 創(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ì)

32、建立一個(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ì)話框。

33、60;²  “下一步”按鈕。 以上“數(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)題為“定單入口”，并

34、不在所有報(bào)表上加圖片，然后單擊下一步按鈕。 單擊以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框的“完成”按鈕，就完成了創(chuàng)建數(shù)據(jù)庫(kù)的工作了。象這個(gè)數(shù)據(jù)庫(kù)在使用之前還會(huì)彈出“我的公司信息”對(duì)話框，當(dāng)然，不同的模板是不一樣的，象這個(gè)就是要求輸入公司的名稱(chēng)和地址信息，如下圖所示，關(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ì)

35、瀏覽數(shù)據(jù)庫(kù)都是很有幫助的，“切換面板”中有一些按鈕，單擊它們可以打開(kāi)相應(yīng)的窗體和報(bào)表，或打開(kāi)其他窗體和報(bào)表的切換面板、退出Microsoft  Access或自定義切換面。33 ASP訪問(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生成包

36、含有數(shù)據(jù)查詢結(jié)果的HTML主頁(yè)返回用戶端顯示。四、 實(shí)現(xiàn)41 登錄（1）數(shù)據(jù)庫(kù)連接 本的數(shù)據(jù)庫(kù)軟件使用的Microsoft Access數(shù)據(jù)庫(kù)，利用該軟件建立了存儲(chǔ)用戶信息的注冊(cè)表users，然后登陸是可以從此表中查詢信息與使用者的錄入信息相比對(duì)，通過(guò)比對(duì)的結(jié)果判斷是否能夠進(jìn)入我的主頁(yè)。其次是用另一個(gè)表MESS來(lái)存儲(chǔ)用戶的留言信息。（2）注冊(cè)驗(yàn)證與登錄 如果用戶未輸入用戶名與密碼而想登錄而單擊了用戶登錄界面的確定按鈕，就會(huì)彈出“用戶名不能為空！”消息是用以下代碼現(xiàn)實(shí)的。 <script language="JAVASCRIPT&

37、quot;><!- unction check_Null()   if (document.form1.username.value="")    alert("用戶名不能為空!");    return false;      if (document.form1.password.value="")&#

38、160;   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)容必須先對(duì)數(shù)據(jù)庫(kù)進(jìn)行與打開(kāi)，要想數(shù)據(jù)庫(kù)必須使用前文所提到的ADO接口提供的基本對(duì)象中的Co

39、nnection對(duì)象；而要想打開(kāi)數(shù)據(jù)庫(kù)則必須使用ADO接口提供的基本對(duì)象中的Recordset對(duì)象；所以，我采用了調(diào)用odbc_connection.asp文件的方法進(jìn)行連接，將打開(kāi)與的代碼寫(xiě)入了文件中，其方法如下： <!-#INCLUDE FILE="odbc_connection.asp"-> 以下為數(shù)據(jù)庫(kù)連接代碼： <%  '該文件就是用于連接數(shù)據(jù)庫(kù)，它一般被包含在其它文件中。當(dāng)執(zhí)行時(shí)，就相當(dāng)于寫(xiě)在包含文件中。  dim db  se

40、t db=server.createobject("ADODB.CONNECTION")  db.open "DRIVER=Microsoft Access Driver (*.mdb);DBQ=" & server.mappath("temp.mdb") %>42站點(diǎn) 創(chuàng)建站點(diǎn)    要制作一個(gè)，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使整個(gè)的脈絡(luò)結(jié)構(gòu)清晰地

41、展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。 從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個(gè)對(duì)話框，在文本框中輸入自己已經(jīng)企化好的名稱(chēng)“在路上”。     填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)。” 單擊“下一步”，進(jìn)入下一個(gè)步驟。     在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤(pán)上

42、指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo)，新建并指定一個(gè)空的文件夾“E:/ding”。之后單擊“下一步“，進(jìn)入下一個(gè)步驟。     這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無(wú)”。而后“下一步”再“完成”，即可。  創(chuàng)建站點(diǎn)容     站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁(yè)來(lái)填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板，此時(shí)整個(gè)中沒(méi)有任何容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。

43、0;   在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“index.htm(或index.html),它就是未來(lái)的首頁(yè)。      由于“在路上”分為“我的旅行”、“沿途美景”、“人兒事兒”、“地理導(dǎo)航”、“與我聯(lián)系“這五個(gè)大欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第二項(xiàng)“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命名為a、b、c、e、f分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各自的容。之后再次新建1個(gè)文件夾，命名為images,用來(lái)存放“所有的

44、圖象文件”的容。 之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁(yè)。鍵字和容指示器以與樣式定義等重要信息，這些元器并不是每個(gè)頁(yè)面都需的，例如，可以僅為主頁(yè)提供關(guān)鍵字。 下面就以首頁(yè)為例，說(shuō)明怎樣插入較常用的頭（ head）容。 單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類(lèi)，此時(shí)右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快捷按鈕，再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭，會(huì)彈出菜單，該項(xiàng)列出的便是即將插入的頭容。   插入圖像圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使充滿生活生命力與說(shuō)服力，吸引更多的瀏覽者

45、，加深他們欣賞你的意愿。 另一方面，網(wǎng)頁(yè)的容量大小是成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁(yè)的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無(wú)論你的多么精彩也無(wú)濟(jì)于事了。所以，在網(wǎng)面容量大小的問(wèn)題上一定要重視。下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操作步驟，以使得它們?cè)诒３謭D形美麗與風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。 1、 首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類(lèi)，則右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕

46、，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。2、  隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱(chēng)。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類(lèi)型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔；如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根目錄。在這里我要插入的是標(biāo)志logo，插入logo圖象， 最后單擊“確定”按鈕，即可完成插入圖像的操作。 插入多媒體在Dreamweaver 8，除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫(huà)、聲音、視頻等媒體元素，如Flash,Shockwav

47、e,Applets,ActieX與格Midi聲音文件等，并且還可以在Dreamweaver自身插入Macromedia Flash MX2004按鈕和文本對(duì)象，以與進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。 在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime 、AVI java、 applet Active X控件以與各種格式的音頻文件。 要在瀏覽器中播放放Flash 動(dòng)畫(huà)，必須在瀏覽器中集成“F

48、lash 播放器 （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)畫(huà)播放功能。 操作步驟： 步驟1  將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類(lèi)，右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快捷按鈕。

49、左起第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)畫(huà)，如圖所示：   插入文本文字是人類(lèi)語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中

50、，文本容也可以說(shuō)是重要的組成部分，一個(gè)成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素。可豐富的文字容，并以最最美觀、最整齊的方式放入到網(wǎng)頁(yè)中。 插入文本的兩種方式 網(wǎng)頁(yè)中需要大量的文本，我們或以通過(guò)以下兩種方式插入它們。 一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以了。 另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver 8進(jìn)行打字的工作，而更習(xí)慣在專(zhuān)門(mén)的文本編輯軟件中快速打字，如Microsoft

51、 Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本容拷貝到網(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è)中。 這在我的“人兒事兒”中用到很多，

52、全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。43創(chuàng)建其他網(wǎng)頁(yè)    還有其它的幾個(gè)與主頁(yè)的制作一樣，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。     “沿途美景”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。 在Dreamwerver中常常會(huì)用到Firework、Flash，它們是相輔相成，在主頁(yè)中的主體部分就是用Firework,如圖所示：       在“與我

53、聯(lián)系”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。   44建立網(wǎng)頁(yè)實(shí)際上是由很多網(wǎng)頁(yè)組成的，那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢？這就是網(wǎng)頁(yè)的“”。 “”，又稱(chēng)“超"（Hyperlink）,它作為網(wǎng)頁(yè)的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“”屬性。在Dreamweaver 8，如果以“”的媒介來(lái)劃分的話，則“”可以分為“文字”、“圖像”、“圖像地圖”、“部和外部”、“E-mail”、“命名錨記”、“文件下載”和“跳轉(zhuǎn)菜單”，共8種。文字連接“文字”即以文字作為媒介的，

54、它是網(wǎng)頁(yè)中最常被使用的方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。 接下來(lái)結(jié)合我的個(gè)人為實(shí)例，來(lái)講解如何為文字建立“”。 具體操作步驟如下所述。 操作步驟 ：步驟1  準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面（假設(shè)除了“”，其他容都已經(jī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è)置

55、，首先要反白選中“平面設(shè)計(jì)”4個(gè)文字。 步驟3 觀察“屬性面板”，其中包括一個(gè)“”文本框。 步驟4 接下來(lái)需要把的地址加入到文本框中，方法有3種。 這里我用到的是直接點(diǎn)擊文件夾圖標(biāo)，在文件夾中找到要的對(duì)象a.htm。這樣就建立了超。不過(guò)有點(diǎn)很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對(duì)大小寫(xiě)敏感，因此采用英文文件名并統(tǒng)一大小寫(xiě)。 步驟5 在“”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇網(wǎng)頁(yè)顯示的窗口方式，共有4種。 步驟6 還可以設(shè)置一些“”的屬性，這是前面講過(guò)的容。單擊“屬性面板”中的“頁(yè)面屬

56、性”，選擇其中的“”分類(lèi)，可以進(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è)面中還需要有“

57、返回首頁(yè)”的，單擊其后可以跳轉(zhuǎn)回首頁(yè)，因此在各個(gè)欄目中還要插入“首頁(yè)”的文字，并且制作指向首頁(yè)index.html的，制作方法不變。 圖像“圖像”也是常被使用的媒體，它和“文字”非常相似。為圖像加入，首先應(yīng)該在網(wǎng)頁(yè)中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的容，接下來(lái)以我的“在路上“為例，講解如何建立“圖像”。 操作步驟 步驟1 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面（假設(shè)除了“”，其他容都已經(jīng)制作完成了），該包含6個(gè)欄目，下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的。 步驟2 在Dreamweaver中打開(kāi)的首頁(yè)，之后選取要制作“”的圖像。實(shí)例中先為第3個(gè)欄目“動(dòng)畫(huà)制作”設(shè)置，因此選中包含“動(dòng)畫(huà)制作”4個(gè)字的圖像。 步驟3 觀察“屬性面板”，在“”文本框中輸入的文字地址?？梢允褂弥爸v過(guò)的“指向文件”和“選擇文件”的方法。 步驟4 如果有需要，可以在“目標(biāo)”下拉列表中選擇“”網(wǎng)頁(yè)顯示的窗口方式，分別為-blank 、-parent 、-self或 top。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式。  步驟