ASP網(wǎng)站設(shè)計論文2

PAGEPAGEIIPAGE3旅游網(wǎng)站的開發(fā)與設(shè)計摘要在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見。網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。給客戶發(fā)最新產(chǎn)品介紹，發(fā)樣品等等資料。你現(xiàn)在還在用傳真或給客戶郵寄嗎？公司新貨上市了，想第一時間通知到所有賣家，電話一一通知嗎？顯然這些都是不行的網(wǎng)絡(luò)就可以幫您簡單快捷的實(shí)現(xiàn)。您只需通過郵件或聊天工具就可發(fā)送資料，只要幾秒鐘。新貨上市，您只需將貨品展現(xiàn)在企業(yè)網(wǎng)站上，所有客戶都可第一時間看到，不管這個人在大洋彼岸還是亞洲或非洲的某個角落。做生意——效率就是我們的競爭優(yōu)勢。本文以“企業(yè)商業(yè)網(wǎng)站的設(shè)計與制作”為主題，運(yùn)用了網(wǎng)頁三劍客（Dreamweaver、Fireworks、Flash）及Photoshop等工具，收集了大量與網(wǎng)頁設(shè)計有關(guān)的素材進(jìn)行設(shè)計，并使用了超鏈接、框架、代碼等網(wǎng)頁設(shè)計技巧。人們也越來越依賴于網(wǎng)絡(luò)上的信息，要想讓更多的人了解你的企業(yè)，了解你的產(chǎn)品，擴(kuò)大你的市場范圍和份額，你必須了解和使用網(wǎng)絡(luò)。關(guān)鍵詞：Internet；企業(yè)商業(yè)網(wǎng)站；網(wǎng)頁三劍客目錄前言 1第1章 方案論證 21.1開發(fā)的意義和目的 21.2網(wǎng)頁設(shè)計工具介紹 21.2.1FLASH概述 21.2.2Dreamweaver概述 31.2.3Fireworks概述 3第2章網(wǎng)站總體設(shè)計 42.1網(wǎng)站設(shè)計的基本步驟 42.2旅游網(wǎng)站的構(gòu)思 42.3旅游網(wǎng)站模塊結(jié)構(gòu) 5第3章網(wǎng)站的具體設(shè)計 63.1網(wǎng)站首頁的制作 63.2主頁的制作 63.2.1動畫的設(shè)計 73.2.2導(dǎo)航條的制作 73.2.3版權(quán)區(qū)設(shè)置 83.3各二級頁面的設(shè)計 83.3.1短途休閑的制作 83.3.2長途度假的制作 93.3.3飲食天地的制作 103.3.4特別推薦的設(shè)計 113.4背景音樂設(shè)置 12第4章超鏈接設(shè)置以及調(diào)試運(yùn)行 134.1超鏈接的設(shè)置 134.2調(diào)試運(yùn)行 13結(jié)論 15致謝 16參考文獻(xiàn) 17建東職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文）PAGE2建東職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文）PAGE1前言在經(jīng)濟(jì)飛速發(fā)展的今天，網(wǎng)絡(luò)技術(shù)已成為豐富人們生活，拓展人類能力的創(chuàng)造性工具。網(wǎng)絡(luò)及其應(yīng)用也通過各種方式，融入到我國各行各業(yè)中。人們獲取信息的方式越來越傾向于各類網(wǎng)站。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網(wǎng)頁，所以網(wǎng)頁設(shè)計尤為重要。Internet是一個信息的海洋，通過它您可以得到無窮無盡的信息，其中有不同類型的書庫和信息資料，網(wǎng)絡(luò)還可以提供政府、學(xué)校和公司等機(jī)構(gòu)的詳細(xì)信息和各種不同的社會信息，這寫信息包羅萬象，幾乎無所不有。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而可見。阿里巴巴創(chuàng)始人馬云說：21世紀(jì)，要么電子商務(wù)，要么無商可務(wù)。電子商務(wù)真的如此必要，迫在眉睫嗎？我們一起來談?wù)劄槭裁匆鲭娮由虅?wù)？做電子商務(wù)能給我們帶來什么看得見的好處？無非就是網(wǎng)絡(luò)宣傳，網(wǎng)絡(luò)下單，那么網(wǎng)站就是您企業(yè)在網(wǎng)絡(luò)的第一張名片。對于制作企業(yè)商業(yè)網(wǎng)頁來說，要展示您的商品，關(guān)鍵就在于如何布置網(wǎng)站的內(nèi)容。本文從課題的設(shè)計出發(fā)，探索如何建立好一個靜態(tài)的商業(yè)網(wǎng)站。文中涉及到很多網(wǎng)頁設(shè)計的具體方法和步驟，另外還介紹了部分網(wǎng)頁設(shè)計的技巧及其運(yùn)用。由于對網(wǎng)站的設(shè)計還無法達(dá)到駕輕就熟，所以制作的效果還有很多的不足，望大家多多提議。建東職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文）PAGE12前言PAGE1方案論證1.1開發(fā)的意義和目的阿里巴巴創(chuàng)始人馬云說：21世紀(jì)，要么電子商務(wù)，要么無商可務(wù)。電子商務(wù)真的如此必要，迫在眉睫嗎？做電子商務(wù)能給我們帶來什么看得見的好處？無非就是網(wǎng)絡(luò)宣傳，網(wǎng)絡(luò)下單，那么網(wǎng)站就是您企業(yè)在網(wǎng)絡(luò)的第一張名片。全世界大約有十幾億人在訪問互聯(lián)網(wǎng)，其中中國就占大約3.6億網(wǎng)民。不管你是做什么買賣的，不管你的市場在國內(nèi)還是國外，還是全球，這絕對是一個龐大的數(shù)字。網(wǎng)民不僅人多，更是最具商務(wù)潛力的人群。。做生意當(dāng)中的許多周折無非就是跟他人取得聯(lián)系并建立關(guān)系。精明的商人都知道，重要的不是你知道什么，而是你認(rèn)識誰。每逢佳會，大家都要互遞名片，而偶然的會見有時能談成大宗交易——這種事兒每個商人都能講出幾件來。那么，如果你向幾千個，甚至幾百萬個潛在客戶和合作伙伴遞出名片，并說這就是我所從事的工作，如果你需要我的服務(wù)，可以通過它跟我聯(lián)系，這樣將會產(chǎn)生何等效果也就可想而知了。你的合作伙伴，在網(wǎng)上可以清晰知道你是干什么的做什么產(chǎn)品并可以非常迅速的找到你。在網(wǎng)絡(luò)上，你每天24小時都可以這樣做。企業(yè)要發(fā)展，廣告、公關(guān)必不可少，這個您必須認(rèn)同。報紙豆腐干廣告一天少則幾千，多則上萬。戶外廣告，高速廣告一年數(shù)十萬還不一定有效果。而網(wǎng)絡(luò)一年只要幾千，卻獲得無限生意機(jī)會。拿辰憶設(shè)計零元建站服務(wù)來說，一個月只收取380元的網(wǎng)站托管費(fèi)用，企業(yè)一旦上了網(wǎng)，您不僅能獲得買家采購信息，您更可以將自己公司和產(chǎn)品信息發(fā)布到互聯(lián)網(wǎng)，買家隨時可以找到您。最少的花費(fèi)，卻比任何營銷手段都快捷、簡便和經(jīng)濟(jì)?？蛻粢话闶遣粫e極主動地向公司反饋信息的。如公司在設(shè)計網(wǎng)站時，加入專門用于客戶與公司聯(lián)系的電子郵件和電子表格，由于使用極其方便。一般客戶還是比較樂于使用這種方式與公司進(jìn)行聯(lián)系。因此，公司可以得到大量的客戶意見和建議。來改善自己的產(chǎn)品不足和對客服服務(wù)的不周全。1.2網(wǎng)頁設(shè)計工具網(wǎng)頁三劍客網(wǎng)頁三劍客，顧名思義，是一套強(qiáng)大的網(wǎng)頁編輯工具，最初是由Macromedia公司開發(fā)出來的。由Dreamweaver，F(xiàn)irework，F(xiàn)lash三個軟件組成，俗稱三劍客。之所以稱之為三劍客，很大一部分是因?yàn)檫@三種軟件能相互無縫合作?，F(xiàn)在，制作網(wǎng)頁，式：利用Flash動畫，可以生成Flash特有的.swf格式文件，它也能轉(zhuǎn)換導(dǎo)出其他格式的式：利用Flash動畫，可以生成Flash特有的.swf格式文件，它也能轉(zhuǎn)換導(dǎo)出其他格式的媒體文件。圖像或圖像序列格式媒體文件。圖像或圖像序列格通常由Fireworks導(dǎo)出切片、圖片等，然后在Dreamweaver中繪制表格；較為流行的一種是在Fireworks中做好主要頁面，然后導(dǎo)出，在Dreamweaver中加以修改，添加鏈接等，便做出一個非常好看的頁面。1.2.1FLASH概述Flash是美國Macromedia公司所設(shè)計的二維動畫軟件，全稱MacromediaFlash（被Adobe公司收購后稱為AdobeFlash），主要用于設(shè)計和編輯Flash文檔。附帶的MacromediaFlashPlayer，用于播放Flash文檔?，F(xiàn)在，F(xiàn)lash已經(jīng)被Adobe公司購買，最新版本為：AdobeFlashCS5，播放器也更名為AdobeFlashPlayer。1.2.2Dreamweaver概述Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設(shè)計工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。1.2.3Fireworks概述AdobeFireworks可以加速Web設(shè)計與開發(fā),是一款創(chuàng)建與優(yōu)化Web圖像和快速構(gòu)建網(wǎng)站與Web界面原型的理想工具。Fireworks不僅具備編輯矢量圖形與位圖圖像的靈活性,還提供了一個預(yù)先構(gòu)建資源的公用庫,并可與AdobePhotoshop、AdobeIllustrator、AdobeDreamweaver和AdobeFlash軟件省時集成。在Fireworks中將設(shè)計迅速轉(zhuǎn)變?yōu)槟Ｐ?或利用來自Illustrator、Photoshop和Flash的其它資源。然后直接置入Dreamweaver中輕松地進(jìn)行開發(fā)與部署。建東職業(yè)技術(shù)學(xué)院（論文）第2章網(wǎng)站總體設(shè)計2.1網(wǎng)站設(shè)計的基本步驟第一步是主頁,它起到的是標(biāo)題和目錄的作用。主頁的設(shè)計非常重要，它給人公司的第一印象，因此代表的是企業(yè)的形象，網(wǎng)站整體性能的高低。主頁要在文件小、下載速度快、信息含量大的基礎(chǔ)上，力求美觀大方，主題鮮明，給人賞心悅目、一目了然的感覺，這樣才能滿足客戶的各種需求，激起客戶的興趣，對網(wǎng)站進(jìn)行進(jìn)一步的訪問。第二步是信息采集與整理，主要是與網(wǎng)站主題相關(guān)的各類文字，圖像或信息，在用一些動畫和按鈕來制作網(wǎng)頁的點(diǎn)綴。第三步定網(wǎng)頁界面，主要由排版、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，是網(wǎng)站看起來清晰有條。第四步確定網(wǎng)站的風(fēng)格，主要包括CI、版面布局、瀏覽方式、交換性、文字等風(fēng)格。我對企業(yè)商務(wù)網(wǎng)站的主要風(fēng)格運(yùn)用白色，讓網(wǎng)頁給客戶簡潔,典雅，大氣的感覺。2.2企業(yè)商務(wù)網(wǎng)站的構(gòu)思我首先運(yùn)用FLASH動畫做標(biāo)題欄，然后使用Fireworks制作按鈕，將主頁的字運(yùn)用超鏈接到個子頁面。然后超鏈接分別連接各自的二級頁面上。然后運(yùn)用模板工具，將總的模塊劃分為6個小模塊，分別是首頁，公司簡介，產(chǎn)品展示，現(xiàn)貨資源，客戶留言，聯(lián)系我們，然后將這6個模塊運(yùn)用超鏈接做好子頁面。網(wǎng)站的模塊劃分如下圖：首頁聯(lián)系我們客戶留言現(xiàn)貨資源產(chǎn)品展示公司簡介首頁聯(lián)系我們客戶留言現(xiàn)貨資源產(chǎn)品展示公司簡介首頁圖2.2.12.3企業(yè)商務(wù)網(wǎng)站模塊結(jié)構(gòu)本網(wǎng)站以“網(wǎng)站設(shè)計與制作”為主題，綜合運(yùn)用網(wǎng)頁三劍客及Photoshop等工具，制作了一個共有15個網(wǎng)頁的靜態(tài)網(wǎng)站。站內(nèi)分別制作了：公司簡介，產(chǎn)品展示，現(xiàn)貨資源，客戶留言，聯(lián)系我們等多個版塊，并在主頁中以橫版導(dǎo)航形式呈現(xiàn)出來。下面分別介紹幾個主要版塊的設(shè)計思想和主要內(nèi)容：（1）主頁：主頁通常會有整個網(wǎng)站的導(dǎo)航目錄。在標(biāo)題欄上我會運(yùn)用Flash在制作一個動畫，來引導(dǎo)主題，然后運(yùn)用超鏈接來制作導(dǎo)航條，劃分出二級頁面的內(nèi)容，可以通過超鏈接鏈接到各個頁面。（2）公司簡介：我主要用dreamweaver的模板工具把主頁我需要的地方制成一個模板，然后用框架結(jié)構(gòu)來超鏈接多個適合短途休閑的地方。其中我運(yùn)用到背景圖片的設(shè)計然后點(diǎn)擊左邊的框架主題就能瀏覽到具體介紹的頁面。主要選到了烏鎮(zhèn)、天目湖、千島湖、獅子林、溱湖等幾個熱點(diǎn)風(fēng)景區(qū)，運(yùn)用代碼添加背景音樂。（3）長途度假：長途度假我依然選擇運(yùn)用框架結(jié)構(gòu)來設(shè)計，標(biāo)題欄運(yùn)用flash來制作動畫，我覺得選擇框架既簡單又能更加清晰的給游客一種一目了然的感覺。主要選了九寨溝、日月潭、天池、海南島等幾個地區(qū)，以超連接的方式連接到main頁面中。運(yùn)用代碼添加背景音樂。(4)飲食天地：旅游的游客享受美食是一種必不可少的一部分，我同樣運(yùn)用框架結(jié)構(gòu)，收集熱地區(qū)的美食然后作出最好的介紹，主要選到了四川、日月潭、新疆美食、天目湖等地區(qū)，標(biāo)題欄依舊運(yùn)用flash動畫來制作，然后頁面索性里添加背景以及在代碼中添加背景音樂。（5）特別推薦：特別推薦是我給游客設(shè)計的推薦的幾個比較有熱點(diǎn)性的地方，其中我推薦了黃山，天目湖、先兵馬俑三個地方，還是運(yùn)用了框架的結(jié)構(gòu)，在屬性里面添加背景還有超鏈接。第3章網(wǎng)站的具體設(shè)計上一章中主要介紹了網(wǎng)站的總體規(guī)劃和設(shè)計方向。在本章中將運(yùn)用網(wǎng)頁三劍客、Photoshop等工具對各板塊進(jìn)行具體設(shè)計與制作。3.1網(wǎng)站首頁的制作主要運(yùn)用Flash制作一個動畫，然后做出古典畫軸卷打開的效果，然后將景點(diǎn)一點(diǎn)一點(diǎn)的載入游客的眼中，能有種奪人眼球的效果，達(dá)到賞心悅目。制作過程：（1）運(yùn)用Flash，先新建一個背景圖層，選擇背景顏色，然后將所選的圖片導(dǎo)入舞臺當(dāng)中。再新建一個圖層，插入關(guān)鍵幀畫一個矩形跟舞臺一樣大，然后運(yùn)用遮罩層來使圖片有種打開的效果，然后新建圖層，命名為左軸，畫出畫軸一樣的矩形，然后選中畫軸，選擇編輯里面的直接復(fù)制，內(nèi)容如圖3.圖3.1.1初始頁面（2）然后新建圖層三，命名為右軸，然后插入關(guān)鍵幀，插入復(fù)制好的矩形，然后運(yùn)用補(bǔ)間動畫使軸動起來。整個動畫效果就形成了，最后加入音樂代碼，具體代碼內(nèi)容如圖3.1.2代碼所示。圖3.1.2聲音代碼3.2主頁的制作制作主頁：主頁主要運(yùn)用flash動畫、fireworks制作的導(dǎo)航條，運(yùn)用文字連接到二級網(wǎng)頁。Flash的效果就是讓“旅游”兩個字在圖面上滾動起來。然后運(yùn)用fireworks來制作導(dǎo)航條，再運(yùn)用聲音添加背景音樂最后再制作內(nèi)容欄的FLASH動畫運(yùn)行Flash軟件。新建一個主場景大小調(diào)整為“800*600”的Flash文檔。選擇wenzi圖層時間軸的第30幀后右擊，在彈出的菜單中選擇“轉(zhuǎn)換為關(guān)鍵幀”菜單項(xiàng)。選擇第1幀后右擊，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動畫”菜單項(xiàng)，以45度角移動到剛出舞臺的左上角，然后再新建一層輸入第二幀，將第二章圖片以從中間到兩邊放大的效果出現(xiàn)，運(yùn)用補(bǔ)間形狀在完成，再新建一層導(dǎo)入第三張圖片，以旋轉(zhuǎn)的形式來展示圖片，運(yùn)用補(bǔ)間動畫制作。3.2.1動畫的設(shè)計制作步驟：設(shè)計舞臺的大小，然后導(dǎo)入選好的圖片，在上面輸入TT網(wǎng)，再新建一層輸入文字“旅”，從第一幀到40幀之間分別插入四幀，沒一幀都將字體旋轉(zhuǎn)45度，然后每兩幀之間運(yùn)用補(bǔ)間動畫，使字體轉(zhuǎn)動起來。具體內(nèi)容如圖3.2.1所示。然后新建圖層，輸入文字游，運(yùn)用同樣的方法來制作“游”字滾動的效果。圖3.2.1標(biāo)題欄動畫制作效果整個設(shè)計一共有四大模塊，分別是“生活常識、科學(xué)文化、地理人文、娛樂趣事”。界面正中間分別點(diǎn)擊后可進(jìn)入每個模塊里面的詳細(xì)內(nèi)容。再用Authorware創(chuàng)作一個交互式應(yīng)用程序，當(dāng)運(yùn)行這個程序時，可以直接在屏幕上顯示這一復(fù)雜的制作過程：運(yùn)用圖片演示運(yùn)動方式；利用音樂聲音顯示動態(tài)感。通過多方位的表達(dá)，就會收到很好的使用效果。3.2.2導(dǎo)航條的制作運(yùn)用fireworks來制作導(dǎo)航條，新建畫布，然后編輯-新建按鈕，在按鈕畫布里面畫上圓角矩形，并且輸入文字。運(yùn)用fireworks來制作導(dǎo)航條：（1）新建舞臺如然后編輯里面新建按鈕，然后出現(xiàn)按鈕舞臺。再用矩形框畫出想要圖形的大小，然后運(yùn)用輸入工具寫入“首頁”然后制作“劃過”、“按下”、“有效區(qū)域”等幾個頁面。在屬性里面將鏈接、目標(biāo)等屬性里面填寫，然后點(diǎn)擊符合畫布，這樣一個Firework按鈕就可以制作完成了，具體內(nèi)容如圖3.2.圖3.2.（2）然后一次順序制作“短途休閑”“長途度假”“飲食天地”“特別推薦”等幾個按鈕。（3）最后將制作好的動畫和導(dǎo)航條放入Dreamweaver的表格中。如圖3.2.3圖3.2.33.2.3版權(quán)區(qū)設(shè)置版權(quán)的設(shè)計主要就是將我自己做的個人網(wǎng)頁申明一個版權(quán)，然后加上聯(lián)系方式以及版權(quán)擁有者的名字。如圖3.2.4版權(quán)圖所示。圖3.2.43.3各二級頁面的設(shè)計所謂二級頁面的設(shè)計主要是對“短途休閑”、“長途度假”、“飲食天地”、“特別推薦”等幾個頁面，運(yùn)用Flash、photoshop、Dreamweaver等工具進(jìn)行設(shè)計。3.3.1短途休閑的制作短途休閑主要是運(yùn)用Flash，Dreamweaver框架結(jié)構(gòu)來制作。新建一個“上方固定，左側(cè)嵌套”的框架集，單擊“創(chuàng)建”按鈕，完成創(chuàng)建。適當(dāng)調(diào)整各框架的大小。打開“窗口”菜單欄下的“框架”面板。依次點(diǎn)擊“topFrame”“l(fā)eftFrame”“mainFrame”以及框架集部分，分別將各部分以“top.htm”“l(fā)eft.htm”“main.htm”“articles.htm”命名，保存在相應(yīng)文件夾中。頂框架的制作，打開Flash工具，新建一舞臺，并且調(diào)整好舞臺的大小，然后將圖片導(dǎo)入舞臺，然后新建一圖層，輸入文字“短”然后插入關(guān)鍵幀，運(yùn)用補(bǔ)間動畫使其左右擺動，如圖3-3-1所示：圖3.3.1然后運(yùn)用同樣的方法制作出“游”“休”“閑”。主框架的制作添加背景圖片，運(yùn)用超鏈接將頁面的字連接到具體的頁面。最后將設(shè)計好的動畫插入到框架，如圖3.3.2（a）、（b）效果圖所示：圖3.3.2（a）框架效果圖圖3.3.2（b）框架效果圖3.3.2長途度假的制作長途度假主要運(yùn)用“上方固定，左側(cè)嵌套”的框架集，單擊“創(chuàng)建”按鈕，完成創(chuàng)建。適當(dāng)調(diào)整各框架的大小。打開“窗口”菜單欄下的“框架”面板。依次點(diǎn)擊“topFrame”“l(fā)eftFrame”“mainFrame”以及框架集部分，分別將各部分以“top.htm”“l(fā)eft.htm”“main.htm”“articles.htm”命名，保存在相應(yīng)文件夾中。頂框架的制作，打開flash工具，新建舞臺，調(diào)整好大小，然后導(dǎo)入圖片，再新建一元件如圖3.3.3新建元件所示。圖3.3.3新建元件然后運(yùn)用反射性填充色畫出星星，然后在40幀上插入關(guān)鍵幀，在40幀上改變星星的大小，運(yùn)用補(bǔ)間動畫使星星閃爍起來。新建元件2，先延長五幀，然后插入關(guān)鍵幀，將元件1移到舞臺的中，在40幀的地方插入關(guān)鍵幀，并延長5幀，運(yùn)用補(bǔ)間動畫，使星星閃爍?；氐綀鼍?，在圖片上輸入文字“長途度假”，將元件拖入舞臺，這樣星星閃爍的舞臺就形成了。如圖3.3.4所示。圖3.3.4星星閃爍效果設(shè)計主框架，將天池，日月潭，九寨溝等地區(qū)運(yùn)用超鏈接連接到三級頁面上。然后點(diǎn)擊就能在框架里面瀏覽到詳細(xì)信息。最后將框架和所制作的動畫來制作Dreamweaver長途旅行的效果圖，具體內(nèi)容如圖3.3.5效果圖所示。圖3.3.5長途度假效果圖3.3.3飲食天地的制作長途度假主要運(yùn)用“上方固定，右側(cè)嵌套”的框架集，單擊“創(chuàng)建”按鈕，完成創(chuàng)建。適當(dāng)調(diào)整各框架的大小。打開“窗口”菜單欄下的“框架”面板。依次點(diǎn)擊“topFrame”“l(fā)eftFrame”“mainFrame”以及框架集部分，分別將各部分以“top.htm”“l(fā)eft.htm”“main.htm”“articles.htm”命名，保存在相應(yīng)文件夾中。頂框架的制作，打開FLASH工具，打開Flash工具，新建一舞臺，并且調(diào)整好舞臺的大小，然后將圖片導(dǎo)入舞臺，然后新建一圖層，輸入文字美景，延長45幀，新建一圖層，延長五幀，然后插入關(guān)鍵幀，輸入美，然后在15幀和30幀處插入關(guān)鍵幀，在15出改變顏色的字體，然后運(yùn)用補(bǔ)間動畫，使字體改變顏色。圖3.3.5然后再新建一層，在第15幀出插入關(guān)鍵幀，寫上食，使用以上同樣的方法使其顏色變動，具體內(nèi)容如圖3.3.5最后將框架和所制作的動畫來制作Dreamweaver長途旅行的效果圖，具體內(nèi)容如圖3.3.6效果圖所示。圖3.3.6美食美景效果圖3.3.4特別推薦的設(shè)計特別推薦主要是運(yùn)用“上方固定，右側(cè)嵌套”的框架集，單擊“創(chuàng)建”按鈕，完成創(chuàng)建。適當(dāng)調(diào)整各框架的大小。打開“窗口”菜單欄下的“框架”面板。依次點(diǎn)擊“topFrame”“l(fā)eftFrame”“mainFrame”以及框架集部分，分別將各部分以“top.htm”“l(fā)eft.htm”“main.htm”“articles.htm”命名，保存在相應(yīng)文件夾中。頂框架的制作打開flash工具，新建一舞臺，調(diào)整好大小，然后導(dǎo)入圖片，然后輸入“推薦”兩個字，新建一圖層，插入關(guān)鍵幀，輸入“特”字。在40幀處插入關(guān)鍵幀，將字體移動位置，再延長20幀，使“特”字在圖片上運(yùn)動。新建一層，運(yùn)用同樣的方法制作“別”字。主框架的設(shè)計，運(yùn)用超鏈接連接到詳細(xì)的網(wǎng)頁頁面上，如圖3.3.7所示。圖3.3.7最后將框架和所制作的動畫來制作Dreamweaver長途旅行的效果圖，具體內(nèi)容如圖3.3.8效果圖所示。圖3.3.8特別推薦效果圖3.4背景音樂設(shè)置將二級頁面設(shè)計音樂特效，找到<body>,在其后插入以下代碼：<body><bgsoundsrc="../music/p6.mp3"loop="1"/>運(yùn)用代碼插入音樂，使游客游覽網(wǎng)頁時有種身臨其境的感覺。PAGE15第4章超鏈接設(shè)置以及調(diào)試運(yùn)行4.1超鏈接的設(shè)置Dreamweaver制作主要是運(yùn)用超鏈接實(shí)現(xiàn)的，將首頁鏈接到子頁面上來。如果是運(yùn)用框架的話，最注重的是目標(biāo)的鏈接。具體內(nèi)容如圖4.1.1圖4.1.1一般網(wǎng)頁的超鏈接都是運(yùn)用屬性里面的鏈接實(shí)現(xiàn)的，直接的鏈接到想轉(zhuǎn)到的那個頁面上，這樣就可以設(shè)置好網(wǎng)頁的跳轉(zhuǎn)鏈接。主要的是運(yùn)用框架的鏈接，依次點(diǎn)擊“topFrame”“l(fā)eftFrame”“mainFrame”要將left里面的內(nèi)容在main里面顯示出來，那么就得在鏈接目標(biāo)中鏈接main這個目標(biāo)，這樣點(diǎn)擊left里面的內(nèi)容連接好以后會在main里面運(yùn)行。如圖4.1.2圖4.1.2超鏈接設(shè)置最后在制作網(wǎng)頁的時候要清晰的標(biāo)明所制作網(wǎng)頁的名稱，以便在運(yùn)用超鏈接的時候能夠快速、清晰的鏈接。4.2調(diào)試運(yùn)行作品完成之后，我進(jìn)行調(diào)試的時候也出了很多錯誤，一開始只知道頁面鏈接以后網(wǎng)頁就可以了，可以跳轉(zhuǎn)就行了，但是其中頁面的豐滿性是非常重要的，讓我遇到最重要的問題就是頁面的排版和色彩的調(diào)配，第一次給老師看的時候，老師說我的頁面有點(diǎn)奇怪，就是色彩上不搭配。但是后我找人幫忙，再加上老師的點(diǎn)評，作品稍微有點(diǎn)起色了。在調(diào)試的過程中可以將作品進(jìn)行進(jìn)一步的美觀。有不足的地方還可以修改，雖然早制作的過程中覺得已經(jīng)布置的井井有條，沒有一點(diǎn)空隙，沒有一點(diǎn)參差不齊，可是在運(yùn)行的時候就是那里多一快，這里有一快白的啊，所以在調(diào)試的過程修改的東西還是很多的。在制作的過程運(yùn)用到框架的地方總是有點(diǎn)問題，在鏈接的時候沒有把目標(biāo)選好，主要是鏈接到mainFrame當(dāng)中，這樣在點(diǎn)擊左欄的內(nèi)容是，內(nèi)容欄就會打開所鏈接的網(wǎng)頁。在首頁制作當(dāng)中，由于我用Flash制作的古典的畫軸打開的，在制作的時候有畫布底紋，將Flash插入Dreamweaver里運(yùn)行的時候后面總有底紋顏色在圖片上，看不到圖片的顏色，經(jīng)過老師的教導(dǎo)知道了在參數(shù)中給到當(dāng)中的參數(shù)。如圖4.2圖4.2.再次運(yùn)行的時候畫軸下面的底紋就沒有了。在調(diào)試慢慢修改中網(wǎng)頁逐步完成了。建東職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計（論文）結(jié)論畢業(yè)設(shè)計即將在本周結(jié)束，經(jīng)過近兩個月的努力，終于得以完成，心里十分欣喜。雖然不是太完善，但是這是自己精心努力的成果，自己第一次制作的網(wǎng)站，覺得很有意義。本文以“企業(yè)商業(yè)網(wǎng)站的設(shè)計與制作”為課題，主要圍繞現(xiàn)代人們的旅游方向和人們需要所設(shè)計的，主要設(shè)為首頁，公司簡介，產(chǎn)品展示，現(xiàn)貨資源，客戶留言，聯(lián)系我們等幾個方面。在老師的細(xì)心指導(dǎo)以及多方書籍的考查下，綜合運(yùn)用網(wǎng)頁三劍客和Photoshop等工具設(shè)計出了一個共有15張網(wǎng)頁的精美網(wǎng)站。站內(nèi)更設(shè)有多個版塊供瀏覽者訪問。通過本次畢業(yè)設(shè)計的制作，我了解到網(wǎng)站設(shè)計越來越接近一門藝術(shù)而不僅僅是一門技術(shù)。網(wǎng)站設(shè)計的優(yōu)與劣主要在于網(wǎng)站設(shè)計者對網(wǎng)站總體內(nèi)容的把握、設(shè)計方向、各版塊的聯(lián)系等等。資料了解以后我總結(jié)到：一個企業(yè)商業(yè)網(wǎng)站主要分為三部分：1,設(shè)計規(guī)劃站點(diǎn)2，收集材料3，制作站點(diǎn)。從老師介紹的網(wǎng)頁三劍客的書中和平時學(xué)習(xí)的過程中知道一個優(yōu)美而又有主題的站點(diǎn)可以從站點(diǎn)的主題，站點(diǎn)的風(fēng)格，使用對象，站點(diǎn)內(nèi)容，實(shí)現(xiàn)手段等幾個方面進(jìn)行考。在這次制作的過程比較占優(yōu)勢的就是現(xiàn)在我們正好學(xué)習(xí)FLASH、PS這兩門工具，正好能體現(xiàn)現(xiàn)學(xué)現(xiàn)用，在制作動畫，畫軸開展等一系列的都覺得不是太難，但是在制作按鈕的時候就遇到一些問題了，本想添加FLASH按鈕的，可是由于文件名出錯，不可以用，于是書上介紹運(yùn)用Fireworks制作按鈕，這對我來說可能也是自學(xué)能力的挑戰(zhàn)，F(xiàn)ireworks在課程中是沒有教過的，然后我按照書上的步驟制作了按鈕，雖然不是很好看，但基本功能能實(shí)現(xiàn)了，讓我感到有點(diǎn)喜悅。在設(shè)計過程中，我通過查閱有關(guān)書籍，與同學(xué)交流和自學(xué)，使自己學(xué)到了不少知識，也經(jīng)歷看了不少艱辛，但收獲同樣巨大。在整個設(shè)計中我懂得了許多東西，也培養(yǎng)了我獨(dú)立工作的能力，樹立了對自己工作能力的信心，相信會對今后的學(xué)習(xí)工作生活有非常重要的影響。而且大大提高了動手的能力，使我充分體會到了在創(chuàng)造過程中探索的艱辛和成功的喜悅。雖然這個設(shè)計做的也不太好，但是在設(shè)計過程中所