【文章內(nèi)容簡(jiǎn)介】 頁 共 25 頁 2 項(xiàng)目分析 網(wǎng)站 設(shè)計(jì) 目標(biāo) 對(duì)于一個(gè)宣傳 網(wǎng)站 ，企業(yè)的品牌形象至關(guān)重要。 特別是對(duì)于互聯(lián)網(wǎng)技術(shù)高度發(fā)展的今天， 越來越多的人通過網(wǎng)絡(luò)來查找資料或進(jìn)行學(xué)習(xí) ，因此， 文 化傳播業(yè)應(yīng)該緊跟時(shí)代發(fā)展的步伐， 本設(shè)計(jì)的主要目標(biāo)是開發(fā) xxx 文化的文化網(wǎng)站，用戶可通過網(wǎng)站瀏覽一些關(guān)于 xxx 的資信或信息，例如： xxx 的發(fā)展史、 xxx 的種類介紹等。 按時(shí)保質(zhì)地完成 xxx 網(wǎng)的設(shè)計(jì)，并掌握到網(wǎng)站的制做過程與技術(shù)。 網(wǎng)站的整體設(shè)計(jì)思路簡(jiǎn)單，擁有基本的功能，風(fēng)格簡(jiǎn)潔、易用、不單調(diào)。各個(gè)子頁面都可正常返回主頁以及正確連接到各個(gè)子頁面，子頁面與主頁面的風(fēng)格及顏色相同。數(shù)據(jù)要求前臺(tái)正確顯示后臺(tái)要求的數(shù)據(jù)的更新，及錯(cuò)誤處理。 為了保證網(wǎng)絡(luò)的安全，不可以通過前臺(tái)進(jìn)入后臺(tái)，對(duì)后臺(tái)進(jìn)行操作。 本網(wǎng)站主要實(shí)現(xiàn)前臺(tái)通 過調(diào)用數(shù)據(jù)庫把后臺(tái)數(shù)據(jù)在前臺(tái)顯示和更新。管理員在后臺(tái)可以動(dòng)態(tài)更新首頁的內(nèi)容 ,使整個(gè)網(wǎng)站協(xié)調(diào)一致。在設(shè)計(jì)上 ,注重協(xié)調(diào)各區(qū)域的主次關(guān)系。 通過網(wǎng)站的制做，學(xué)會(huì)與同學(xué)的合做，培養(yǎng)團(tuán)隊(duì)協(xié)助能力。 網(wǎng)站介紹 本網(wǎng)站定位于計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)課程網(wǎng)，暫時(shí)考慮單機(jī)環(huán)境下的實(shí)現(xiàn)；操作系統(tǒng)選擇目前常用的 Windows xp 和 Windows server2020。系統(tǒng)性質(zhì)管理信息系統(tǒng)。 本網(wǎng)站前臺(tái)功能包含首頁、 xxx 與文化、 xxx 新聞、 xxx 的種類、 xxx 的美食、xxx 與健康、 xxx 具。整個(gè)網(wǎng)站網(wǎng)頁設(shè)計(jì)簡(jiǎn)單，是一個(gè)能夠給網(wǎng)民提 供 xxx 消息的網(wǎng)站。 客戶需求分析 該網(wǎng)站是針對(duì)那些對(duì) xxx 和中國(guó)歷史文化有興趣的網(wǎng)民，隨著中國(guó)不斷的發(fā)展，越來越多的人對(duì)中國(guó)的文化有興趣，并且學(xué)習(xí)中國(guó)的文化。 xxx 不僅對(duì)中國(guó)有重要的影響對(duì)世界的文化業(yè)有著重要的， xxx 曾踏上絲綢之路風(fēng)光過，在中國(guó)史上有著不可替代的作用和舉足輕重的歷史地位，學(xué)習(xí) xxx 文化，可以幫助中國(guó)文化的學(xué)習(xí)，本網(wǎng)站就是以推廣中國(guó)的 xxx 文化為本，幫助網(wǎng)民查找有關(guān) xxx 第 4 頁 共 25 頁 的信息，并且為網(wǎng)民提供一個(gè)可供交流的平臺(tái)，供喜歡 xxx 以及中國(guó)歷史文化的網(wǎng)民相互交流和學(xué)習(xí)。網(wǎng)絡(luò)的發(fā)展速度越來越快 ，所以這個(gè)網(wǎng)站還是很有發(fā)展前途的。 隨著網(wǎng)絡(luò)的發(fā)展，網(wǎng)絡(luò)已經(jīng)越來越貼近人民的生活，越來越多的人通過網(wǎng)絡(luò)來獲得他們所需要的信息，所以，通過網(wǎng)絡(luò)來推廣 xxx 文化是一個(gè)趨勢(shì)，也勢(shì)在必行。隨著經(jīng)濟(jì)的發(fā)展，人們的在物質(zhì)生活得到滿足的同時(shí)，人們還希望得到精神生活上的滿足。 xxx 不僅是一種飲品，更是一種文化，可以滿足人們?cè)谖镔|(zhì)和精神上的滿足，所以， xxx 在將來還是有很好的發(fā)展前途。本網(wǎng)站提供了將 xxx的文化和 xxx 的一些實(shí)時(shí)消息，幫助網(wǎng)民以最快的速度獲得他們想要的信息 ，網(wǎng)站功能需求表如表 ： 表 2. 1 網(wǎng)站的 功能性需求 功能序號(hào) 功能名稱 功能說明 1 首頁 整個(gè) xxx 信心的提供以及一些文化方面的介紹 2 xxx 與文化 xxx 的歷史習(xí)俗以及文化方面的文字和圖片的介紹 3 xxx 新聞 一些 xxx 的展會(huì)消息以及最新的動(dòng)態(tài)資訊 4 xxx 的種類 xxx 的分類以及其介紹 5 xxx 的美食 xxx 美食的介紹和做法 6 xxx 與健康 教人們要怎么健康飲 xxx 7 xxx 具 xxx 具的欣賞以及一些 xxx 具的介紹 網(wǎng)站界面設(shè)計(jì) 因?yàn)楸揪W(wǎng)站是 xxx 文化的網(wǎng)站，所以這個(gè)網(wǎng)站中采用了大量的具有中國(guó)文化元素的素 材如在制作 Logo 時(shí)選用的素材有中國(guó)風(fēng)格的人物畫，棋盤， xxx 壺，燈籠等，這些素材的運(yùn)用突出了網(wǎng)站的主題。從整體上來看，這個(gè)網(wǎng)站各個(gè)頁面的分工明確，頁面美觀、大方、簡(jiǎn)潔、易懂。標(biāo)準(zhǔn)、具有一定的兼容性。 網(wǎng)站開發(fā)環(huán)境需求 軟件環(huán)境：兼容當(dāng)前主流操作系統(tǒng) Windows XP/server2020 等。 網(wǎng)站前臺(tái)總體設(shè)計(jì) 本網(wǎng)站主要是用來進(jìn)行 xxx 葉信息的介紹以及其消息的發(fā)布，作為一個(gè)網(wǎng)站，應(yīng)該有一些相關(guān)及其相對(duì)獨(dú)立的模塊耦合而成。本網(wǎng)站系統(tǒng)主要包括以下幾個(gè)主要頁面及幾個(gè)大的模塊，每個(gè)頁面包含豐富的內(nèi) 容，每個(gè)大的模塊下又細(xì)分 第 5 頁 共 25 頁 為幾個(gè)的功能模塊。 本網(wǎng)站主要用來進(jìn)行教學(xué)信息的發(fā)布與顯示。作為一個(gè)網(wǎng)站，應(yīng)該由一些相關(guān)及相對(duì)獨(dú)立的模塊耦合而成。本網(wǎng)站系統(tǒng)主要包括以下幾個(gè)主要頁面及幾個(gè)大的模塊，每個(gè)頁面包含豐富的內(nèi)容，每個(gè)大的模塊下又細(xì)分為幾個(gè)的功能模塊。 制作前臺(tái)頁面模塊，包括主頁及各個(gè)子頁面，建立各個(gè)頁面與數(shù)據(jù)庫中相關(guān)數(shù)據(jù)鏈接，實(shí)現(xiàn)前臺(tái)通過調(diào)用數(shù)據(jù)庫把后臺(tái)數(shù)據(jù)在前臺(tái)顯示和更新。整體網(wǎng)站遵循精品課程網(wǎng)站設(shè)計(jì)思路，擁有完善的功能，風(fēng)格要求簡(jiǎn)潔大方不單調(diào)。各個(gè)子頁面都可正常返回主頁以及正確連接到各個(gè)子頁面。功能要求 使用簡(jiǎn)單全面，容易操作。 由上面的分析，網(wǎng)站前臺(tái)的結(jié)構(gòu)設(shè)計(jì)成，如圖 2 1 所示 : 圖 21 網(wǎng)站前臺(tái)結(jié)構(gòu)設(shè)計(jì) 首 頁 xxx與文化 xxx具文化 xxx與健康 xxx的美食 xxx的種類 xxx業(yè)新聞 第 6 頁 共 25 頁 3 開發(fā)工具介紹 Dreamwaver CS3 介紹 Dreamweaver CS3是由 Adobe公司在并購 Macromedia之后推出的最新版本，它是一款專業(yè)的 Web 站點(diǎn)開發(fā)軟件，可用于 Web 站點(diǎn)、 Web 頁和 Web 應(yīng)用程序的設(shè)計(jì)、編碼和開發(fā)工作。在業(yè)界通常將 Dreamweaver、 Flash、 Fireworks 稱為網(wǎng)頁三劍客。 將各種網(wǎng)頁制作的相關(guān)工具緊密聯(lián)系起來是 Dreamweaver 系列的一大亮點(diǎn)，同時(shí)良好的插件體系，使 Dreamweaver CS3 可通過第三方插件進(jìn)行補(bǔ)充。另外，Dreamweaver CS3 還為開發(fā)人員提供了動(dòng)態(tài)語言支持與豐富的模板。Dreamweaver CS3 在功能強(qiáng)大與易用性之間具有很好的平衡，使用 Dreamweaver CS3 可以有效地提高 Web 開發(fā)的工作效率 與 Dreamwaver 8 比較 Dreamwaver CS3 新增了許多功能： （ 1）與 Photoshop CS3 的關(guān)聯(lián)增強(qiáng)。在 Dreamweaver CS3 中雙擊圖形、圖像文件，即可打開 Photoshop CS3 進(jìn)行編輯，也可以將 Photoshop CS3 中設(shè)計(jì)的圖形、圖像文件直接引入到 Dreamweaver CS3 中。 （ 2）對(duì)瀏覽器兼容性的檢查。多種瀏覽器并存的現(xiàn)狀給 Web 開發(fā)人員增加了很多額外的工作量，也許 Web 頁面在 IE 下看到的效果令人非常滿意，而放到其他瀏覽器例如 Mozilla Firefox 看起來卻是一團(tuán)糟。 Dreamweaver CS3 提供了對(duì)Firefox 、 Inter Explorer (Windows) 和 、 Inter Explorer (Macintosh) 、 Netscape Navigator 、 Opera 和 、 Safari 這些瀏覽器相關(guān) CSS 的兼容性檢測(cè)。 （ 3） CSS 相關(guān)功能的增強(qiáng)。在 Dreamweaver CS3 中提供了大量的 CSS 模板與代碼塊， 開發(fā)人員可以依據(jù)這些模板和代碼塊快速建立基于 CSS修飾的頁面。 Fireworks 技術(shù) Fireworks CS3 是一個(gè)強(qiáng)大的網(wǎng)頁圖形設(shè)計(jì)工具， 你可以使用它創(chuàng)建和編輯位圖、矢量圖形，還可以非常輕 松的做出各種網(wǎng)頁設(shè)計(jì)中常見的效果，比如翻轉(zhuǎn)圖象，下拉菜單等，設(shè)計(jì)完成以后，如果你要在網(wǎng)頁設(shè)計(jì)中使用，你 可以將它輸出為 html 文件， 還能輸出為可以在 photoshop， illustrator 和 flash 等軟件中編輯的格式。 Fireworks CS3 軟件可以加速 Web 設(shè)計(jì)與開發(fā) , 是一款創(chuàng)建與優(yōu)化 第 7 頁 共 25 頁 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。 Fireworks CS3 不僅具備編輯矢量圖形與位圖圖像的靈活性 , 還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫 , 并可與 Adobe Photoshop CS Adobe Illustrator CS Adobe Dreamweaver CS3 和 Adobe Flash CS3 軟件省時(shí)集成。 在 Fireworks 中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ?, 或利用來自 Illustrator 、 Photoshop 和 Flash 的其它資源。 然后直接置入 Dreamweaver CS3 中輕松地進(jìn)行開發(fā)與部署。矢量編輯與位圖編輯創(chuàng)建和編輯矢量圖像與位圖圖像 , 并導(dǎo)入和編輯本機(jī) Photoshop Illustrator 文件。圖像優(yōu)化采用預(yù)覽、跨平臺(tái)灰度系統(tǒng)預(yù)覽、選擇性 JPEG 壓縮和大量導(dǎo)出控件 , 針對(duì)各種交付情況優(yōu)化圖像。高效的 Photoshop 和 Illustrator 集成導(dǎo)入 Photoshop (PSD) 文件 , 導(dǎo)入時(shí)可保持分層的圖層、圖層效果和混合模式。將 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。導(dǎo)入 Illustrator (AI) 文件 , 導(dǎo)入時(shí)可保持包括圖層、組和顏色信息在內(nèi)的圖形完整性。 Flash 技術(shù) Flash 是 Macromedia 公司開發(fā)的集動(dòng)畫制作、網(wǎng)頁設(shè)計(jì)和多媒體應(yīng)用為一體的優(yōu)秀應(yīng)用軟件為。用 Flash 可制作交互式的動(dòng)畫和電影，這些動(dòng)畫和電影可以插入到網(wǎng)頁中，也可以獨(dú)立為動(dòng)態(tài)網(wǎng)頁，同 時(shí)，他還自帶了功能強(qiáng)大的ActionScript 編譯器，擴(kuò)展了動(dòng)畫的功能，與網(wǎng)絡(luò)應(yīng)用集成得更加緊密。 Access 介紹 Microsoft Access 應(yīng)用程序是一種功能強(qiáng)大且使用方便的關(guān)系型數(shù)據(jù)庫管理系統(tǒng)。 Microsoft Access 是 Office 系列軟件中用來專門管理數(shù)據(jù)庫的應(yīng)用軟件。所謂數(shù)據(jù)庫是指經(jīng)過組織的、關(guān)于特定主題或?qū)ο蟮男畔⒓?。它并不需要?shù)據(jù)庫管理者具有專業(yè)的程序設(shè)計(jì)水平，任何非專業(yè)的用戶都可以用它來創(chuàng)建功能強(qiáng)大的數(shù)據(jù)庫管理系統(tǒng)。由于它繼承了 Windows 的特性 ，它可運(yùn)行于各種 Microsoft Windows 系統(tǒng)環(huán)境中。 Microsoft Access 數(shù)據(jù)庫能匯集各種信息以供查詢、存儲(chǔ)和檢索。 Access 的優(yōu)點(diǎn)在于它能使用數(shù)據(jù)表示圖或自定義窗體收集信息。數(shù)據(jù)表示圖提供了一種類似于 Excel 的電子表格，可以使數(shù)據(jù)庫一目了然。另外， Access 允許創(chuàng)建自定義報(bào)表用于打印或輸出數(shù)據(jù)庫中的信息。 Access 也提供數(shù)據(jù)存儲(chǔ)庫，可以使用