某學(xué)院門(mén)戶(hù)網(wǎng)站設(shè)計(jì)說(shuō)明

1、 電子信息職業(yè)技術(shù)學(xué)院暨國(guó)家示性軟件職業(yè)技術(shù)學(xué)院門(mén)戶(hù)設(shè)計(jì)題 目： 門(mén)戶(hù)設(shè)計(jì) 姓 名： 王健 學(xué) 號(hào)： 17號(hào) 系 別： 軟件技術(shù)系 專(zhuān) 業(yè)： 軟件技術(shù) 班 級(jí)：軟件S08-3指導(dǎo)教師： 于筱荔 時(shí)間安排：2009年1月4日 至 2010年1月17日電子信息職業(yè)技術(shù)學(xué)院暨國(guó)家示性軟件職業(yè)技術(shù)學(xué)院企業(yè)門(mén)戶(hù)的建立(取證)任務(wù)書(shū)系 別： 軟件技術(shù)系 專(zhuān) 業(yè)： 軟件技術(shù) 班 級(jí)： 軟件S08-3 指導(dǎo)教師： 于筱荔 時(shí)間安排：2009年1月4日 至 2010年1月17日一、取證培訓(xùn)的目的通過(guò)取證培訓(xùn)，使學(xué)生掌握和應(yīng)用網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)的知識(shí)和技能，能夠合理布局，完成一個(gè)完整站點(diǎn)的設(shè)計(jì)。二、取證培訓(xùn)的要求掌握D

2、reamweaver MX基礎(chǔ)知識(shí)和基本操作，掌握布局頁(yè)面和操作表格，能夠運(yùn)用與設(shè)置圖像，能夠制作框架頁(yè)面和創(chuàng)建，能夠設(shè)置層、層動(dòng)畫(huà)和行為，并能夠創(chuàng)建頁(yè)面中的表單對(duì)象和制作的綜合實(shí)例。三、取證培訓(xùn)的容第一單元 基本操作1建立并設(shè)置本地根文件夾：新建文件夾，命名文件夾，復(fù)制文件。2定義站點(diǎn)：設(shè)置站點(diǎn)名稱(chēng)，本地根文件夾，默認(rèn)圖像文件夾, 地址。3創(chuàng)建與設(shè)置文檔：創(chuàng)建HTML文檔，命名和保存文檔，設(shè)置文檔頁(yè)面屬性。4輸入文本：采用任意輸入法，輸入樣文中的文本。5創(chuàng)建與運(yùn)用HTML樣式：創(chuàng)建HTML樣式，命名HTML樣式，運(yùn)用HTML樣式。6使用CSS樣式表：創(chuàng)建HTML樣式，命名HTML樣式，運(yùn)用H

3、TML樣式。第二單元 布局頁(yè)面和操作表格 1布局頁(yè)面：繪制頁(yè)面布局，設(shè)置頁(yè)面布局。2表格的創(chuàng)建與設(shè)置：創(chuàng)建表格，設(shè)置表格，填充表格。3設(shè)置單元格屬性：設(shè)置表格與單元格對(duì)齊方式，表格或單元格的寬度或高度，使用格式化表格命令。4復(fù)制表格或單元格：復(fù)制指定的表格或單元格。5管理表格：表格的排序，合并單元格。6重新編排表格：在指定的位置插入行或列，交換指定表格的行或列。第三單元 運(yùn)用與設(shè)置圖像1運(yùn)用圖像：一般圖像的插入，輪換圖像的創(chuàng)建。2設(shè)置圖像屬性：圖像基本屬性的設(shè)置，圖像熱點(diǎn)區(qū)域的創(chuàng)建和設(shè)置。3設(shè)置圖像：圖像，圖像熱點(diǎn)區(qū)域的創(chuàng)建與設(shè)置。4電子相冊(cè)的創(chuàng)建：創(chuàng)建網(wǎng)絡(luò)相冊(cè)，設(shè)置相冊(cè)標(biāo)題以與其他信息，指定

4、相冊(cè)的源，目的文件夾，設(shè)置相冊(cè)圖。第四單元 制作框架頁(yè)面1框架的插入：在空白的文檔中創(chuàng)建指定類(lèi)型的框架。2框架的命名：正確命名框架文檔中各部分的框架。3保存框架集文件：以指定的名稱(chēng)保存框架集。4填充框架容：在指定的框架頁(yè)中輸入相應(yīng)的文本，設(shè)置框架頁(yè)的頁(yè)面屬性。5插入代碼片斷：在指定的框架頁(yè)中插入代碼片段。6保存與設(shè)置框架文檔：以指定的名稱(chēng)命名并保存框架頁(yè)，設(shè)置框架的寬度以與上下和左右的間距。7超級(jí)的建立與框架目標(biāo)的指定：設(shè)置指定框架頁(yè)文檔的，指定被文檔所顯示的目標(biāo)框架。8框架源文件的指定：設(shè)置指定框架中的源文件。第五單元 創(chuàng)建1創(chuàng)建和設(shè)置：對(duì)指定的文本創(chuàng)建。2插入命名書(shū)簽：在指定的位置插入命名

5、書(shū)簽，命名所插入的命名書(shū)簽。3創(chuàng)建命名書(shū)簽：對(duì)指定的文本創(chuàng)建指定的命名書(shū)簽。4的設(shè)置與更改：設(shè)置與更改指定文本的。5創(chuàng)建電子：創(chuàng)建指定圖像或文本的電子。第六單元 層、時(shí)間軸和行為的使用 1層的插入與命名：在文檔中插入或繪制圖層，命名插入或繪制圖層。2層插入圖像：在指定的層插入指定的圖像。3設(shè)置層的大小和坐標(biāo)：設(shè)置指定層的寬度和高度，設(shè)置指定層的X軸和Y軸的坐標(biāo)。4時(shí)間軸和行為的使用：使用時(shí)間軸創(chuàng)建動(dòng)畫(huà)，錄制動(dòng)畫(huà)軌跡，設(shè)置時(shí)間軸，在時(shí)間軸中添加或使用行為。第七單元 表單的創(chuàng)建與設(shè)置1插入并命名表單：使用插入表單命名在文檔中插入表單。2插入表單對(duì)象：文本域、圖像域、下拉列表框、跳轉(zhuǎn)菜單、單選按鈕、

6、隱藏域等表單對(duì)象。3表單對(duì)象屬性的設(shè)置：表單對(duì)象的命名，表單對(duì)象類(lèi)型的設(shè)置，表單對(duì)象值的設(shè)置。4插入與設(shè)置表單按鈕：插入按鈕，設(shè)置按鈕標(biāo)簽，指定按鈕動(dòng)作。5表單的屬性設(shè)置：表單的命名，表單的處理。第八單元 綜合應(yīng)用1設(shè)置頁(yè)面屬性：能按照試題要求，完成頁(yè)面標(biāo)題等屬性的設(shè)置。2創(chuàng)建CSS樣式：能熟練重定義HTML標(biāo)記和設(shè)置超級(jí)字體顏色。3布局頁(yè)面輪廓：根據(jù)試題論述，參照樣圖，能利用表格或通過(guò)對(duì)單元格的拆分與合并完成對(duì)各個(gè)頁(yè)面區(qū)域輪廓的布局。4填充頁(yè)面元素：能完成各個(gè)區(qū)域文本的輸入，圖像的插入與設(shè)置，表單、圖像熱點(diǎn)區(qū)域以與的創(chuàng)建與設(shè)置等操作。四、取證培訓(xùn)的時(shí)間安排周次星期容17周周一1下發(fā)任務(wù)書(shū) 2

7、任務(wù)講解 3確定實(shí)習(xí)選題4站點(diǎn)的定義和規(guī)劃（確定主題）5創(chuàng)意與初步構(gòu)思周二1確立Web站點(diǎn)結(jié)構(gòu)的設(shè)計(jì)方案2收集素材 3整理素材周三首頁(yè)外觀的設(shè)計(jì)制作周四運(yùn)用與設(shè)置圖像周五制作框架頁(yè)面18周周一層、時(shí)間軸和行為的使用周二其他頁(yè)外觀的設(shè)計(jì)制作周三綜合測(cè)試周四撰寫(xiě)報(bào)告周五整理文檔，上交報(bào)告五、取證培訓(xùn)論文的寫(xiě)作要求取證培訓(xùn)最后，要求每一位同學(xué)都要撰寫(xiě)一篇關(guān)于“企業(yè)門(mén)戶(hù)設(shè)計(jì)方案”的論文。1要求獨(dú)立完成設(shè)計(jì)，若完全出現(xiàn)一樣者，一律視其為不合格。2要求獨(dú)立編寫(xiě)報(bào)告，若有一樣者，一律視其為不合格。3正文格式：A4紙、小四號(hào)、宋體、打印。容篇幅至少為3000字以上，將“網(wǎng)頁(yè)設(shè)計(jì)(取證)任務(wù)書(shū)”附在前面與封面、

8、正文一起裝訂，加目錄、摘要（200字）與35個(gè)關(guān)鍵字。4裝訂順序：封面、任務(wù)書(shū)、目錄、正文（包括：摘要、關(guān)鍵字、課程設(shè)計(jì)報(bào)告容、參考文獻(xiàn)等）。5課程設(shè)計(jì)報(bào)告的封面格式見(jiàn)附頁(yè)。報(bào)告容一般應(yīng)該包括：課程設(shè)計(jì)的目的、任務(wù)、要求、設(shè)計(jì)過(guò)程、小結(jié)、體會(huì)、參考文獻(xiàn)等容。6課程設(shè)計(jì)所提交容：課程設(shè)計(jì)報(bào)告電子文稿，課程設(shè)計(jì)報(bào)告打印稿各一份。 7提交時(shí)間：于第18周，周五交齊。六、取證培訓(xùn)的參考書(shū)目1網(wǎng)頁(yè)設(shè)計(jì)與制作教程 于筱荔主編 人民郵電2Dreamweaver MX 職業(yè)技能培訓(xùn)教程 希望電子3 Dreamweaver MX 試題匯編 希望電子4網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn) 巧玲 于筱荔編著 校講義摘要：企業(yè)需要更高

9、效能且技術(shù)統(tǒng)一的平臺(tái)，以整合當(dāng)前的網(wǎng)上業(yè)務(wù)，同時(shí)讓本身的系統(tǒng)能夠隨時(shí)便利升級(jí)，以支持未來(lái)網(wǎng)上業(yè)務(wù)的發(fā)展。建設(shè)集多功能（如客戶(hù)關(guān)系管理、網(wǎng)上銷(xiāo)售、知識(shí)銷(xiāo)售、知識(shí)管理、容管理等）于一身的企業(yè)門(mén)戶(hù)，成為勢(shì)在必行的上網(wǎng)策略。本系統(tǒng)的開(kāi)發(fā)恰恰滿(mǎn)足了這一要求。論文中詳細(xì)介紹了系統(tǒng)的需求分析、總體設(shè)計(jì)與各功能模板的詳細(xì)設(shè)計(jì)。關(guān)鍵字：門(mén)戶(hù)性企業(yè)門(mén)戶(hù)性企業(yè)門(mén)戶(hù)目錄1. 引言12. 的系統(tǒng)分析2（1）需求分析2（2）可行性分析23. 總體設(shè)計(jì)2（1）項(xiàng)目規(guī)劃2 設(shè)計(jì)目標(biāo)3 要善用圖像3 (2) 詳細(xì)設(shè)計(jì)3前臺(tái)首頁(yè)設(shè)計(jì)3留言簿模塊設(shè)計(jì)3論壇模塊設(shè)計(jì)3 (3) 數(shù)據(jù)庫(kù)設(shè)計(jì)7（4）開(kāi)發(fā)與運(yùn)行環(huán)境8（5）的制作規(guī)探討9

10、目錄規(guī)9 文件命名規(guī)9 結(jié)構(gòu)規(guī)94. 的設(shè)計(jì)制作10（1）整體形象設(shè)計(jì)10（2）開(kāi)發(fā)制作10（3）調(diào)試完善105. 安全問(wèn)題與對(duì)策116. 域名申請(qǐng)117. 網(wǎng)絡(luò)平臺(tái)的建立128. 設(shè)計(jì)與維護(hù)12心得體會(huì)12參考文獻(xiàn)131、前言Internet的全球性發(fā)展，對(duì)人們的生活、生產(chǎn)方式都產(chǎn)生了深遠(yuǎn)的影響。據(jù)推算到2006年底，我國(guó)網(wǎng)民人數(shù)將達(dá)到1.8個(gè)億，成為全球最大的互聯(lián)網(wǎng)市場(chǎng)。建設(shè)企業(yè)門(mén)戶(hù)性，樹(shù)立企業(yè)的網(wǎng)絡(luò)形象，成為企業(yè)適應(yīng)信息化時(shí)代發(fā)展的最佳方式。企業(yè)門(mén)戶(hù)性的建設(shè)，使企業(yè)能夠通過(guò)網(wǎng)絡(luò)和客戶(hù)更好的交流，拉近企業(yè)和客戶(hù)的距離，掌握大量的客戶(hù)反饋信息，并與時(shí)作出企業(yè)部調(diào)整方案，以滿(mǎn)足客戶(hù)不斷增長(zhǎng)的需

11、求。企業(yè)門(mén)戶(hù)性的建設(shè)和管理水平，直接影響企業(yè)的網(wǎng)絡(luò)形象，擁有一個(gè)設(shè)計(jì)美觀、功能全面的門(mén)戶(hù)性，已經(jīng)成為企業(yè)網(wǎng)絡(luò)化建設(shè)的一個(gè)重要容。門(mén)戶(hù)提供的功能服務(wù)應(yīng)該是切合瀏覽者實(shí)際需求的且符合企業(yè)特點(diǎn)的。例如網(wǎng)上銀行提供免費(fèi)電子和個(gè)人主頁(yè)空間就既不符合瀏覽者對(duì)網(wǎng)上銀行的需求也不是銀行的優(yōu)勢(shì)，這樣的功能服務(wù)提供不但會(huì)削弱瀏覽者對(duì)的整體印象，還浪費(fèi)了企業(yè)的資源投入，有弊無(wú)利。2 的系統(tǒng)分析(1) 需求分析通過(guò)相關(guān)調(diào)查，要求具有以下功能：q 通過(guò)前臺(tái)全面介紹企業(yè)的軟件產(chǎn)品并提供軟件下載。q 在前臺(tái)為針對(duì)性問(wèn)題提供解決方案。q 前臺(tái)在線(xiàn)解答用戶(hù)常見(jiàn)問(wèn)題。q 提供軟件補(bǔ)丁下載的功能。q 提供用戶(hù)注冊(cè)、登錄、用戶(hù)名和密

12、碼修改的功能。q 需提供在線(xiàn)留言簿，方便用戶(hù)留言。q 為用戶(hù)設(shè)置論壇模塊。q 通過(guò)后臺(tái)對(duì)用戶(hù)信息進(jìn)行管理，包括設(shè)置用戶(hù)權(quán)限和查詢(xún)用戶(hù)信息等功能。q 在后臺(tái)可以管理公告信息、新聞信息、論壇頭像、友情。q 通過(guò)后臺(tái)對(duì)軟件類(lèi)別與前臺(tái)提供的軟件和軟件補(bǔ)丁進(jìn)行管理。q 通過(guò)后臺(tái)管理問(wèn)題解決方案、常見(jiàn)問(wèn)題解答等信息。q 對(duì)用戶(hù)留言信息進(jìn)行回復(fù)和管理。(2) 可行性分析企業(yè)門(mén)戶(hù)滿(mǎn)足了企業(yè)通過(guò)前臺(tái)展示企業(yè)軟件產(chǎn)品、為用戶(hù)提供問(wèn)題解決方案的要求。通過(guò)的建立，加強(qiáng)企業(yè)與客戶(hù)之間的溝通，使企業(yè)能夠與時(shí)了解客戶(hù)的需求，與時(shí)幫助客戶(hù)解決日常工作中遇到的各種問(wèn)題，更好的服務(wù)于客戶(hù)，從而增進(jìn)了企業(yè)和客戶(hù)之間的友好業(yè)務(wù)關(guān)系。

13、3 總體設(shè)計(jì)對(duì)于一個(gè)企業(yè)門(mén)戶(hù)來(lái)說(shuō)，通常由兩部分組成，一部分是前臺(tái)，用于企業(yè)信息展示和與客戶(hù)進(jìn)行交流，另一部分是后臺(tái)，用于對(duì)信息的管理和回復(fù)留言。q 前臺(tái)前臺(tái)展示區(qū)要現(xiàn)：首頁(yè)、產(chǎn)品地帶、解決方案、技術(shù)支持、客戶(hù)渠道、論壇等模塊信息的顯示功能。q 后臺(tái)后臺(tái)管理模塊要現(xiàn)：用戶(hù)管理、用戶(hù)查找、論壇頭像管理、公告管理、新聞中心管理、友情管理、軟件類(lèi)別管理、軟件資源管理、常見(jiàn)問(wèn)題管理、解決方案管理、留言薄管理、下載工具補(bǔ)丁管理、論壇版塊管理、論壇管理等功能。(1) 項(xiàng)目規(guī)劃設(shè)計(jì)目標(biāo)本門(mén)戶(hù)是根據(jù)企業(yè)實(shí)際要求進(jìn)行開(kāi)發(fā)設(shè)計(jì)的，主要實(shí)現(xiàn)如下目標(biāo)：q 網(wǎng)頁(yè)風(fēng)格符合企業(yè)的特點(diǎn)，界面美觀大方。q 能夠?qū)镜漠a(chǎn)品進(jìn)行與

14、時(shí)的宣傳，并為本公司開(kāi)發(fā)的部分或全部軟件提供下載功能。q 針對(duì)某行業(yè)或某一問(wèn)題提供相應(yīng)的解決方案。q 充分為用戶(hù)著想，提供細(xì)致周到的技術(shù)支持。q 提供為用戶(hù)快速留言的留言簿，并具有版主回復(fù)功能。q 提供在線(xiàn)論壇與其維護(hù)功能。(2) 詳細(xì)設(shè)計(jì)前臺(tái)首頁(yè)設(shè)計(jì)：在企業(yè)門(mén)戶(hù)的首頁(yè)中，用戶(hù)不但可以查看的公司信息和新聞信息，而且還可以查看產(chǎn)品信息與工具軟件和軟件補(bǔ)丁的下載排行。留言簿模塊設(shè)計(jì)：企業(yè)門(mén)戶(hù)的留言簿通常情況下都是只有留言和查看留言的功能，對(duì)于留言簿的維護(hù)一般放在后臺(tái)進(jìn)行。下面將給出留言簿的查看留言、添加留言、回復(fù)留言和刪除留言的實(shí)現(xiàn)過(guò)程。 (3)數(shù)據(jù)庫(kù)設(shè)計(jì)(4) 開(kāi)發(fā)與運(yùn)行環(huán)境硬件平臺(tái)：q CPU

15、：P41.8GHz；q 存：256MB以上。軟件平臺(tái)：q 操作系統(tǒng)：WindowsXP/Windows2000；q 數(shù)據(jù)庫(kù)：MySQL 5.0；q 開(kāi)發(fā)工具包：JDK Version1.4.2；q JSP服務(wù)器：Tomcat；(5) 的制作規(guī)探討四、的設(shè)計(jì)制作（1）整體形象設(shè)計(jì)（2）開(kāi)發(fā)制作（3）調(diào)試完善五、安全問(wèn)題與對(duì)策每個(gè)服務(wù)必須有定義清晰的流程，每個(gè)步驟需要什么條件、產(chǎn)生什么結(jié)果、由誰(shuí)來(lái)操作、如何實(shí)現(xiàn)等都應(yīng)該是清晰無(wú)誤的。實(shí)現(xiàn)功能服務(wù)的程序必須是正確的、健壯的（防錯(cuò)的）、能夠與時(shí)響應(yīng)的、能夠應(yīng)付預(yù)想的同時(shí)請(qǐng)求服務(wù)數(shù)峰值的。需要人工操作的功能服務(wù)應(yīng)該設(shè)有常備人員和相應(yīng)責(zé)權(quán)制度。用戶(hù)操作的每

16、一個(gè)步驟（無(wú)論正確與否）完成后應(yīng)該被提示當(dāng)前處于什么狀態(tài)。六、域名申請(qǐng)注冊(cè)域名，讓企業(yè)在全球Internet上有唯一標(biāo)識(shí)，也是社會(huì)各用戶(hù)瀏覽該企業(yè)的門(mén)牌號(hào)和進(jìn)入標(biāo)識(shí)。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)那樣，在互聯(lián)網(wǎng)上廣為流傳，好的域名有助于你將來(lái)塑造自己在網(wǎng)上的國(guó)際形象。而同時(shí)域名在全世界具有唯一性，域名的資源又比較有限，誰(shuí)先注冊(cè)，誰(shuí)就有權(quán)使用，所以你現(xiàn)在就應(yīng)該考慮，是否要保護(hù)你在Internet上的無(wú)形資產(chǎn)。七、網(wǎng)絡(luò)平臺(tái)的建立虛擬主機(jī)是使用特殊的軟硬件技術(shù)，把每臺(tái)計(jì)算機(jī) 主分成一臺(tái)"虛擬"的主機(jī)，在外界看來(lái)，虛擬主機(jī)與真正的主機(jī)沒(méi)有任何區(qū)別，我們建議企業(yè)上網(wǎng)采用虛擬主機(jī)方式。一般虛

17、擬主機(jī)提供商都能向用戶(hù)提供10兆、30兆、50兆直到一臺(tái)服務(wù)器的虛擬主機(jī)空間。用戶(hù)可視的容設(shè)置與其發(fā)展前景來(lái)選擇。一頁(yè)網(wǎng)頁(yè)所占的磁盤(pán)空間大約20 - 50千字節(jié)，10兆大約可以放置200 - 500頁(yè)，但如果你對(duì)有特殊的要求，如圖片較多、動(dòng)畫(huà)較多、需要文件下載或有數(shù)據(jù)庫(kù)等，就需要多一些空間。八、設(shè)計(jì)與維護(hù)在充分考慮了目的和目標(biāo)群體的特點(diǎn)以后，再來(lái)選擇建站類(lèi)型，并相應(yīng)的安排適當(dāng)?shù)男畔⑷莺凸δ芊?wù)。顯然如果目標(biāo)群體的互聯(lián)網(wǎng)基礎(chǔ)薄弱，在信息容和功能服務(wù)的安排上，還應(yīng)該避免大而全的十全大補(bǔ)丸式、貧乏空洞的八股文式、以與選材偏離主題的常見(jiàn)錯(cuò)誤。首先要確定整個(gè)網(wǎng)頁(yè)系統(tǒng)的整體規(guī)劃，所要介紹的容圍和目的，之后要收集所有需要放在上的文本資料、圖片等，將收集的材料提供給我們，剩下的交給我們的設(shè)計(jì)人員吧。根據(jù)公司業(yè)務(wù)圍確定是否采用中英兩種版本，在安排層次的時(shí)候要充分考慮用戶(hù)操作，比較常用的信息容、功能服務(wù)應(yīng)該盡量放到更淺的層次以減少用戶(hù)點(diǎn)擊次數(shù)。心得