學(xué)院門戶網(wǎng)站設(shè)計

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

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

3、表：創(chuàng)建HTML樣式，命名HTML樣式，運(yùn)用HTML樣式。第二單元 布局頁面和操作表格 1布局頁面：繪制頁面布局，設(shè)置頁面布局。2表格的創(chuàng)建與設(shè)置：創(chuàng)建表格，設(shè)置表格，填充表格。3設(shè)置單元格屬性：設(shè)置表格及單元格對齊方式，表格或單元格的寬度或高度，使用格式化表格命令。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

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

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

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

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

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

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

10、 HYPERLINK l _Toc250016845 引言 PAGEREF _Toc250016845 h 1 HYPERLINK l _Toc250016847 網(wǎng)站的系統(tǒng)分析 PAGEREF _Toc250016847 h 2 HYPERLINK l _Toc250016848 （1）需求分析 PAGEREF _Toc250016848 h 2 HYPERLINK l _Toc250016849 （2）可行性分析 PAGEREF _Toc250016849 h 2 HYPERLINK l _Toc250016850 總體設(shè)計 PAGEREF _Toc250016850 h 2 HYPERL

11、INK l _Toc250016852 （1）項目規(guī)劃 PAGEREF _Toc250016852 h 2 HYPERLINK l _Toc250016853 設(shè)計目標(biāo) PAGEREF _Toc250016853 h 3 HYPERLINK l _Toc250016855 要善用圖像 PAGEREF _Toc250016855 h 3 HYPERLINK l _Toc250016856 (2) 網(wǎng)站詳細(xì)設(shè)計 PAGEREF _Toc250016856 h 3 HYPERLINK l _Toc250016857 網(wǎng)站前臺首頁設(shè)計 PAGEREF _Toc250016857 h 3 HYPERLI

12、NK l _Toc250016858 留言簿模塊設(shè)計 PAGEREF _Toc250016858 h 3 HYPERLINK l _Toc250016859 論壇模塊設(shè)計 PAGEREF _Toc250016859 h 3 HYPERLINK l _Toc250016860 (3) 數(shù)據(jù)庫設(shè)計7 HYPERLINK l _Toc250016862 （4）開發(fā)及運(yùn)行環(huán)境8 HYPERLINK l _Toc250016864 （5）網(wǎng)站的制作規(guī)范探討9 HYPERLINK l _Toc250016865 網(wǎng)站目錄規(guī)范9 HYPERLINK l _Toc250016866 文件命名規(guī)范9 HYPER

13、LINK l _Toc250016867 鏈接結(jié)構(gòu)規(guī)范9 HYPERLINK l _Toc250016868 網(wǎng)站的設(shè)計制作10 HYPERLINK l _Toc250016869 （1）整體形象設(shè)計10 HYPERLINK l _Toc250016870 （2）開發(fā)制作10 HYPERLINK l _Toc250016871 （3）調(diào)試完善10 HYPERLINK l _Toc250016872 HYPERLINK l _Toc250016873 網(wǎng)站安全問題及對策11 HYPERLINK l _Toc250016874 域名申請11 HYPERLINK l _Toc250016875 網(wǎng)絡(luò)

14、平臺的建立12 HYPERLINK l _Toc250016876 設(shè)計與維護(hù)12 HYPERLINK l _Toc250016878 心得體會12 HYPERLINK l _Toc250016879 參考文獻(xiàn)131、前言Internet的全球性進(jìn)展，對人們的生活、生產(chǎn)方式都產(chǎn)生了深遠(yuǎn)的阻礙。據(jù)推算到2006年底，我國網(wǎng)民人數(shù)將達(dá)到1.8個億，成為全球最大的互聯(lián)網(wǎng)市場。建設(shè)企業(yè)門戶性網(wǎng)站，樹立企業(yè)的網(wǎng)絡(luò)形象，成為企業(yè)適應(yīng)信息化時代進(jìn)展的最佳方式。企業(yè)門戶性網(wǎng)站的建設(shè)，使企業(yè)能夠通過網(wǎng)絡(luò)和客戶更好的交流，拉近企業(yè)和客戶的距離，掌握大量的客戶反饋信息，并及時作出企業(yè)內(nèi)部調(diào)整方案，以滿足客戶不斷增長

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

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

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

18、美觀大方。能夠?qū)镜漠a(chǎn)品進(jìn)行及時的宣傳，并為本公司開發(fā)的部分或全部軟件提供下載功能。針對某行業(yè)或某一問題提供相應(yīng)的解決方案。充分為用戶著想，提供細(xì)致周到的技術(shù)支持。提供為用戶快速留言的留言簿，并具有版主回復(fù)功能。提供在線論壇及其維護(hù)功能。(2) 網(wǎng)站詳細(xì)設(shè)計網(wǎng)站前臺首頁設(shè)計：在企業(yè)門戶網(wǎng)站的首頁中，用戶不但能夠查看網(wǎng)站的公司信息和新聞信息，而且還能夠查看產(chǎn)品信息及工具軟件和軟件補(bǔ)丁的下載排行。留言簿模塊設(shè)計：企業(yè)門戶網(wǎng)站的留言簿通常情況下差不多上只有留言和查看留言的功能，關(guān)于留言簿的維護(hù)一般放在網(wǎng)站后臺進(jìn)行。下面將給出留言簿的查看留言、添加留言、回復(fù)留言和刪除留言的實(shí)現(xiàn)過程。 (3) 數(shù)據(jù)庫

19、設(shè)計(4) 開發(fā)及運(yùn)行環(huán)境硬件平臺：CPU：P41.8GHz；內(nèi)存：256MB以上。軟件平臺：操作系統(tǒng)：Windows XP/Windows 2000；數(shù)據(jù)庫：MySQL 5.0；開發(fā)工具包：JDK Version1.4.2；JSP服務(wù)器：Tomcat；網(wǎng)站的制作規(guī)范探討四、網(wǎng)站的設(shè)計制作（1）整體形象設(shè)計（2）開發(fā)制作（3）調(diào)試完善五、網(wǎng)站安全問題及對策每個服務(wù)必須有定義清晰的流程，每個步驟需要什么條件、產(chǎn)生什么結(jié)果、由誰來操作、如何實(shí)現(xiàn)等都應(yīng)該是清晰無誤的。實(shí)現(xiàn)功能服務(wù)的程序必須是正確的、健壯的（防錯的）、能夠及時響應(yīng)的、能夠應(yīng)付預(yù)想的同時請求服務(wù)數(shù)峰值的。需要人工操作的功能服務(wù)應(yīng)該設(shè)有常

20、備人員和相應(yīng)責(zé)權(quán)制度。用戶操作的每一個步驟（不管正確與否）完成后應(yīng)該被提示當(dāng)前處于什么狀態(tài)。六、域名申請注冊域名，讓企業(yè)在全球Internet上有唯一標(biāo)識，也是社會各用戶掃瞄該企業(yè)網(wǎng)站的門牌號和進(jìn)入標(biāo)識。由域名構(gòu)成的網(wǎng)址會像商標(biāo)那樣，在互聯(lián)網(wǎng)上廣為流傳，好的域名有助于你今后塑造自己在網(wǎng)上的國際形象。而同時域名在全世界具有唯一性，域名的資源又比較有限，誰先注冊，誰就有權(quán)使用，因此你現(xiàn)在就應(yīng)該考慮，是否要愛護(hù)你在Internet上的無形資產(chǎn)。七、網(wǎng)絡(luò)平臺的建立虛擬主機(jī)是使用專門的軟硬件技術(shù)，把每臺計算機(jī) 主分成一臺虛擬的主機(jī)，在外界看來，虛擬主機(jī)與真正的主機(jī)沒有任何區(qū)不，我們建議企業(yè)上網(wǎng)采納虛擬主機(jī)方式。一般虛擬主機(jī)提供商都能向用戶提供10兆、30兆、50兆直到一臺服務(wù)器的虛擬主機(jī)空間。用戶可視網(wǎng)站的內(nèi)容設(shè)置及其進(jìn)