某學院門戶網(wǎng)站設計說明

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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