某學(xué)院門戶網(wǎng)站設(shè)計(jì)說明

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

2、reamweaver MX基礎(chǔ)知識(shí)和基本操作，掌握布局頁面和操作表格，能夠運(yùn)用與設(shè)置圖像，能夠制作框架頁面和創(chuàng)建，能夠設(shè)置層、層動(dòng)畫和行為，并能夠創(chuàng)建頁面中的表單對(duì)象和制作的綜合實(shí)例。三、取證培訓(xùn)的容第一單元 基本操作1建立并設(shè)置本地根文件夾：新建文件夾，命名文件夾，復(fù)制文件。2定義站點(diǎn)：設(shè)置站點(diǎn)名稱，本地根文件夾，默認(rèn)圖像文件夾, 地址。3創(chuàng)建與設(shè)置文檔：創(chuàng)建HTML文檔，命名和保存文檔，設(shè)置文檔頁面屬性。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樣式。第二單元 布局頁面和操作表格 1布局頁面：繪制頁面布局，設(shè)置頁面布局。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è)圖。第四單元 制作框架頁面1框架的插入：在空白的文檔中創(chuàng)建指定類型的框架。2框架的命名：正確命名框架文檔中各部分的框架。3保存框架集文件：以指定的名稱保存框架集。4填充框架容：在指定的框架頁中輸入相應(yīng)的文本，設(shè)置框架頁的頁面屬性。5插入代碼片斷：在指定的框架頁中插入代碼片段。6保存與設(shè)置框架文檔：以指定的名稱命名并保存框架頁，設(shè)置框架的寬度以與上下和左右的間距。7超級(jí)的建立與框架目標(biāo)的指定：設(shè)置指定框架頁文檔的，指定被文檔所顯示的目標(biāo)框架。8框架源文件的指定：設(shè)置指定框架中的源文件。第五單元 創(chuàng)建1創(chuàng)建和設(shè)置：對(duì)指定的文本創(chuàng)建。2插入命名書簽：在指定的位置插入命名

5、書簽，命名所插入的命名書簽。3創(chuàng)建命名書簽：對(duì)指定的文本創(chuàng)建指定的命名書簽。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)畫，錄制動(dòng)畫軌跡，設(shè)置時(shí)間軸，在時(shí)間軸中添加或使用行為。第七單元 表單的創(chuàng)建與設(shè)置1插入并命名表單：使用插入表單命名在文檔中插入表單。2插入表單對(duì)象：文本域、圖像域、下拉列表框、跳轉(zhuǎn)菜單、單選按鈕、

6、隱藏域等表單對(duì)象。3表單對(duì)象屬性的設(shè)置：表單對(duì)象的命名，表單對(duì)象類型的設(shè)置，表單對(duì)象值的設(shè)置。4插入與設(shè)置表單按鈕：插入按鈕，設(shè)置按鈕標(biāo)簽，指定按鈕動(dòng)作。5表單的屬性設(shè)置：表單的命名，表單的處理。第八單元 綜合應(yīng)用1設(shè)置頁面屬性：能按照試題要求，完成頁面標(biāo)題等屬性的設(shè)置。2創(chuàng)建CSS樣式：能熟練重定義HTML標(biāo)記和設(shè)置超級(jí)字體顏色。3布局頁面輪廓：根據(jù)試題論述，參照樣圖，能利用表格或通過對(duì)單元格的拆分與合并完成對(duì)各個(gè)頁面區(qū)域輪廓的布局。4填充頁面元素：能完成各個(gè)區(qū)域文本的輸入，圖像的插入與設(shè)置，表單、圖像熱點(diǎn)區(qū)域以與的創(chuàng)建與設(shè)置等操作。四、取證培訓(xùn)的時(shí)間安排周次星期容17周周一1下發(fā)任務(wù)書 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整理素材周三首頁外觀的設(shè)計(jì)制作周四運(yùn)用與設(shè)置圖像周五制作框架頁面18周周一層、時(shí)間軸和行為的使用周二其他頁外觀的設(shè)計(jì)制作周三綜合測(cè)試周四撰寫報(bào)告周五整理文檔，上交報(bào)告五、取證培訓(xùn)論文的寫作要求取證培訓(xùn)最后，要求每一位同學(xué)都要撰寫一篇關(guān)于“企業(yè)門戶設(shè)計(jì)方案”的論文。1要求獨(dú)立完成設(shè)計(jì)，若完全出現(xiàn)一樣者，一律視其為不合格。2要求獨(dú)立編寫報(bào)告，若有一樣者，一律視其為不合格。3正文格式：A4紙、小四號(hào)、宋體、打印。容篇幅至少為3000字以上，將“網(wǎng)頁設(shè)計(jì)(取證)任務(wù)書”附在前面與封面、

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

9、效能且技術(shù)統(tǒng)一的平臺(tái)，以整合當(dāng)前的網(wǎng)上業(yè)務(wù)，同時(shí)讓本身的系統(tǒng)能夠隨時(shí)便利升級(jí)，以支持未來網(wǎng)上業(yè)務(wù)的發(fā)展。建設(shè)集多功能（如客戶關(guān)系管理、網(wǎng)上銷售、知識(shí)銷售、知識(shí)管理、容管理等）于一身的企業(yè)門戶，成為勢(shì)在必行的上網(wǎng)策略。本系統(tǒng)的開發(fā)恰恰滿足了這一要求。論文中詳細(xì)介紹了系統(tǒng)的需求分析、總體設(shè)計(jì)與各功能模板的詳細(xì)設(shè)計(jì)。關(guān)鍵字：門戶性企業(yè)門戶性企業(yè)門戶目錄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)首頁設(shè)計(jì)3留言簿模塊設(shè)計(jì)3論壇模塊設(shè)計(jì)3 (3) 數(shù)據(jù)庫設(shè)計(jì)7（4）開發(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）開發(fā)制作10（3）調(diào)試完善105. 安全問題與對(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è)門戶性，樹立企業(yè)的網(wǎng)絡(luò)形象，成為企業(yè)適應(yīng)信息化時(shí)代發(fā)展的最佳方式。企業(yè)門戶性的建設(shè)，使企業(yè)能夠通過網(wǎng)絡(luò)和客戶更好的交流，拉近企業(yè)和客戶的距離，掌握大量的客戶反饋信息，并與時(shí)作出企業(yè)部調(diào)整方案，以滿足客戶不斷增長(zhǎng)的需

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

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

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

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

15、：P41.8GHz；q 存：256MB以上。軟件平臺(tái)：q 操作系統(tǒng)：WindowsXP/Windows2000；q 數(shù)據(jù)庫：MySQL 5.0；q 開發(fā)工具包：JDK Version1.4.2；q JSP服務(wù)器：Tomcat；(5) 的制作規(guī)探討四、的設(shè)計(jì)制作（1）整體形象設(shè)計(jì)（2）開發(fā)制作（3）調(diào)試完善五、安全問題與對(duì)策每個(gè)服務(wù)必須有定義清晰的流程，每個(gè)步驟需要什么條件、產(chǎn)生什么結(jié)果、由誰來操作、如何實(shí)現(xiàn)等都應(yīng)該是清晰無誤的。實(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)制度。用戶操作的每

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

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