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

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

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

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

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

5、建鏈接1創(chuàng)建和設置鏈接：對指定的文本創(chuàng)建鏈接。 2插入命名書簽：在指定的位置插入命名書簽，命名所插入的命名書簽。3創(chuàng)建命名書簽鏈接：對指定的文本創(chuàng)建指定的命名書簽鏈接。4鏈接的設置與更改：設置與更改指定文本的鏈接。5創(chuàng)建電子郵件鏈接：創(chuàng)建指定圖像或文本的電子郵件鏈接。第六單元 層、時間軸和行為的使用 1層的插入及命名：在文檔中插入或繪制圖層，命名插入或繪制圖層。2層內(nèi)插入圖像：在指定的層內(nèi)插入指定的圖像。3設置層的大小和坐標：設置指定層的寬度和高度，設置指定層的X軸和Y軸的坐標。4時間軸和行為的使用：使用時間軸創(chuàng)建動畫，錄制動畫軌跡，設置時間軸，在時間軸中添加或使用行為。第七單元 表單的創(chuàng)建與

6、設置1插入并命名表單：使用插入表單命名在文檔中插入表單。2插入表單對象：文本域、圖像域、下拉列表框、跳轉(zhuǎn)菜單、單選按鈕、隱藏域等表單對象。3表單對象屬性的設置：表單對象的命名，表單對象類型的設置，表單對象值的設置。4插入與設置表單按鈕：插入按鈕，設置按鈕標簽，指定按鈕動作。5表單的屬性設置：表單的命名，表單的處理。第八單元 綜合應用1設置頁面屬性：能按照試題要求，完成頁面標題等屬性的設置。2創(chuàng)建CSS樣式：能熟練重定義HTML標記和設置超級鏈接字體顏色。3布局頁面輪廓：根據(jù)試題論述，參照樣圖，能利用表格或通過對單元格的拆分與合并完成對各個頁面區(qū)域輪廓的布局。4填充頁面元素：能完成各個區(qū)域文本的

7、輸入，圖像的插入與設置，表單、圖像熱點區(qū)域以及鏈接的創(chuàng)建與設置等操作。四、取證培訓的時間安排周次星期內(nèi)容17周周一1下發(fā)任務書 2任務講解 3確定實習選題4站點的定義和規(guī)劃（確定網(wǎng)站主題）5創(chuàng)意與初步構思周二1確立Web站點結構的設計方案2收集素材 3整理素材周三網(wǎng)站首頁外觀的設計制作周四運用與設置圖像周五制作框架頁面18周周一層、時間軸和行為的使用周二網(wǎng)站其他頁外觀的設計制作周三綜合測試網(wǎng)站周四撰寫報告周五整理文檔，上交報告五、取證培訓論文的寫作要求取證培訓最后，要求每一位同學都要撰寫一篇關于“企業(yè)門戶網(wǎng)站設計方案”的論文。1要求獨立完成設計，若完全出現(xiàn)相同者，一律視其為不合格。2要求獨立編

8、寫報告，若有相同者，一律視其為不合格。3正文格式：A4紙、小四號、宋體、打印。內(nèi)容篇幅至少為3000字以上，將“網(wǎng)頁設計(取證)任務書”附在前面與封面、正文一起裝訂，加目錄、摘要（200字）及35個關鍵字。4裝訂順序：封面、任務書、目錄、正文（包括：摘要、關鍵字、課程設計報告內(nèi)容、參考文獻等）。5課程設計報告的封面格式見附頁。報告內(nèi)容一般應該包括：課程設計的目的、任務、要求、設計過程、小結、體會、參考文獻等內(nèi)容。6課程設計所提交內(nèi)容：課程設計報告電子文稿，課程設計報告打印稿各一份。 7提交時間：于第18周，周五交齊。六、取證培訓的參考書目1網(wǎng)頁設計與制作教程 于筱荔主編 人民郵電出版社2Dre

9、amweaver MX 職業(yè)技能培訓教程 北京希望電子出版社3 Dreamweaver MX 試題匯編 北京希望電子出版社4網(wǎng)頁設計與制作實訓 姜巧玲 于筱荔編著 校內(nèi)講義摘要： 企業(yè)需要更高效能且技術統(tǒng)一的平臺，以整合當前的網(wǎng)上業(yè)務，同時讓本身的系統(tǒng)能夠隨時便利升級，以支持未來網(wǎng)上業(yè)務的發(fā)展。建設集多功能（如客戶關系管理、網(wǎng)上銷售、知識銷售、知識管理、內(nèi)容管理等）于一身的企業(yè)門戶網(wǎng)站，成為勢在必行的上網(wǎng)策略。本系統(tǒng)的開發(fā)恰恰滿足了這一要求。論文中詳細介紹了系統(tǒng)的需求分析、總體設計及各功能模板的詳細設計。關鍵字：門戶性網(wǎng)站 企業(yè)門戶性網(wǎng)站 企業(yè)門戶網(wǎng)站目錄1. 引言12. 網(wǎng)站的系統(tǒng)分析2（1

10、）需求分析2（2）可行性分析23. 總體設計2（1）項目規(guī)劃2 設計目標3 要善用圖像3 (2) 網(wǎng)站詳細設計3 網(wǎng)站前臺首頁設計3 留言簿模塊設計3 論壇模塊設計3 (3) 數(shù)據(jù)庫設計7（4）開發(fā)及運行環(huán)境8（5）網(wǎng)站的制作規(guī)范探討9 網(wǎng)站目錄規(guī)范9 文件命名規(guī)范9 鏈接結構規(guī)范94. 網(wǎng)站的設計制作10（1）整體形象設計10（2）開發(fā)制作10（3）調(diào)試完善105. 網(wǎng)站安全問題及對策116. 域名申請117. 網(wǎng)絡平臺的建立128. 設計與維護12心得體會12參考文獻131、前言Internet的全球性發(fā)展，對人們的生活、生產(chǎn)方式都產(chǎn)生了深遠的影響。據(jù)推算到2006年底，我國網(wǎng)民人數(shù)將達到

11、1.8個億，成為全球最大的互聯(lián)網(wǎng)市場。建設企業(yè)門戶性網(wǎng)站，樹立企業(yè)的網(wǎng)絡形象，成為企業(yè)適應信息化時代發(fā)展的最佳方式。企業(yè)門戶性網(wǎng)站的建設，使企業(yè)能夠通過網(wǎng)絡和客戶更好的交流，拉近企業(yè)和客戶的距離，掌握大量的客戶反饋信息，并及時作出企業(yè)內(nèi)部調(diào)整方案，以滿足客戶不斷增長的需求。企業(yè)門戶性網(wǎng)站的建設和管理水平，直接影響企業(yè)的網(wǎng)絡形象，擁有一個設計美觀、功能全面的門戶性網(wǎng)站，已經(jīng)成為企業(yè)網(wǎng)絡化建設的一個重要內(nèi)容。門戶網(wǎng)站提供的功能服務應該是切合瀏覽者實際需求的且符合企業(yè)特點的。例如網(wǎng)上銀行提供免費電子郵件和個人主頁空間就既不符合瀏覽者對網(wǎng)上銀行網(wǎng)站的需求也不是銀行的優(yōu)勢，這樣的功能服務提供不但會削弱瀏

12、覽者對網(wǎng)站的整體印象，還浪費了企業(yè)的資源投入，有弊無利。2 網(wǎng)站的系統(tǒng)分析(1) 需求分析通過相關調(diào)查，要求網(wǎng)站具有以下功能：q 通過前臺全面介紹企業(yè)的軟件產(chǎn)品并提供軟件下載。q 在前臺為針對性問題提供解決方案。q 前臺在線解答用戶常見問題。q 提供軟件補丁下載的功能。q 提供用戶注冊、登錄、用戶名和密碼修改的功能。q 需提供在線留言簿，方便用戶留言。q 為用戶設置論壇模塊。q 通過后臺對用戶信息進行管理，包括設置用戶權限和查詢用戶信息等功能。q 在后臺可以管理公告信息、新聞信息、論壇頭像、友情鏈接。q 通過后臺對軟件類別及前臺提供的軟件和軟件補丁進行管理。q 通過后臺管理問題解決方案、常見問

13、題解答等信息。q 對用戶留言信息進行回復和管理。(2) 可行性分析企業(yè)門戶網(wǎng)站滿足了企業(yè)通過網(wǎng)站前臺展示企業(yè)軟件產(chǎn)品、為用戶提供問題解決方案的要求。通過網(wǎng)站的建立，加強企業(yè)與客戶之間的溝通，使企業(yè)能夠及時了解客戶的需求，及時幫助客戶解決日常工作中遇到的各種問題，更好的服務于客戶，從而增進了企業(yè)和客戶之間的友好業(yè)務關系。3 總體設計對于一個企業(yè)門戶網(wǎng)站來說，通常由兩部分組成，一部分是網(wǎng)站前臺，用于企業(yè)信息展示和與客戶進行交流，另一部分是網(wǎng)站后臺，用于對網(wǎng)站信息的管理和回復留言。q 網(wǎng)站前臺前臺展示區(qū)要求實現(xiàn)：首頁、產(chǎn)品地帶、解決方案、技術支持、客戶渠道、論壇等模塊信息的顯示功能。q 網(wǎng)站后臺后臺

14、管理模塊要求實現(xiàn)：用戶管理、用戶查找、論壇頭像管理、公告管理、新聞中心管理、友情鏈接管理、軟件類別管理、軟件資源管理、常見問題管理、解決方案管理、留言薄管理、下載工具補丁管理、論壇版塊管理、論壇管理等功能。(1) 項目規(guī)劃設計目標本門戶網(wǎng)站是根據(jù)企業(yè)實際要求進行開發(fā)設計的，主要實現(xiàn)如下目標：q 網(wǎng)頁風格符合企業(yè)的特點，界面美觀大方。q 能夠?qū)镜漠a(chǎn)品進行及時的宣傳，并為本公司開發(fā)的部分或全部軟件提供下載功能。q 針對某行業(yè)或某一問題提供相應的解決方案。q 充分為用戶著想，提供細致周到的技術支持。q 提供為用戶快速留言的留言簿，并具有版主回復功能。q 提供在線論壇及其維護功能。(2) 網(wǎng)站詳細

15、設計網(wǎng)站前臺首頁設計：在企業(yè)門戶網(wǎng)站的首頁中，用戶不但可以查看網(wǎng)站的公司信息和新聞信息，而且還可以查看產(chǎn)品信息及工具軟件和軟件補丁的下載排行。留言簿模塊設計：企業(yè)門戶網(wǎng)站的留言簿通常情況下都是只有留言和查看留言的功能，對于留言簿的維護一般放在網(wǎng)站后臺進行。下面將給出留言簿的查看留言、添加留言、回復留言和刪除留言的實現(xiàn)過程。 (3) 數(shù)據(jù)庫設計(4) 開發(fā)及運行環(huán)境硬件平臺：q CPU：P41.8GHz；q 內(nèi)存：256MB以上。軟件平臺：q 操作系統(tǒng)：Windows XP/Windows 2000；q 數(shù)據(jù)庫：MySQL 5.0；q 開發(fā)工具包：JDK Version1.4.2；q JSP服務

16、器：Tomcat；(5) 網(wǎng)站的制作規(guī)范探討四、網(wǎng)站的設計制作（1）整體形象設計（2）開發(fā)制作（3）調(diào)試完善五、網(wǎng)站安全問題及對策每個服務必須有定義清晰的流程，每個步驟需要什么條件、產(chǎn)生什么結果、由誰來操作、如何實現(xiàn)等都應該是清晰無誤的。實現(xiàn)功能服務的程序必須是正確的、健壯的（防錯的）、能夠及時響應的、能夠應付預想的同時請求服務數(shù)峰值的。需要人工操作的功能服務應該設有常備人員和相應責權制度。用戶操作的每一個步驟（無論正確與否）完成后應該被提示當前處于什么狀態(tài)。六、域名申請注冊域名，讓企業(yè)在全球Internet上有唯一標識，也是社會各用戶瀏覽該企業(yè)網(wǎng)站的門牌號和進入標識。由域名構成的網(wǎng)址會像商標

17、那樣，在互聯(lián)網(wǎng)上廣為流傳，好的域名有助于你將來塑造自己在網(wǎng)上的國際形象。而同時域名在全世界具有唯一性，域名的資源又比較有限，誰先注冊，誰就有權使用，所以你現(xiàn)在就應該考慮，是否要保護你在Internet上的無形資產(chǎn)。七、網(wǎng)絡平臺的建立虛擬主機是使用特殊的軟硬件技術，把每臺計算機 主分成一臺"虛擬"的主機，在外界看來，虛擬主機與真正的主機沒有任何區(qū)別，我們建議企業(yè)上網(wǎng)采用虛擬主機方式。一般虛擬主機提供商都能向用戶提供10兆、30兆、50兆直到一臺服務器的虛擬主機空間。用戶可視網(wǎng)站的內(nèi)容設置及其發(fā)展前景來選擇。一頁網(wǎng)頁所占的磁盤空間大約20 - 50千字節(jié)，10兆大約可以放置20

18、0 - 500頁，但如果你對網(wǎng)站有特殊的要求，如圖片較多、動畫較多、需要文件下載或有數(shù)據(jù)庫等，就需要多一些空間。八、設計與維護在充分考慮了目的和目標群體的特點以后，再來選擇建站類型，并相應的安排適當?shù)男畔?nèi)容和功能服務。顯然如果目標群體的互聯(lián)網(wǎng)基礎薄弱，在信息內(nèi)容和功能服務的安排上，還應該避免大而全的十全大補丸式、貧乏空洞的八股文式、以及選材偏離主題的常見錯誤。首先要確定整個網(wǎng)頁系統(tǒng)的整體規(guī)劃，所要介紹的內(nèi)容范圍和目的，之后要收集所有需要放在網(wǎng)站上的文本資料、圖片等，將收集的材料提供給我們，剩下的交給我們的設計人員吧。根據(jù)公司業(yè)務范圍確定是否采用中英兩種版本，在安排層次的時候要充分考慮用戶操作，比較常用的信息內(nèi)容、功能服務應該盡量放到更淺的層次以減少用戶點擊次數(shù)。心得體會經(jīng)過這次