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