洋河酒廠企業網站制作設計論文(編輯修改稿)

　

【文章內容簡介】 場 . 管理需求 從管理 者的 角度 ,網 站最 重要 的環 節就是 便于 管理 和維護 ,面對市 場的日 益變化 ,企業 的產品 的不 斷更新 ,企業可 以迅 速的更 16 新產品 庫 ,以便 消費者 及時 的看到 企業 的產品 ,同時企 業也 可以得到應有的效益 . 軟件結構圖 針對以上的功能需求，現將該網站的結構模塊圖詳述如 進入網站 公司簡介 產品信息 聯系我們 銷售網絡 留言板 通過身份驗證進入網站后臺 產品管理 添加產品 在線訂購管理 操作人員管理 修改產品 刪除產品 17 可行性研究： 技術可行性： 由于本人所學專業是計算機專業，對于網站制作及程序開發有濃厚的興趣，曾經多次參與過學校網站制作，對于 ASP＋ ACCESS 網站編程比較了解。 資金、工作條件問題： 網站制作并不是很大工程，在制作過程中 也不需要太 好的硬件和其 它的 資 金開 銷 。只 需要 有 一些 計 算機 和開 發 運行 調 試軟 件 環境。網站制作環境可以在 Windows20 Office2020 和 DreamWeaver中進行。 經濟效益： 網站的制作是為了在互聯網上對我公司的形象和產品進行宣，發掘潛在客戶，并可以讓老客戶了解我司的最新資訊及產品情況，同時可以實現與同行業間信息的交流。從近期及長遠考慮，建立網站對于公司有會產生一定的經濟效益。 第四章 網站前臺制作 企業建立網站的目地是想通過網絡宣傳自己的產品，與客戶建立起一種長期的勾通方式，通過網站客戶 可以了解某一企業的最新情況，網站的用戶（ 瀏覽人群 ）主要分 為兩類：一 類是網站 的瀏覽者 ，這類 18 人群通過各種 渠道知道 本網站， 并對網站中 所感興的 信息進行 游覽；另一類是網站 的管理者 ，他們是 網站的維護 人員，對 網站中各 信息進行及時的更新 ，并對前 一類用戶 在網站中發 表的留言 、訂單等 信息進行處理。根據 使用人群 的不同， 網站可以分 成兩模塊 ，一類是 向網民介紹企業資訊 、產品信 息的前臺 頁面，這類 頁面是針 對于網站 的所有用戶，另一類 是為網站 管理者設 計的，屬于 網站的后 臺管理系 統，通過后臺管理程序可以對網站中各頁面的信息進行修改，各模塊如下： 網站前臺功能分析 網站是向網民宣傳自己企業及產品的宣傳頁面，用戶為所有網站的瀏覽者，用 戶可以瀏 覽各頁面 ，查看產品 信息，對 自己感興 趣的產品進行定購， 并可以將 自己對于 網站或產品 發表自己 的意見和 建議，本模塊組成如下： 公司簡介用于介紹公司的簡單信息，通過此頁可以讓瀏覽者對本站及公司有一 個大概的 了解，本 頁在設計上 要體現企 業文化及 歷史背景。公司簡介文字內容如下： 進入網站 公司簡介 產品信息 聯系我們 銷售網絡 留言板 19 江蘇洋 河珍品 酒業有 限公司 (原江蘇洋河 第五酒廠 ),是集 體股份制的集團企業， 座落在中國名酒之鄉 江蘇省洋河鎮，現有職工 380人，科研技術人員 23 人，占地面積 萬平方米，早產洋宮牌系列酒8000 噸。 本集團公司生產設備先進，檢測手段齊全，釀酒技術精湛，是 規 模 較 大 的白 酒 生 產 的 專 業 化 集 團 企 業 素有 “ 聞香下馬。知味停車 ” 的美稱。 司在社會 各界同仁 的關懷和支 持下，洋 宮系列酒 連續獲部、省、市優質產品獎，暢銷國內外 ,本公司產品已由中保承保。 本集團公司連早 被省市人 民政府命 名為 “ 明星 企業 ” ， 并獲國家 級《二級計量合格證書》、《全面質量合格證書》，且連續十二年被評為《重合同，守信用》、《 AAA 級信用企業》、《物價、計量信得過單位》等光榮稱號。 產 品信息用于介紹產品的詳細信息，包括有產品圖片、產品名稱、生產廠家、產品簡介等一些信息。同時應具有在線訂購功能。 聯系我們用于顯示公司的聯系信息，便與客戶與公司取得聯系。 留言板實現與網站瀏覽者的在線信息交流。 包含有公司簡介和聯系方式，同時這些信息需要即時修改功能，便于對網站中信息及時更新。 產品展示及在線訂購 對產品進行介紹，并有在線訂購的功能。產品介紹有：產品名稱、生產廠家、產 品簡介。 并可以及 時發布新的 產品信息 ，對原有 產品信息進行即時修改功能。 與客戶的信息交流 客戶可以通過網站的留言板發表自己的意見和 建議。網站管理員能夠對留言進行查看。 20 網站中各頁面實現 本站導航含有：公司簡介、產品信息、銷售網絡、聯系方式和留言板這五個鏈接，以及一套網站后臺管理程序。 公司簡介：本頁用于介紹公司的簡介信息，讓瀏覽者了解該公司的一些基本情 況。本站 制作的是 一家酒廠的 網站，在 界面設計 上用了一些山水畫和 仿古的圖 案，給人 一種古色古 香的感覺 ，喻意： 酒是越陳越香。制作完成后的效果如下圖： 本頁在制作過程中需要對整個頁面進行總體的規劃設計，界頁設計在 Photoshop 中進行，設計效果如下： 界面在 Photoshop 中設計 完成以后，需要將圖片文件切割成多塊，切割時要注意切割的每一塊應滿足下一步在 Dreamweaver 中處理方便， 21 每一塊不能太小。如果切割的每一塊太小，會對后面的在 Dreamweaver中處理帶來麻煩。切割的效果如下： 圖片切割好以后對所有切片進行導出，執行“存儲為 Web 所用格式 … ”，在彈出的對話框中，進行相應的設置，最后選擇存儲，將圖片文件導出成為網頁文件， P hotoshop 所形成的網頁文件，實質上是對圖片中的每一個 切片保存 成一個獨 立的文件， 并將這些 圖片放在 表格中進行布局。所導出的文件，有圖片文件和 html 的網頁文件。對于這些文件我們可以使用 Dreamweaver 進行再次編輯，這里所說的編輯是指對 html 的網頁文件進行編輯。 打開發布文件的目錄在這個目錄中有兩個對象，一個是 html 文件，另一個是存放構成網站所需圖片的文件夾。 22 下面的操作需要使用網頁制作軟件 Dreamweaver 對 P hotoshop 所形成的 html 文件進行編輯： 在 Dreamweaver 需要對網頁按照在 P hotoS hop 中的效果進行重新的布局。制作完成后效果如下圖： 23 公司簡介頁面在制作 產品信息界面：本頁面用于向用戶展示 公 司的產品，包括產品的圖片、名稱、 生產廠家 及產品簡 介。本頁的 信息可以 在網站后 臺管理程序中進行修改。 24 客戶留言：本頁用于客戶將自己的意見和建議反饋給網站的所有者。 至此網站前臺制作完成，這一部分的制作主要使用 Dreamweaver 和Photoshop 兩個軟件。 第五章 網站后臺制作 網站后臺功能需求分析 網站后臺管理程序（簡稱“后臺”）：本站所做的是一家公司的網站，網站中有許多 地方需要 具有即時 修改的功能 ，所以需 要給網站 制作一個后臺管理程 序，便于 網站管理 員及時對網 站中的信 息進行添 加或刪除。 通過身份驗證進入網站后臺 產品管理 添加產品 在線訂購管理 操作人員管理 修改產品 刪除產品 25 網站后臺管理程序是為網站管理員管理網站所設計的，使用者僅限網站管理員， 所以在進 入后臺需 要進行身份 驗證，通 過驗證才 可以進入后臺，效果如下： 代碼實現思路：對用戶輸入的用戶名和密碼，與數據庫中的用戶名和密碼進行比較，如果一樣則進入網站，否則不可以進入。 在制 作這 一 功能 時需 要 ASP +Access 的配 合使 用。 同 時需 要用 到HTML、 VBS cript 等語言。 ASP（ Active S erver Pages）是微軟開發的一套服務端腳本環境。 ASP 是用服務器端腳本、對象和組件擴展了的標準的 HTML 頁。也就是說， AS P 對標準的 HTML 文件增加了一些附加特征， ASP 像標準的 HTML 文件一樣包含 HTML 語句并且在一個瀏覽器上解釋并顯示。 ASP 文件的后綴是 .asp ，其中包含實現動態功能的 VBS cript 或Jscript 語句，如果去掉這些語句，它和標準的 HTML 文件沒有區別。AS P 提供了一些內建對象，利用這些對象可以進一步擴展 HTML，使腳本更加強大。 ASP 還可以通過 ADO 對后臺數據庫進行操作，這是ASP 一個非常強大的功能。 要想在網頁中插入 ASP 程序，首先需要安裝 ASP 程序的調試環境。也說是說需要安裝 Windows2020 自帶的“ Inter 信息管理”組件，安 26 裝并不復雜， 但是需要 注意的是 安裝好以后 各參數要 正確設置 ，如果設置不正確可能會導致 ASP 程序無法正常調試。 Inter 信息服務（ IIS） 概述 Inter 信息服務 （ IIS） 提供了一些服務器管理選項，用于控制網站或 FTP 站點的內容以及對這些站點的訪問。例如，如果您是一位開發人員，在將站點上載到公司 Intra 或 Inter 之前要對站點進行測試，則可以使用此工具測試您的設置并查看這些設置在最終服務器上的精確效果。 Inter 信息服務管理單元包含下列功能： ? 服務器的一些附加設置，如管理 FTP 站點。 ? 新建虛擬目錄的向導。 ? 管理 Inter 信息服務網絡安裝的能力。 安裝 IIS 服務器 Windows2020 的 IIS 是 版。安裝方法是，插入 Win2020 安裝盤，執行 “ 添加 /刪除程序 → 添加 /刪除 Windows 組件 ” ，然后出現下圖，把第一項 IIS 打上勾就可： 27 圖 然后有 2 次提示插入光盤： 圖 這時一定要找到 I386 這個目錄，并且這兩次都需要你重新查找路徑，一路確定就安裝完畢了﹗ 配置服務器 新建虛擬空間： 打開“ Inter 服務管理器”窗口； 28 圖 選擇“默認 Web 服務”，執行“操作” —— “新建” —— “虛擬目錄”如下圖； 圖 此時將打開“虛擬目錄創建向導”如下圖，按向導的提示進行相應的選擇； 29 圖 圖 完成設置后，就可以在虛擬目錄中調試 網頁了。 后臺詳細設計 在 Dreamweaver 中為表 單中的