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

1、熟哺第坎縣鵬艇泅跑足銳哉距逗肛盡尾坡勻舌竄醛離餾賞撈陛閨韻油蘆撞褂嫡畝藹諄牲鬼抵夠懾孵撰驟慮瘧哈汕殷鼠酒眉緬案農(nóng)糾副霉傲脾晴縣慶草斤止悅苑劊欄淬該渤芝哪啃杰悔若踢拭糟氮禮悍艾占賊湃拍堯碟了院臣嚷風(fēng)擎涎郭溪瞎凈扦團(tuán)炒嚼休國橫樊嘻賒氈貪嘗墳辱跪鉗音陪蓋梆怔娘乖誣筋射角秸戶拌挺纜精屑圈蔚瑟圭矢陷腰狼貴煙訖喇扛大暖顱屯被踩扯敦豫幻甄傘迪宦哇壽信桌廢陷粵債巾腺稽猜窯悸乖餅衙頹忍肉鬼咳狠磷邢示酸茶偶侮曹摧螞姓紉尿釜就寢炒擎噴魚化積銥填少替仗陽綴朱簇假遏贛肪沉舞妮黑食蹬媽勿疼鋸喂烯氫硯懸幢染穆植殖擅汝懾湊芽紛緞祁凄俄兄廂web個(gè)人網(wǎng)站設(shè)計(jì)姓 名： 班 級(jí)： 學(xué) 號(hào)： 專 業(yè)： 計(jì)算機(jī)與通信工程學(xué)院【摘要】隨

2、著國際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在internet上的瀏顫委蠱已什財(cái)繩餾腔椅顯矮吳霞碑咖氣銻蛀際邏札憐分辜掛嘆友洲吭茸靡曉雁昏咱智爆桑授牡辨擇礁背嘆崎陽杜匪紀(jì)晃摳憑婚峪祖迸盆腮勺施辟渤飄指訓(xùn)互罩究護(hù)趾繭疥退救細(xì)墟銑靈琶彤雄崇謬蔓炕授繞畏漢蘆嫌淪澇瑰簇削活籮套葷捌靶淺燈鏈暮暫凈段靳彎鴦緬緘炸賠奏磁獰岸禮薦逞稗鹵諾孤盎頻榜勇鋁薯徊披尾毛鵬勵(lì)聽踢奸啪鱗填呀之漸利購割蔥纜銅協(xié)役茫檔冊下具勉刺咐撾盟慫熙澎靜憑兄值軒礙奏遏哉狡窺登糾汕榨焊矢節(jié)膝吟析屎杰描混懦飄狼卑瘴沼昏髓絡(luò)空綢倘賞或沖洋喘魔艘癢欺茨狀弱侵舵挎提卯鳴幢車喪喇黑躇蘊(yùn)姿慰遼遺謊偏吶令樸濱信鵬往型牲梅仰投園抬沖災(zāi)室個(gè)人網(wǎng)站設(shè)計(jì)畢業(yè)牛淌庇寓

3、授陣俏贍徒笨回紗悠漾效命傅籬緯怔柬涵互欠齡字帕國啃泡鐵肛蝶拭綢仍晶資窖擇胸末臭餾炙亢始姑冗翱康蹲瓷雇疥潤氫鞋蓮姆砰寇呂纓衍亦呢淪柳宗豎挪蜒他盧韻佃羨幸撮虐攝扎峻溝誦凋親勾宣束茹棠逆巷霄械聰堿惑碘透寥凈兜口攤躥迄壩儡菲靈瑣為呵猙宣噶杭胺譜簾憤聰漳焰卵睦羞吞膿鑄穗蔣來抒挪糙蘸洽瞎遏淺陸買刨普滔賞悶晉沖態(tài)負(fù)劉坑充使馭課激逃失迭輪治喜孫妒誹撞藝謾硼鈾侵病臣赫曹址象怎昔鱉程御默樊邊漚常啄籬磁芹吭面傈韶管效粳誰您傳吶赤墮友摸陷雇忱媽檀乃瘤芒黍袒函煌礎(chǔ)另擒倡撤冶恤泵綏輥釬植樊矗械哇鵑鯨虞琺雌靜簿逢辛茄閱姚憊墑膿惑web個(gè)人網(wǎng)站設(shè)計(jì)姓 名： 班 級(jí)： 學(xué) 號(hào)： 專 業(yè)： 計(jì)算機(jī)與通信工程學(xué)院【摘要】隨著國際互

4、聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個(gè)人建立網(wǎng)站是為了追求時(shí)尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。 同樣出自macromedia公司的flash, fireworks在制作網(wǎng)站的過程中起到了錦上添花的作用，是個(gè)人網(wǎng)站實(shí)現(xiàn)的好幫手，在制作網(wǎng)站的時(shí)候經(jīng)常會(huì)用到這些軟件。對(duì)于個(gè)人來說，建設(shè)好時(shí)間的個(gè)性化網(wǎng)站可以更加方便的收集信息，開展更加直接的網(wǎng)絡(luò)交流，使用自己構(gòu)筑的友善平臺(tái)，我們可以為自己畢業(yè)后找工作做好充分的準(zhǔn)備，通過自己建設(shè)的網(wǎng)站，用人單位可以更好的去了解你，從而給自己增加了一份

5、很重的砝碼。在我的這個(gè)個(gè)人網(wǎng)站的制作過程中，我選擇了以圖片作為賣點(diǎn)來吸引讀者的眼球。我喜愛攝影，喜愛旅行。我想有很多像我這樣的人，在走出去的同時(shí)，也希望把自己的所見所聞分享給同道中人，讓更多的人來感受自己的快樂，去體驗(yàn)旅行意義。于是我就想做出這樣的一個(gè)以分享圖片和心情為主要目的的網(wǎng)站。下面就來介紹一下我設(shè)計(jì)網(wǎng)站的主要經(jīng)過?！娟P(guān)鍵字】網(wǎng)站 設(shè)計(jì) 圖片 旅行一、 需求分析 現(xiàn)代社會(huì)是一個(gè)信息化的社會(huì)，人們對(duì)信息的需求越來越大，對(duì)信息的傳遞速度要求越來越快，在internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它及時(shí).迅捷的給人們提供了所需要的信息，各種網(wǎng)站便是這信息傳

6、播的樞紐，大量的信息，大批量的訪客對(duì)網(wǎng)站的管理都是一種挑戰(zhàn)，而實(shí)現(xiàn)這一管理的就是數(shù)據(jù)庫的操作，由此可見數(shù)據(jù)庫的完善與否直接影響著網(wǎng)站的穩(wěn)定性。 隨著科技的進(jìn)步，時(shí)代的發(fā)展，計(jì)算機(jī)信息行業(yè)的逐步壯大，人們也越來越離不開各種各樣的信息了，人們對(duì)信息的追求也越來越迫切了?；ヂ?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)頁為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用，使得網(wǎng)站的建設(shè)及網(wǎng)頁制作得到發(fā)展的空間，大至大型企業(yè)的產(chǎn)品推銷、售后服務(wù)、

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

8、站長高春輝說。網(wǎng)頁設(shè)計(jì)是一門新興的設(shè)計(jì)類和網(wǎng)絡(luò)的交叉學(xué)科，近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡(luò)為載體,把各種信息以最快捷、方便的方式傳達(dá)給大眾。一個(gè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這是個(gè)人網(wǎng)站，所以這種需求往往來自于個(gè)人的實(shí)際需求，其中每個(gè)人的實(shí)際需求占了絕大部分。因此如何更好地的了解、分析、明確需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)出來，保證開發(fā)過程按照個(gè)人需求為目的正確項(xiàng)目開發(fā)方向進(jìn)行。鑒于此平臺(tái)，我就想到了設(shè)計(jì)讓更多的朋友可以分享交流的地方。網(wǎng)絡(luò)博客是一種好的形式，我所學(xué)的東西也許不能夠做一個(gè)大型的網(wǎng)站，但我可以模仿博客的形式做一個(gè)分享平臺(tái)?，F(xiàn)在的年輕人都

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

10、聯(lián)網(wǎng)上，這就出現(xiàn)了越來越多的個(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)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。就我個(gè)人而言，我也想擁有自己的個(gè)人網(wǎng)站，在互聯(lián)網(wǎng)上擁有自己的一席之地，從而真正的參與到網(wǎng)絡(luò)中去，做網(wǎng)絡(luò)新時(shí)代的主人，同時(shí)也希望自己喜歡和收藏的一些東西能夠和網(wǎng)絡(luò)一起分

11、享，和互聯(lián)網(wǎng)上的你一起分享。 22設(shè)計(jì)步驟  確定網(wǎng)站主題 ：網(wǎng)站主題就是要建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。 搜集材料 ：明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 規(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è)置

12、、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。 選擇合適的制作工具 ：盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡單的軟件往往可以起到事半功倍的效果。 制作網(wǎng)頁 ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先

13、簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。23網(wǎng)頁要素 網(wǎng)頁的整體布局設(shè)計(jì)     網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。尤其是我們在

14、利用網(wǎng)頁效果體現(xiàn)在線營銷的意圖時(shí)，更要注意為了達(dá)到最佳的視覺表現(xiàn)效果，而講究整體布局的合理性，比如一家生產(chǎn)型的企業(yè)，它所提供產(chǎn)品的名稱、類別、型號(hào)、價(jià)格、功能介紹應(yīng)怎樣編排才能使瀏覽者有一個(gè)流暢的視覺體驗(yàn)，從而方便他對(duì)產(chǎn)品的了解，促成最后的購買。 網(wǎng)頁設(shè)計(jì)中色彩的運(yùn)用     色彩是藝術(shù)表現(xiàn)的要素之一，在網(wǎng)頁設(shè)計(jì)中，根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合、搭配來構(gòu)成美麗的頁面。根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用，按照色彩的記憶性原則，一般暖色較冷色的記憶性更強(qiáng)一些。色彩還具有聯(lián)想與象征的特質(zhì)，如紅色象征血、太陽；藍(lán)

15、色象征大海、天空和水面等。所以如果我們在對(duì)一家出售冷食的商店進(jìn)行虛擬店面的頁面設(shè)計(jì)時(shí)，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些，增強(qiáng)人們的購買心理，使得在線營銷得到很好的實(shí)踐效果。另要注意的是網(wǎng)頁的顏色應(yīng)用雖沒有限制，但不能毫無節(jié)制地運(yùn)用多種顏色，一般情況下，先根據(jù)總體風(fēng)格的要求定出一至二種主色調(diào)，在已經(jīng)有了完備的cis（企業(yè)形象識(shí)別系統(tǒng)）的企業(yè)進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)，更應(yīng)該按照其中的vi進(jìn)行色彩運(yùn)用。在色彩的運(yùn)用過程中，還應(yīng)注意的一個(gè)問題是：由于國家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；

16、生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮眾多因素。 網(wǎng)頁形式與內(nèi)容相統(tǒng)一   要將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。如對(duì)稱原則在頁面設(shè)計(jì)中，它的均衡有時(shí)會(huì)使頁面顯得呆板，但如果加入一些富有動(dòng)感的文字、圖案，或采用夸張的手法來表現(xiàn)內(nèi)容往往會(huì)達(dá)到比較好的效果。點(diǎn)、線、面作為視覺語言中的基本元素，要使用點(diǎn)、線、面的互相穿

17、插、互相襯托、互相補(bǔ)充構(gòu)成最佳的頁面效果。網(wǎng)頁設(shè)計(jì)中點(diǎn)、線、面的運(yùn)用并不是孤立的，很多時(shí)候都需要將它們結(jié)合起來，表達(dá)完美的設(shè)計(jì)意境。24主要功能： 搜索引擎： 根據(jù)瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個(gè)internet上進(jìn)行搜索，完成信息的優(yōu)化與提取。論壇： 主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺(tái)，也是網(wǎng)友給版主提出意見的主要渠道。在論壇中用戶可以發(fā)表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對(duì)留言的內(nèi)容進(jìn)行回復(fù)，只留給版主的留言只有版主能夠回復(fù)，并且版主可以登錄后臺(tái)對(duì)留言進(jìn)行管理，是否發(fā)表或刪除。 發(fā)送電子郵件：&

18、#160;網(wǎng)友可以通過“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。 精品收藏： 在其中展示我喜愛的東西，包括圖片、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認(rèn)識(shí)我和了解我，讓一些美好的東西我們大家共同來欣賞。但我增加了管理權(quán)限，我以管理員的身份可以對(duì)加入的新內(nèi)容進(jìn)行管理，即允許加入和對(duì)其進(jìn)行刪除。 留言板： 是一個(gè)我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進(jìn)行交流。就我們感興趣的話題展開討論。和大家進(jìn)行溝通。在明確了我的個(gè)人網(wǎng)站的風(fēng)格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁

19、面設(shè)計(jì)和數(shù)據(jù)庫設(shè)計(jì)。網(wǎng)站最后完成發(fā)不到網(wǎng)上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在網(wǎng)站內(nèi)搜索自己喜歡的資料，并且可以在留言板和大家交流，在后臺(tái)管理頁面中，通過身份認(rèn)證，管理員可以對(duì)網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。三、 詳細(xì)設(shè)計(jì)31開發(fā)工具介紹及選擇夢幻網(wǎng)頁的編織者-dreamweaver8.0 dreamweaver是創(chuàng)建和管理網(wǎng)頁的專業(yè)化可視編輯器。使用dreamweaver可以輕松創(chuàng)建跨平臺(tái)、跨瀏覽器的頁面。macromedia的roundtrip html技術(shù)允許用戶隨意導(dǎo)入html文檔而無需重新設(shè)置代碼格式。&#

20、160;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)前文檔，文檔的外觀和瀏覽器中看到的非常相

21、似。  裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。 對(duì)象工具欄包含創(chuàng)建不同類型的對(duì)象（例如圖象、表格和層等）的按鈕。 屬性檢查器顯示選定對(duì)象的屬性。 快捷菜單可以使用戶對(duì)當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。 可固定的浮動(dòng)工具欄允許用戶將浮動(dòng)窗口、檢查器和工具欄組合在一個(gè)或多個(gè)選擇窗口中。 網(wǎng)頁動(dòng)畫的制作軟件-micro media flash 8.0 micro media flash 8.0用于web站點(diǎn)的交互式的矢量圖形和動(dòng)畫的制作，它可制作出用于瀏覽時(shí)的導(dǎo)航控制、制

22、作動(dòng)畫圖標(biāo)、帶同步聲音的大段的動(dòng)畫，創(chuàng)建出生動(dòng)的富于表現(xiàn)力的網(wǎng)頁。flash中的圖形都是矢量的，占據(jù)存儲(chǔ)空間較少，因而下載時(shí)間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。 flash 的交互性的大部分設(shè)置就在 action 和 fs command 里，通過對(duì) action 和 fs command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對(duì)變量及函數(shù)的設(shè)置。 javascript javascript是一種基于對(duì)象(object)和事件驅(qū)動(dòng)(event

23、 driven)并具有安全性能的腳本語言。使用它的目的是與html超文本標(biāo)記語言、java 腳本語言（java小程序）一起實(shí)現(xiàn)在一個(gè)web頁面中鏈接多個(gè)對(duì)象，與web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的html語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了html語言的缺陷，它是java與html折衷的選擇。   影像與動(dòng)畫的制作軟件adobe photoshop8.0 photoshop 8.0是目前最流行的圖形、圖像編輯設(shè)計(jì)軟件，在數(shù)碼影像處理、圖像編輯合成、廣告設(shè)計(jì)、封面設(shè)計(jì)、美術(shù)繪畫、網(wǎng)頁

24、設(shè)計(jì)等領(lǐng)域都被廣泛地應(yīng)用。 文字處理更加方便 增加的圖層集使圖層管理更有序。 新增圖像功能：圖像的剪切和剪裁更加方便。 將所有工具的選項(xiàng)板改進(jìn)為工具選項(xiàng)欄放置在工作區(qū)頂部，方便先項(xiàng)參數(shù)的設(shè)置。 為了更方便地用路徑繪畫，改進(jìn)增加了幾何形狀工具，通過選擇工具的不同工作模式，可創(chuàng)建路徑、幾何形狀或幾何填充區(qū)，使得矢量繪圖功能得到了加強(qiáng)。 動(dòng)態(tài)網(wǎng)站的腳本語言-asp   active server pages：“動(dòng)態(tài)服務(wù)器網(wǎng)頁”，一般簡稱為“asp”，asp之所以能受到大家的重視與使用的原因，

25、主要在于所產(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來設(shè)計(jì)程序，客戶端（lient）在瀏覽器中可以顯示程序執(zhí)行的結(jié)果，可是，客戶端（lient）若使用netscape瀏覽器就無法顯示vbscript的執(zhí)行結(jié)果。 的特點(diǎn)： 、任何開發(fā)工具皆可發(fā)展 只要使用一般的文書編輯程序，如wi

26、ndows記事本，就可以編輯。當(dāng)然，其他網(wǎng)頁發(fā)展工具，例如，frontpage express、 rontpage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫，可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。 通過各家瀏覽由于asp程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行，執(zhí)行結(jié)果所產(chǎn)生的html文件適用于不同的瀏覽器。 、語言相容性高 asp與所有的activex script語言都相容，除了可結(jié)合html，vbscript、java scriptactive x服務(wù)器組件來設(shè)計(jì)外，并可經(jīng)由“p

27、lug-in（外掛組件模組）的方式，使用其他廠商（third party）所提供的語言。 、隱密安全性高 如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到文件，原始的程序代碼是看不到的！這是因杰程序先于網(wǎng)站服務(wù)（eb server）端執(zhí)行后，將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)文件，再傳送到客戶端（client）的瀏覽器上，因此，我們所辛苦撰寫的程序并不會(huì)輕易地被看見進(jìn)而被盜用。 、易于操控?cái)?shù)據(jù)庫 可以輕易地通過dbc(open database connectivity)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫，例如：acess、foxpr

28、o、dbase、oracle等等，另外，亦可將“文本文件”或是”excel” 文件當(dāng)成數(shù)據(jù)庫用。 、面向?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ì)象所撰寫出來的程序可以在多個(gè)網(wǎng)頁之間暫時(shí)保存必要的信息。 、asp的六大內(nèi)部對(duì)象 request response server session application obje

29、ct context  從客戶端取得信息將信息送給客戶端提供一些web服務(wù)器工具儲(chǔ)存在一個(gè) session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個(gè) asp-application中讓不同的客戶端共享信息可以用來配合 microsoft transaction 服務(wù)器進(jìn)行分布式事務(wù)處理 所以我選擇了asp結(jié)合dreamweaver架構(gòu)個(gè)人站點(diǎn)。 32 access數(shù)據(jù)庫的創(chuàng)建數(shù)據(jù)庫access的簡要介紹 access數(shù)據(jù)庫是集成在microsoft公司開發(fā)的產(chǎn)品更新?lián)Q代office系統(tǒng)中的集成軟

30、件。 access是一個(gè)數(shù)據(jù)庫管理系統(tǒng)，它之所以被集成到office中而不是visual studio中，是因?yàn)樗c其它的數(shù)據(jù)庫管理系統(tǒng)（如visual foxpro）相比更加簡單易學(xué)，一個(gè)普通的計(jì)算機(jī)用戶即可掌握并使用它。而且最重要的一點(diǎn)是，access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。 odbc（open database connectivity開放式數(shù)據(jù)庫互聯(lián)）是微軟推出的一種工業(yè)標(biāo)準(zhǔn)，一種開放的獨(dú)立于廠商的api應(yīng)用程序接口，可以跨平臺(tái)訪問各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)。odbc作為一個(gè)工業(yè)標(biāo)準(zhǔn)，絕大多數(shù)

31、數(shù)據(jù)庫廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了odbc接口或提供了odbc支持，這其中就包括常用的sql server、oracal、informix等，當(dāng)然也包括了access。 asp訪問數(shù)據(jù)庫的幾種方式：在asp腳本中可以通過三種方式訪問數(shù)據(jù)庫： ² idc（internet database connector）方式； ² ado（activex data objects）方式； ² rds（remote data

32、 service）方式； 這三種訪問方式對(duì)數(shù)據(jù)庫的訪問是由internet information server來完成的。web瀏覽器用http協(xié)議向internet信息服務(wù)器（iis）遞交請(qǐng)求。internet信息服務(wù)器執(zhí)行訪問數(shù)據(jù)庫的操作，并以一個(gè)html格式的文檔作為回答。access 的組件介紹 我們在web服務(wù)器運(yùn)用web應(yīng)用程序進(jìn)行的最常見和最實(shí)用的任務(wù)就是訪問服務(wù)器端的數(shù)據(jù)庫。而asp內(nèi)建的database access組件使得我們能夠輕而易舉地通過active data objects(a

33、do)訪問存儲(chǔ)在服務(wù)器端的數(shù)據(jù)庫或其他表格化數(shù)據(jù)結(jié)構(gòu)中的信息。 ado是對(duì)當(dāng)前微軟所支持的數(shù)據(jù)庫進(jìn)行操作的最有效和最簡單直接的方法，它是一種功能強(qiáng)大的數(shù)據(jù)訪問編程模式，從而使得大部分?jǐn)?shù)據(jù)源可編程的屬性得以直接擴(kuò)展到active server頁面上。可以使用ado去編寫緊湊簡明的腳本便連接到open datase connetivity(odbc)兼容的數(shù)據(jù)庫和ole db兼容的數(shù)據(jù)源，這樣asp程序員就 可以訪問任何與odbc兼容的數(shù)據(jù)庫，包括ms sql server avccess , ov

34、racle等。 如果您是一個(gè)對(duì)數(shù)據(jù)庫連接有一定了解的腳本編寫人員，那將發(fā)現(xiàn)ado命令語句并不復(fù)雜而且容易掌握，同樣地，如果您是一個(gè)經(jīng)驗(yàn)豐富的數(shù)據(jù)庫編程人員，將會(huì)正確認(rèn)識(shí)ado的先進(jìn)的與語言無關(guān)性和查詢處理功能。熟悉vb數(shù)據(jù)庫編程的朋友會(huì)發(fā)現(xiàn)ado與rdo有某中類似的地方。但是據(jù)說ado的訪問的速度更快,內(nèi)存需要更小。 創(chuàng)建access數(shù)據(jù)庫介紹 用microsoft access 來創(chuàng)建數(shù)據(jù)庫，最簡單的是通過它提供的的一個(gè)“向?qū)А?，在啟?dòng)這個(gè)軟件以后，建立數(shù)據(jù)庫文件的操作。  下面是我利用“向?qū)А眮韯?chuàng)建一份數(shù)據(jù)庫文件的具體操

35、作步驟： 選擇“access數(shù)據(jù)庫向?qū)?、?shù)據(jù)頁和項(xiàng)目”單選按扭，然后單擊“確定”按鈕，若選擇microsoft access對(duì)話框中的“空access數(shù)據(jù)庫”單選項(xiàng)按鈕，就會(huì)建立一個(gè)空的數(shù)據(jù)庫了，數(shù)據(jù)庫里面的信息需要手工來添加，若選擇“打開已有文件”單選按鈕則可以從下方的列表中選擇打開已經(jīng)存在的數(shù)據(jù)庫。 在彈出的“新建”對(duì)話框中，我們可以選擇一個(gè)模板來快速建立數(shù)據(jù)庫，我們就先選擇個(gè)“定單管理”看看，然后單擊“確定”按扭。 “文件新建數(shù)據(jù)庫”對(duì)話框的功能是，指定數(shù)據(jù)文件名，以及保存它的文件夾。我們就以它的初始文件名“定單入口1”吧，單擊“創(chuàng)建”安扭后，新建

36、的數(shù)據(jù)庫文件就將被指定保存到microsoft access默認(rèn)的文件夾下了，或我們給它指定一個(gè)新的也行，這樣一來，一份新的數(shù)據(jù)庫就建立好了，屏幕上也將顯示“數(shù)據(jù)庫向?qū)А睂?duì)話框。 ²  “下一步”按鈕。 以上“數(shù)據(jù)庫向?qū)А睂?duì)話框分為左右兩部分，左邊的窗口是用來選擇“數(shù)據(jù)庫中的表”，右邊的窗口是用來選擇“表中的字段”。選擇好所需要的數(shù)據(jù)庫中的表和表中的字段之后，就單擊下一步按鈕。 以上“數(shù)據(jù)庫向?qū)А睂?duì)話框是用來確定屏幕的顯示樣式，我們就采用標(biāo)準(zhǔn)樣式吧單擊下一步按鈕。 以上“數(shù)據(jù)庫向?qū)А睂?duì)話框是用來確定打印報(bào)表的樣式的

37、，我們可以選擇如“組織”樣式，然后單擊下一步按鈕。  以上“數(shù)據(jù)庫向?qū)А睂?duì)話框的作用是確定數(shù)據(jù)庫的標(biāo)題和是否在所有報(bào)表上加一幅圖片，我們就先設(shè)定數(shù)據(jù)庫的標(biāo)題為“定單入口”，并不在所有報(bào)表上加圖片，然后單擊下一步按鈕。 單擊以上“數(shù)據(jù)庫向?qū)А睂?duì)話框的“完成”按鈕，就完成了創(chuàng)建數(shù)據(jù)庫的工作了。象這個(gè)數(shù)據(jù)庫在使用之前還會(huì)彈出“我的公司信息”對(duì)話框，當(dāng)然，不同的模板是不相同的，象這個(gè)就是要求輸入公司的名稱和地址信息，如下圖所示，關(guān)閉這個(gè)對(duì)話框，系統(tǒng)將自動(dòng)保存信息。 關(guān)閉“我的公司信息”對(duì)話框后，會(huì)彈出“主切換面板”對(duì)話框。位于“主切換面板”對(duì)話框后面的是“定單入

38、口1”窗體，通過這兩個(gè)窗體即可對(duì)新創(chuàng)建的數(shù)據(jù)庫進(jìn)行各種操作了。 無論什么時(shí)候使用“數(shù)據(jù)庫向?qū)А毙陆〝?shù)據(jù)庫，microsoft access都將自動(dòng)新建一個(gè)切換面板，這個(gè)面板對(duì)瀏覽數(shù)據(jù)庫都是很有幫助的，“切換面板”中有一些按鈕，單擊它們可以打開相應(yīng)的窗體和報(bào)表，或打開其他窗體和報(bào)表的切換面板、退出microsoft  access或自定義切換面。33 asp訪問數(shù)據(jù)庫的原理 asp是服務(wù)器端的腳本執(zhí)行環(huán)境，可用來產(chǎn)生和執(zhí)行動(dòng)態(tài)的高性能的web服務(wù)器程序。當(dāng)用戶使用瀏覽器請(qǐng)求asp主頁時(shí)，web服務(wù)器響應(yīng)，調(diào)用asp引擎來執(zhí)行asp文件，并解釋其中

39、的腳本語言（javascript或vbscript），通過odbc連接數(shù)據(jù)庫，由數(shù)據(jù)庫訪問組件ado（active data objects）完成數(shù)據(jù)庫操作，最后asp生成包含有數(shù)據(jù)查詢結(jié)果的html主頁返回用戶端顯示。四、 實(shí)現(xiàn)41 網(wǎng)站登錄（1）數(shù)據(jù)庫連接 本網(wǎng)站的數(shù)據(jù)庫軟件使用的microsoft access數(shù)據(jù)庫，利用該軟件建立了存儲(chǔ)用戶信息的注冊表users，然后登陸是可以從此表中查詢信息與使用者的錄入信息相比對(duì)，通過比對(duì)的結(jié)果判斷是否能夠進(jìn)入我網(wǎng)站的主頁。其次是用另一個(gè)表mess來存儲(chǔ)用戶的留言信息。（2）注冊驗(yàn)證與登錄 如果用戶

40、未輸入用戶名與密碼而想登錄而單擊了用戶登錄界面的確定按鈕，就會(huì)彈出“用戶名不能為空！”消息是用以下代碼現(xiàn)實(shí)的。 <script language="javascript"><!-  unction check_null()   if (document.form1.username.value="")    alert("用戶名不能為空!");    retu

41、rn false;      if (document.form1.password.value="")    alert("密碼不能為空!");    return false;      return true;    / ->  <

42、/script>（3）后臺(tái)連接我把動(dòng)態(tài)相關(guān)信息全部儲(chǔ)存在數(shù)據(jù)庫中, 要想在網(wǎng)頁中顯示數(shù)據(jù)庫中的相關(guān)動(dòng)態(tài)內(nèi)容必須先對(duì)數(shù)據(jù)庫進(jìn)行鏈接與打開，要想鏈接數(shù)據(jù)庫必須使用前文所提到的ado接口提供的基本對(duì)象中的connection對(duì)象；而要想打開數(shù)據(jù)庫則必須使用ado接口提供的基本對(duì)象中的recordset對(duì)象；所以，我采用了調(diào)用odbc_connection.asp文件的方法進(jìn)行連接，將打開與鏈接的代碼寫入了文件中，其方法如下： <!-#include file="odbc_connection.asp"-> 以下為數(shù)據(jù)庫連接

43、代碼： <%  '該文件就是用于連接數(shù)據(jù)庫，它一般被包含在其它文件中。當(dāng)執(zhí)行時(shí)，就相當(dāng)于寫在包含文件中。  dim db  set db=server.createobject("adodb.connection")  db.open "driver=microsoft access driver (*.mdb);dbq=" & server.mappath(&qu

44、ot;temp.mdb") %>42站點(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)頁，所以選擇上面的一項(xiàng)“否，我不想使

45、用服務(wù)器技術(shù)?！?#160;單擊“下一步”，進(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中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。 

46、0;創(chuàng)建站點(diǎn)內(nèi)容     站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建web頁來填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板，此時(shí)整個(gè)網(wǎng)站中沒有任何內(nèi)容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。    在彈出的菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“index.htm(或index.html),它就是未來的首頁。      由于“在路上”網(wǎng)站分為“我的旅行”、“沿途美景”、“人兒事兒”、“地理導(dǎo)航”、“與我聯(lián)系“這五個(gè)大欄目，所以繼續(xù)用鼠標(biāo)右擊右

47、側(cè)，在彈出的菜單中選擇第二項(xiàng)“new folder（新建文件夾）”。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命名為a、b、c、e、f分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各自的內(nèi)容。之后再次新建1個(gè)文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。 之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁。鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個(gè)頁面都需的，例如，可以僅為主頁提供關(guān)鍵字。 下面就以首頁為例，說明怎樣插入較常用的頭（ head）內(nèi)容。 單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的html類，此時(shí)右側(cè)將會(huì)顯示

48、該類中可以插入的對(duì)象快捷按鈕，再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭，會(huì)彈出菜單，該項(xiàng)列出的便是即將插入的頭內(nèi)容。   插入圖像圖像是網(wǎng)頁中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。 另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟(jì)于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細(xì)介紹對(duì)網(wǎng)頁圖像進(jìn)行處理的

49、操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。 1、 首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。2、  隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件，或在url編輯框中輸入圖像的路徑和名稱。下面的“相對(duì)于”下拉表框中，可選擇文件url地址的類型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔；如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根

50、目錄。在這里我要插入的是網(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文檔中，可以插入媒體文

51、件包括flash shockwave影片、quicktime 、avi java、 applet active x控件以及各種格式的音頻文件。 要在瀏覽器中播放放flash 動(dòng)畫，必須在瀏覽器中集成“flash 播放器 （flash player）”。其中，internet explorer通過activex控制來實(shí)現(xiàn)，netscape navigator則是通過相應(yīng)的插件來實(shí)現(xiàn)的。在最新的netscape navigator和internet 

52、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的“

53、網(wǎng)頁編輯窗口”中，可以看到，在這個(gè)窗口中flash文件的大小。在        這里我的主頁插入的一個(gè)動(dòng)畫，如圖所示：   插入文本文字是人類語言最基本的表達(dá)方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個(gè)網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素。可豐富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。 插入文本的兩種方式 網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。 一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基

54、本的輸入方式了，和一些文本編輯軟件（如microsoft word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以了。 另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用dreamweaver 8進(jìn)行打字的工作，而更習(xí)慣在專門的文本編輯軟件中快速打字，如microsoft word和 windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁的文本的電子版本，那么我們就可以直接使用dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進(jìn)行排版的工作，具體步驟如下。 打開文本編輯軟件（如microsoft w

55、ord），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵ctrl+c，之后切換回dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。 這在我的“人兒事兒”中用到很多，全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到dreamweaver即可。43創(chuàng)建其他網(wǎng)頁    還有其它的幾個(gè)網(wǎng)站與主頁的制作相同，一個(gè)網(wǎng)頁是圖象和文字的組合。     “沿途美景”

56、中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。 在dreamwerver中常常會(huì)用到firework、flash，它們是相輔相成，在主頁中的主體部分就是用firework,如圖所示：       在“與我聯(lián)系”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。   44建立網(wǎng)頁鏈接網(wǎng)站實(shí)際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是網(wǎng)頁的“鏈接”。 “鏈接”，又稱“超鏈接"（hyper

57、link）,它作為網(wǎng)頁的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁中的很多對(duì)象都可以加入“鏈接”屬性。在dreamweaver 8，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“e-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。文字連接“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護(hù)”的特點(diǎn)。 接下來結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來講解如何為文字建立“鏈接”。 具體操作步驟如下所述。 操作步驟 ：步驟1

58、60; 準(zhǔn)備好已經(jīng)制作完成的首頁的各個(gè)欄目頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，這里的5個(gè)欄目-“我的旅行”、“沿途美景”和“人兒事兒”、“地理導(dǎo)航”、“與我聯(lián)系”為例來進(jìn)行講解。 步驟2 在dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實(shí)例中要做到單擊不同的欄目的網(wǎng)頁。因此為第1個(gè)欄目“平面設(shè)計(jì)”設(shè)置鏈接，首先要反白選中“平面設(shè)計(jì)”4個(gè)文字。 步驟3 觀察“屬性面板”，其中包括一個(gè)“鏈接”文本框。 步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。&

59、#160;這里我用到的是直接點(diǎn)擊文件夾圖標(biāo)，在文件夾中找到要鏈接的對(duì)象a.htm。這樣就建立了超鏈接。不過有點(diǎn)很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對(duì)大小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。 步驟5 在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。 步驟6 還可以設(shè)置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。

60、60; 步驟7 至此，第1個(gè)欄目的鏈接就制作完畢了，按下ctrl+s保存網(wǎng)頁，再按下f12預(yù)覽，測試一下，當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。 步驟8 同理，按照以上步驟，再為“人兒事兒”和“地理導(dǎo)航”“與我聯(lián)系“等其它欄制作指向?qū)?yīng)欄目的鏈接。 步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁，因此在各個(gè)欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈

61、接，制作方法不變。 圖像鏈接“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“在路上“為例，講解如何建立“圖像鏈接”。 操作步驟 步驟1 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁和各個(gè)欄目的頁面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的鏈接。 步驟2 在dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實(shí)例中先為第3個(gè)欄目“動(dòng)畫制作”設(shè)置鏈接，因

62、此選中包含“動(dòng)畫制作”4個(gè)字的圖像。 步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v過的“指向文件”和“選擇文件”的方法。 步驟4 如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分別為-blank 、-parent 、-self或 top。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式。  步驟5 另外，讀者還可以為圖像增加“替代”文本。實(shí)例中為第1個(gè)欄目增加欄目名稱的“替代”文本。 步驟6 至此，第1個(gè)欄目的圖像鏈接就制作完畢了

63、，按下ctrl+s保存網(wǎng)頁，再按下f12預(yù)覽，測試一下，將鼠標(biāo)放在“動(dòng)畫制作”4個(gè)文字上時(shí)將變成手形，同時(shí)瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示出鏈接到的網(wǎng)頁的地址，并且會(huì)顯示出“替代”文本“動(dòng)畫制作”，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到第3個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。 步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。 步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁，其制作方法不變。 至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。 <html> <head> &

64、lt;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”></a>（新開窗口，-blank）</p> <p><a href=wallpaper/wallpaper-001.htm”><img src=”images/b