畢業(yè)設(shè)計（論文）企業(yè)網(wǎng)站設(shè)計論文

1、企業(yè)網(wǎng)站設(shè)計論文所在系別：計算機(jī)信息技術(shù)系專業(yè)班機(jī)：07五年制系統(tǒng)維護(hù)學(xué)生姓名： 指導(dǎo)教師： 答辯時間： 2011年7月 目錄摘要.1第一章dreamweaver技術(shù)簡介.2第二章網(wǎng)站流程圖簡介11第三章程序詳細(xì)介紹.12第四章主要程序段.17參考文獻(xiàn)22致謝辭23摘要dreamweaver是美國macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。隨著社會不斷發(fā)展，網(wǎng)絡(luò)不斷普及，一家大的公司都需要一個安全、詳細(xì)的網(wǎng)站。我做這個網(wǎng)站就是讓人

2、們在網(wǎng)絡(luò)上通過我的網(wǎng)站更了解我們公司，網(wǎng)站中有公司的簡介，我們產(chǎn)品的簡介和購買的地址，用這個網(wǎng)站增加我們公司的競爭性。第一頁第一章dreamweaver技術(shù)簡介1.1軟件簡介dreamweaver是由macromedia公司開發(fā)的一款所見即所得的網(wǎng)頁編輯器。和二維動畫設(shè)計軟件flash，專業(yè)網(wǎng)頁圖像設(shè)計軟件fireworks，并稱為“網(wǎng)頁三劍客”；2005年4月18日，全球最大的圖像編輯軟件供應(yīng)adobe宣布，以換股方式收購軟件公司macromedia，macromedia是著名的網(wǎng)頁設(shè)計軟件dreamweaver及flash的供應(yīng)商。據(jù)悉，此項交易涉及金額高達(dá)34億美元。根據(jù)雙方達(dá)成的協(xié)議，

3、macromedia股東將以1：0.69的比例獲得adobe的普通股。自此開始，dreamweaver開始屬于adobe設(shè)計軟件系列。 dreamweaver、flash以及在dreamweaver之后推出的針 dreamweaver對專業(yè)網(wǎng)頁圖像設(shè)計的fireworks，三者被macromedia公司稱為dreamteam(夢之隊)，足見市場的反響和macromedia公司對它們的自信。說到dreamweaver我們應(yīng)該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)(internet)的家喻戶曉，html技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編

4、輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在word中進(jìn)行文本編輯不會感到有什么區(qū)別，但它同時也存在著致命的弱點。第二頁1.1.1經(jīng)典版本macromedia dreamweaver 8.0 簡體中文版 軟件大?。?60.24 m 開 發(fā) 商： adobe 軟件類別： 國外軟件 / 網(wǎng)頁制作 軟件語言： 簡體中文 應(yīng)用平臺： win9x/winnt/win2000/winxp 軟件性質(zhì)： 共享(收費)軟件 界面面板初識界面安裝后，它會自動在 windows 的菜單中創(chuàng)建程序組。

5、與 frontpagr 有很大的不同，它 macromedia dreamweaver把工具欄省去了，然后增加了幾個浮動的工具欄。在 dreamwaver3.0 中，它的工具欄全是浮動工具欄，可以將工具欄縮小，也可以關(guān)閉。在專業(yè)術(shù)語里面，他們叫“浮動面板”，利用浮動面板來控制對頁面的編寫，而不是利用煩瑣的對話框，這是 dreamwaver3.0 編輯網(wǎng)頁中最值得人贊賞的特性。通過在浮動面板中進(jìn)行屬性設(shè)置，這樣就直接可以在文檔中看到結(jié)果，避免了中間過程，提高了工作效率。但對于熟悉了微軟的應(yīng)用程序的用戶來說，開始的時候可能很不習(xí)慣。先來介紹它的三個最重要的浮動面板。 1.1.2啟動面板啟動面板主要

6、用來快速啟動相應(yīng)的任務(wù)，或顯示/隱藏相應(yīng)的浮動面板。如果啟動面板是豎的，那么，可以點擊它右下角的一個小按鈕，它就可以變成橫向的了，這時，可能會發(fā)現(xiàn)，它的狀態(tài)欄上也有這個面板上的所有選項。這也就為網(wǎng)第三頁頁制作者提供了方便?？梢灾苯訌挠蚁陆屈c擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對話框。 1.1.3對象面板對象面板主要功能相當(dāng)于插入菜單，主要是向網(wǎng)頁中插入一些對象，如表格，框架，圖象，層，flash 動畫等，它通過一個下拉菜單，把要插入的選項都包括在了其中，如圖5。 每一個選項中都有若干個圖標(biāo)，只要在圖表上單擊一下，就可以插入想要插入的對象了。 1.1.4屬性面板屬性面板會隨著編輯的內(nèi)容而變化，這個圖是文字

7、屬性面板，它里面包含了所要編輯的文字的所有內(nèi)容，包括字體，顏色，大小，連接，縮進(jìn)等，它的右下角還有一個向下的小三角箭頭，單擊它，會展開屬性面板，它把一些不常用的屬性也列出來。展開后，箭頭會變成向上，單擊它，又會使屬性面板復(fù)原。屬性面板很多，還有圖象屬性控制面板，層屬性控制面板等對象的屬性控制面板，用戶只要選擇要編輯的對象，它就會自動變化，挺方便的。用戶對所有由啟動面板彈出來的浮動面板在被打開后，可以重新組合，可以將經(jīng)常用的面板單獨地拉出來，只需要將鼠標(biāo)放到想要拉的按鈕上面，然后按住左鍵拖動就可以了，同理，把他們組合也是一樣，用鼠標(biāo)拖動后，放到上面就可以。1.1.5發(fā)展概述dreamweaver

8、的開發(fā)者是美國的macromedia公司，macromedia公司總部設(shè)立在美國加州(加利福尼亞)三番市（舊金山），在全球50多個國家設(shè)有經(jīng)營機(jī)構(gòu)。macromedia公司在全球擁有300萬開發(fā)和設(shè)計用戶以及廣大的行業(yè)合作伙伴網(wǎng)絡(luò)，其豐富的客戶機(jī)軟件被98%的web應(yīng)用開發(fā)人員所廣泛使用，是企業(yè)、政府和教育市場客戶的戰(zhàn)略性it提供商。 2005年4月18日，adobe公司收購macromedia公司,dreamweaver，authorware等軟件同歸adobe公司。adobe systems是一家總部位于美國加州圣何塞的電腦軟件公司。公司由喬恩沃諾克和查理斯格什克創(chuàng)建于1982年12月，他

9、們先前都曾任職于施樂公司的帕洛阿爾托研究中心，離開后組建了adobe系統(tǒng)公司，使得postscript頁描述語言得到商業(yè)化應(yīng)用。 第四頁adobe 解決方案現(xiàn)在已成為數(shù)碼成像領(lǐng)域的金科玉律。 與此同時，adobe creative suite 代表了下一代的設(shè)計和發(fā)布平臺。 adobe 智能文檔技術(shù)則推動著整個企業(yè)級文檔服務(wù)領(lǐng)域的發(fā)展，幫助各種規(guī)模的企業(yè)優(yōu)化和加速文檔處理流程并進(jìn)一步提高效率。 1.2軟件版本介紹1.2.1dreamweaverdreamweaver是美國macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化

10、網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。 dreamweaver、flash以及在dreamweaver之后推出的針對專業(yè)網(wǎng)頁圖像設(shè)計的fireworks，三者被macromedia公司稱為dreamteam(夢之隊)，足見市場的反響和macromedia公司對它們的自信。說到dreamweaver我們應(yīng)該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)(internet) 的家喻戶曉，html技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則

11、所得網(wǎng)頁編輯器的優(yōu)點就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在word中進(jìn)行文本編輯不會感到有什么區(qū)別，但它同時也存在著致命的弱點： 一、 難以精確達(dá)到與瀏覽器完全一致的顯示效果。也就是說您在所見即所得網(wǎng)頁編輯器中制作的網(wǎng)頁放到瀏覽器中是很難完全達(dá)到您真正想要的效果，這一點在結(jié)構(gòu)復(fù)雜一些的網(wǎng)頁（如分幀結(jié)構(gòu)、動態(tài)網(wǎng)頁結(jié)構(gòu)）中便可以體現(xiàn)出來； 二、 頁面原始代碼的難以控制性，比如您在所見即所得編輯器中制作一張表格也要幾分鐘，但您要它完全符合您要求可能需要幾十分鐘，甚至更多時間。而相比之下，非所見則所得的網(wǎng)頁編輯器，就不存在這個問題，因為所有的html代碼 都在您的監(jiān)控

12、下產(chǎn)生，但是由于非所見則所得編輯器的先天條件就注定了它的工作低效率。如何實現(xiàn)兩者的完美結(jié)合，則既產(chǎn)生干凈、準(zhǔn)確的html代碼，又具備則見則所得的高效率、直觀性，一直是網(wǎng)頁設(shè)計師夢想。在dreamweaver之前，frontpage98一直被人們認(rèn)為是最好的所見即所得網(wǎng)頁編輯器，但是它同樣繼承了所見即所得的種種劣性。但是我說過這是在第五頁dreamweaver之前，現(xiàn)在我無意說dreamweaver已經(jīng)實現(xiàn)網(wǎng)頁設(shè)計師的夢想，但我覺得dreamweaver正在努力向這個夢想一步步走去。 1.2.2adobe dreamweaver cs3dreamweaver cs3是adobe（奧多比）公司收購

13、macromedia公司后最新推出的creative suite 3 設(shè)計套裝中用于網(wǎng)頁設(shè)計與制作的組件。作為全球最流行，最優(yōu)秀的所見即所得的網(wǎng)頁編輯器，dreamweaver可以輕而易舉地制作出跨操作系統(tǒng)平臺，跨瀏覽器的充滿動感的網(wǎng)頁，是目前制作web頁站點,web頁和web應(yīng)用程序開發(fā)的理想工具。 dreamweaver，fireworks，flash被稱為網(wǎng)頁制作的“三劍客”，這三款工具相輔相承，是制作網(wǎng)頁的最佳拍檔之一。 1.2.3adobe dreamweaver cs4dreamweaver cs4的界面幾乎是做了一次脫胎換骨的改進(jìn)，從中看到了更多的設(shè)計元素，讓dw也稍稍帶著點蘋果

14、的味道。如果說vista和office 2007創(chuàng)造了軟件界面設(shè)計的新紀(jì)元，那么adobe相當(dāng)于取代了蘋果的設(shè)計地位而緊隨ms之后。唯一的區(qū)別就是，ms老是抄人家蘋果的（汗一個，微軟的fans別砸我），而adobe卻是實實在在的自己創(chuàng)造，設(shè)計界的老大地位實至名歸 布局按鈕：這個按鈕似乎和下方的代碼、分割、設(shè)計按鈕功能重復(fù)，目前還不明白dw的意圖，唯一增加的新功能是垂直分割，讓代碼和設(shè)計界面以垂直對比的方式呈現(xiàn)。 精簡設(shè)計：它提供了更多的可視區(qū)域，同時可以把右邊的菜單收縮到只剩下圖標(biāo)。對于習(xí)慣了adobe其他設(shè)計軟件的朋友來說，這的確是非常貼心的設(shè)計。 應(yīng)用程序開發(fā)增強(qiáng)：左上方是和數(shù)據(jù)相關(guān)的面板

15、，包括數(shù)據(jù)庫面板、數(shù)據(jù)綁定面板和行為面板；左下方則是文件與資源相關(guān)的面板，包括文件面板、相關(guān)資源面板、代碼收集器等；右邊則是設(shè)計相關(guān)面板，包括插入面板、css樣式表面板、ap元素面板（用來為浮動層定位）。應(yīng)該說這是一個萬金油布局，幾乎適用所有的開發(fā)者，同時，它也把大部分菜單展示在用戶面前，其他的七種布局可以說只是在這個基礎(chǔ)上進(jìn)行一些排列和隱藏。 在下方的文檔面板上，dw新增加了一個實時預(yù)覽功能live view。它的作用是在dw窗口中實時查看代碼的效果，包括javascript特效！ 第六頁1.2.4adobe dreamweaver cs52010年4月12日備受關(guān)注的adobe新一代產(chǎn)品c

16、reative suite 5（cs5）正式發(fā)布了。其中包括新的dreamweaver cs5。 此次dreamweaver cs5最突出的亮點有三處：1、對cms的支持功能；2、對css的校驗；3、對php更好的支持。以至于國外一些同學(xué)對dreamweaver cs5的體驗為more wordpressy, more firebuggy。 除此以外，cs5還內(nèi)置了webkit引擎，可以模仿safari、chrome瀏覽器預(yù)覽網(wǎng)頁效果。 php支持也在cs5版本中得到改善，不僅可以利用代碼提示在文檔中查找到自定義的函數(shù)，還可以利用此功能更好地設(shè)計cms模板，減輕了廣大模板設(shè)計者的痛苦。 除了以

17、上三個亮點外，dreamweaver cs5還有一些其它新特性，比如它整合了browserlab網(wǎng)絡(luò)服務(wù)，可以讓你在鏈接到網(wǎng)絡(luò)瀏覽器實驗室，同 時使用不同瀏覽器檢查布局，左側(cè)是ie，右側(cè)是firefox。1.3軟件優(yōu)點dreamweaver可以用最快速的方式將fireworks，freehand，或photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。dreamweaver能與您喜愛的設(shè)計工具，如playback flash，shockwave和外掛模組等搭配，不需離開dreamweaver便可完成

18、，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使dreamweaver自動開啟firework或photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。 1.3.1網(wǎng)站管理使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，dreamweaver 會自動更新所有連結(jié)。使用支援文字、html碼、html屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。 1.3.2無可比擬的控制能力dreamweaver是唯一提供roundtrip html、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)第七頁和

19、表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得 dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給third-party廠商，包含asp， apache，broadvision， cold fusion，icat， tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和xml dreamweav

20、er將內(nèi)容與設(shè)計分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出xml內(nèi)容。 dreamweaver還集成了程序開發(fā)語言，對asp、.net、php、js的基本語言和連接操作數(shù)據(jù)庫，都是完全支持的。1.4工具簡介第一個為插入圖象的按鈕，點擊后，會彈出對話框，標(biāo)準(zhǔn)對話框，選擇想要的圖象就行了。 第二個（橫向走）為插入輪替圖象，它彈出的對話框會讓選擇兩副圖，以及鼠標(biāo)點擊時的連接等。作好后，用鼠標(biāo)移動到圖象上面，圖象就會變成另外的一副圖象，點擊它，就會連接到另外

21、一個頁面上去。 第三個為表格，點擊后，在彈出的對話框中，添入想要的行數(shù)和列數(shù)以及表格邊距顏色等。 第四個為插入表格式數(shù)據(jù)，可以將以前作成的表格形狀的數(shù)據(jù)表，直接插入到網(wǎng)頁中來，而不用做任何的修改。 第五個按鈕為插入水平線按鈕，插入后，在屬性浮動面板上改改它的大小等。 第六個為導(dǎo)航條，和第二個差不多，也可以換圖象，不過，比起第二個要復(fù)雜的多，但絕對簡單。 第七個為插入層，這好象是 dreamweaver 特有的特性，其他的網(wǎng)頁編輯軟件中都沒有這項功能。插入的層可以位于頁面的任何位置。拖動就行。 第八個為插入換行符，有時網(wǎng)頁中的文字想讓它換行，按回車又太大，用換行符就是一種不錯的選擇。 第八頁第九

22、個為插入 email，將聯(lián)系用的 email 插入網(wǎng)頁中，只要填上 email 地址就行。 第十個為插入日期，很簡單，沒有什么好說的。 第十一個為插入 flash按鈕，flash 是現(xiàn)在網(wǎng)頁中新興的一種多媒體，有動畫，有聲音，但文件很小，極適合在網(wǎng)上傳播。 第十二個為插入 shockwave 按鈕，做好了的 shockwave 直接就可以插到這兒來。 第十三個為插入制作人，親自制作的東西不想留名嗎？點它就行。 第十四為插入 firework 按鈕，firework 是 macromedia 公司的又一個產(chǎn)品，具有制作動畫圖象等動態(tài)功能。也是專門為網(wǎng)頁制作設(shè)計的。 第十五為插入 java語言編寫

23、的 applet 小程序按鈕。 第十六為插入 active x控件用的按鈕。 第十七為插入插件用的按鈕，這兒可以插入別的插件，上面未包括的。 第十八為插入服務(wù)器端接口聯(lián)系的按鈕。 1.4.1插入框架第一個按鈕為插入框架按鈕，為插入下面的那些按鈕作準(zhǔn)備。這下面的按鈕選項包括：文本框，按鈕，多選按鈕，單選按鈕，列表，文件域，圖象域，隱含域，跳轉(zhuǎn)菜單等交互式網(wǎng)頁要用到的組件，假如要制作一個交互式的網(wǎng)頁像留言薄什么的，用它做，非常的方便快捷。 1.4.2其他按鈕它還有幾個選項組，但都不是那么常用了，一個就是它 character 組它是常用符號組面板，里面為收集了最長用的符號，這些，通過手工直接寫，是

24、非常麻煩的事，因為它們是源碼了，而這兒，可以給直接的轉(zhuǎn)換成為源碼，插入就成。而 frames 組，則是對頁面的分頁，也就是分窗口，將一個瀏覽器窗口分成幾個窗口，在每個窗口里加入不同網(wǎng)頁，來達(dá)到不同的效果。它可以分的總類也如下，可以從圖上直接看出來，非常的方便與快捷。而 head 組則是在網(wǎng)頁“head”和“/head”之間加入必要的語句，可以是連接，可以是關(guān)鍵字，也可以是描述性的語句，還可以規(guī)定網(wǎng)頁的刷新頻率等。invisible 組則是插入網(wǎng)頁中看不見的元素了，比如說：換行符，回車符等不可見的符號。主要由這個控制面板來插入。 1.5使用方法1.5.1網(wǎng)頁制作新建方法，就不用多說，一般軟件中的

25、新建方法在這兒同樣使用，點擊菜單 file 中的 new 就行了，或者按 ctrl+n 也行。 在這兒就可以插入文字，圖象，層等，反正都隨，是不是也是所見既第九頁所得。假如想看一下它的源文件，可以點擊右下角的“”標(biāo)記，也可以點擊啟動面板中的最后一個選項。就會彈出來一個小窗口如圖：也可以打開外部編輯器來編輯它的源代碼，比如說記事本。 只要點一下“external editor”按鈕，wrap選項為換行，當(dāng)不想橫向拉動滾動條，把它選上，文字就自動會換行了，另外一個選項為行號選項，當(dāng)選上它是，左邊將會出項行號，這樣特別便于查找，去掉后，就與普通的記事本沒有什么區(qū)別了。編輯好后，關(guān)了它就可以了。 1.

26、5.2管理站點設(shè)計好的網(wǎng)頁，在放到網(wǎng)上去以前，都需要把它組建好，以便于上傳，在本地機(jī)上就要組織好，而 dreamweaver 也把這想到了，點擊啟動面板上的 site 選項，就會彈出站點管理窗口，和文件瀏覽器差不多，在這兒，可以增加文件夾，刪減文件，文件改名等等，只要是文件瀏覽器能干的事，它都能干。并且可以清楚地看到，哪個文件連接到了哪個文件，哪些文件是并列的關(guān)系，那些文件是父子關(guān)系。所做的第一步是先建立一個本地站點根目錄。然后選擇“new site”打開對話框，在“l(fā)ocal root folder”中，輸入本地站點根目錄的位置。然后輸入 http address，如果還沒有該地址，隨便輸入

27、一個也行，只要好記。最后，按“ok”鍵就可以了。以后從本地站點中刪除文件，拷貝文件時，站點會自動刷新站點文件列表。其余的管理操作，與文件瀏覽器一樣，也就不多說了。第十頁第二章網(wǎng)站流程圖簡介index.html主要界面外部的銷售網(wǎng)站產(chǎn)品展示生產(chǎn)加工銷售網(wǎng)絡(luò)聯(lián)系我們企業(yè)文化質(zhì)量監(jiān)控企業(yè)概述花生與人體健康南瓜粉的營養(yǎng)成分小小松子功效大南瓜造就健康生活杏仁油與健康滾動圖片連接的新聞第十一頁第三章.程序詳情介紹3.1使用dreamweaver創(chuàng)建站點：3.1.1主頁命名成:index因 為 我 做 的 是 一 個 關(guān) 于 健 康 食 品 的 網(wǎng) 站 所 以 我 選 擇 一 張 綠 色 生 態(tài) 的 圖 片

28、 作 為 我 的 背 景 ， 并 且 用 p s 做 了 一 個 廣 告 標(biāo) 語 來 宣 傳 我 的 東 西 是 綠 色 食 品 健 康 食 品。 然 后 做 了 兩 個 按 鈕 一 個 用 于 進(jìn) 入 我 的 網(wǎng) 頁 另 一 個 用 于 進(jìn) 入 一 個 外 部 的 銷 售 網(wǎng) 點 這 樣 做 的 目 的 是 讓 一 些 已 經(jīng) 了 解 我 產(chǎn) 品 的 人 快 速 購 買 ， 不 了 解 我 產(chǎn) 品 的 人 可 以 進(jìn) 入 我 的 下 一 個 網(wǎng) 頁 來 了 解 我 的 產(chǎn) 品。第十二頁3.1.2第二個界面命名為：zhuye這 個 頁 面 上 面 的 部 分 也 是 向 日 葵 的 圖 片 和

29、 廣 告 標(biāo) 語 ， 左 側(cè) 是 一 片 葉 子 的 圖 片 ， 用 綠 色 來 突 出 我 公 司 的 觀 念 “ 綠 色 食 品 能 帶 來 健 康 ” ， 右 側(cè) 是 一 張 伸 出 大 拇 指 的 圖 片 ， 我 想 用 這 張 圖 片 體 現(xiàn) 我 公 司 信 譽(yù) 至 上 的 理 念 ， 用 我 們 的 信 譽(yù) 、 真 誠 ， 讓 企 業(yè) 發(fā) 展 的 更 好 ， 更 值 得 人 們 信 任 。 在 上 部 圖 片 下 有 一 排 導(dǎo) 航 似 的 按 鈕 ， 它 們 分 別 連 接 到 別 的 分 頁 上 。 中 間 左 上 側(cè) 是 一 組 滾 動 的 圖 片 ， 每 張 圖 片 都 連

30、 接 到 分 頁 上 ， 中 間 右 上 側(cè) 是 一 些 食 品 的 簡 介 ， 它 們 也 都 連 接 在 別 的 分 頁 上 。中 間 下 側(cè) 是 一 個 avi 文 件 ， 我 用 a e 做 的 一 個 宣 傳 似 的 小 視 頻 ， 主 要 用 于 觀 看 網(wǎng) 站 的 人 更 好 的 了 解 我 們 公司。 第十三頁3.1.3下面這些分頁就是用文字或圖片介紹公司： 第十四頁3.1.4這個頁面是：chanpinjieshao我 設(shè) 計 這 個 頁 面 的 時 候 沒 有 簡 單 的 就 把 圖 片 放 在 里 面 做 些 連 接 ， 而 是 讓 圖 片 兩 張 成 一 組 ， 在 網(wǎng)

31、站 中 間 從 下 向 上 滾 動 播 放 ， 而 且 鼠 標(biāo) 放 在 上 面 圖 片 停 止 滾 動 每 一 張 圖 片 也 都 有 對 應(yīng) 的 連 接 ， 但 這 些 連 接 都 是 直 接 連 接 到 銷 售 的 網(wǎng) 站 上 ， 我 這 樣 做 就 是 讓 看 網(wǎng) 站 的 人 看 到 我 們 公 司 的 產(chǎn) 品 ，讓 一 些 看 到 我 們 公 司 產(chǎn) 品 有 想 購 買 的 能 快 速 購 買 ， 這 樣 做 的 好 處 就 是 避 免 了 一 些 消 費 者 因 沒 找 到 購 買 地 址 而 對 產(chǎn) 品 失 去 購 買 的 欲 望 。第十五頁3.1.5這個頁面是：shengchan

32、jiagong 這 個 頁 面 就 是 讓 幾 幅 圖 片 按 順 序 從 右 至 左 滾 動 出 來，這 個 分 頁 主 要 就 是 介 紹 了 我 們 公 司 的 廠 房 和 設(shè) 備 ， 當(dāng) 然 干 凈 和 技 術(shù) 高 的 廠 房 設(shè) 備 能 更 好 的 吸 引 那 些 為 了 吃 到 干 凈 健 康 食 品 的 消 費 者 前 來 購 買。第十六頁第四章.主要功能程序段這 個 是 用 dreamweaver中 的 程 序 實 現(xiàn) 了 多 張 圖 片 在 一 起 自 動 播 放 而 且 連 接 到 指 定 分 頁 上。程序：imgborder:0px;.style1height: 23px

33、; 第十七頁body margin-top:0px;var imgurl=new array();var imglink=new array();var imgtext=new array();var picnum=0;imgurl1=11.jpg;imglink1=tu.html;imgurl2=22.jpg;imglink2=tu.html;imgurl3=33.jpg;imglink3=tu.html;imgurl4=44.jpg;imglink4=tu.html;imgurl5=55.jpg;imglink5=tu.html;function nextpic() if(picnum5) picnum+ ; else picnum=1