《網(wǎng)站設(shè)計與制作》課程設(shè)計指導(dǎo)書

1、網(wǎng)頁制作與網(wǎng)站設(shè)計 網(wǎng)頁制作與網(wǎng)站設(shè)計課程設(shè)計指導(dǎo)書 目錄課程設(shè)計的目的與要求3網(wǎng)站項目管理規(guī)范4網(wǎng)站開發(fā)規(guī)范7案例剖析14課程設(shè)計評分細則19課程設(shè)計選題20課程設(shè)計的目的與要求一、 課程設(shè)計目的因本課程是IT相關(guān)專業(yè)學(xué)生的專業(yè)必修課。本課程設(shè)計的主要目的是：通過本課程設(shè)計，全面幫助學(xué)生加強對網(wǎng)站的認知；學(xué)會設(shè)計和制作網(wǎng)站，包括完成設(shè)計報告，了解網(wǎng)站的軟、硬件平臺，會發(fā)布和維護一個實際的網(wǎng)站，熟練網(wǎng)頁制作及相關(guān)工具（Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8）的使用，特別是掌握Macromedia Dr

2、eamWeaver 8軟件的使用技巧，掌握相關(guān)行業(yè)的相關(guān)標準。從而運用網(wǎng)站界面的設(shè)計與可用性分析制作專業(yè)的站點，以便能獲得就業(yè)機會，提高個人的綜合競爭力與社會適應(yīng)力。二、課程設(shè)計的基本要求1、 了解網(wǎng)站的軟、硬件平臺，會發(fā)布和維護一個實際的網(wǎng)站，學(xué)會設(shè)計和制作網(wǎng)站，包括完成設(shè)計報告。 2、 能夠使用相關(guān)工具（Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8）的熟練制作網(wǎng)頁。3、 盡量運用業(yè)界默認的網(wǎng)站開發(fā)規(guī)范，努力使自己的站點專業(yè)化。20網(wǎng)站項目管理規(guī)范一.概念 網(wǎng)站項目管理就是根據(jù)特定的規(guī)范、在預(yù)算

3、范圍內(nèi)、按時完成的網(wǎng)站開發(fā)任務(wù)。 二.需求分析 1.項目立項 我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經(jīng)理，網(wǎng)頁設(shè)計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經(jīng)理制。 2.客戶的需求說明書 第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因為別人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細分

4、析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關(guān)，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點： 1.正確性：每個功能必須清楚描寫交付的功能； 2.可行性：確保在當前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求；3.必要性：功能是否必須交付，是否可以推遲實現(xiàn)，是否可以在削減開支情況發(fā)生時"砍"掉；4.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語； 5.檢測性：

5、如果開發(fā)完畢，客戶可以根據(jù)需求檢測。 三.系統(tǒng)分析 1.網(wǎng)站總體設(shè)計 在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設(shè)計，詳細設(shè)計，出一份網(wǎng)站建設(shè)方案給客戶。總體設(shè)計是非常關(guān)鍵的一步。它主要確定： 1.網(wǎng)站需要實現(xiàn)哪些功能； 2.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；3.需要多少人，多少時間； 4.需要遵循的規(guī)則和標準有哪些。同時需要寫一份總體規(guī)劃說明書，包括：1.網(wǎng)站的欄目和版塊； 2.網(wǎng)站的功能和相應(yīng)的程序；3.網(wǎng)站的鏈接結(jié)構(gòu)； 4.如果有數(shù)據(jù)庫，進行數(shù)據(jù)庫的概念設(shè)計；5.網(wǎng)站的交互性和

6、用戶友好設(shè)計。 2.網(wǎng)站建設(shè)方案 在總體設(shè)計出來后，一般需要給客戶一個網(wǎng)站建設(shè)方案。很多網(wǎng)頁制作公司在接洽業(yè)務(wù)時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結(jié)果會有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計后提交方案，這樣對雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個部分： 1.客戶情況分析； 2.網(wǎng)站需要實現(xiàn)的目的和目標；3.網(wǎng)站形象說明；4.網(wǎng)站的欄目版塊和結(jié)構(gòu)； 5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；6.使用軟件，硬件和技術(shù)分析說明；7.開發(fā)時間進度表；8.宣傳推廣方

7、案；9.維護方案； 10.制作費用；11.本公司簡介：成功作品，技術(shù)，人才說明等。當您的方案通過客戶的認可，您可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進行詳細設(shè)計：3.網(wǎng)站詳細設(shè)計總體設(shè)計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設(shè)計階段的任務(wù)就是把解法具體化。詳細設(shè)計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序，而是設(shè)計出程序的詳細規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍圖，它們應(yīng)該 包含必要的細節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。 四. 項

8、目實施1.整體形象設(shè)計 在程序員進行詳細設(shè)計的同時，網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁。整體形象設(shè)計包括標準字，Logo，標準色彩，廣告語等。 首頁設(shè)計包括版面，色彩，圖像，動態(tài)效果，圖標等風(fēng)格設(shè)計，也包括banner，菜單，標題，版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風(fēng)格，完成后，供客戶選擇。記?。涸诳蛻舸_定首頁風(fēng)格之后，請客戶簽字認可。以后不得再對版面風(fēng)格有大的變動，否則視為第二次設(shè)計。開發(fā)制作 2.開發(fā)制作到這里，程序員和網(wǎng)頁設(shè)計師同時進入全力開發(fā)階段，需要提醒的是，測試人員需要隨時測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測

9、試，這樣會浪費大量的時間和精力。項目經(jīng)理需要經(jīng)常了解項目進度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計師的工作。 調(diào)試完善 3.調(diào)試完成在網(wǎng)站初步完成后，上傳到服務(wù)器，對網(wǎng)站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時解決并記錄下來。為什么要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標準。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補充文檔，使這個標準越來越規(guī)范，越來越工業(yè)化。進而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理。 4.宣傳推廣 宣傳推廣的基本方法有： 1.網(wǎng)頁里設(shè)置適當?shù)腗ETA標簽；

10、0;2.各搜索引擎登錄； 3.準備新聞稿件在各新聞公告板發(fā)表；4.合理使用Email郵件列表；5.廣告條交換；6.付費廣告。 至此，網(wǎng)站項目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。五.維護 網(wǎng)站成功推出后，長期的維護工作才剛剛開始，需要做到的是:1.及時響應(yīng)客戶反饋；例如可以采取Email自動回復(fù)功能，然后在1-3個工作日里解決問題，再次回復(fù)； 2.網(wǎng)站流量統(tǒng)計分析和相應(yīng)對策； 3.盡量推廣和使用您的網(wǎng)址；4.網(wǎng)站內(nèi)容的及時更新和維護。 六.遵循的規(guī)范 1.網(wǎng)站建設(shè)目錄規(guī)范2.網(wǎng)

11、站文件命名規(guī)范 3.網(wǎng)站建設(shè)尺寸規(guī)范 4.網(wǎng)站首頁head區(qū)代碼規(guī)范5.網(wǎng)站連接結(jié)構(gòu)規(guī)范網(wǎng)站開發(fā)規(guī)范任何一個項目或者系統(tǒng)開發(fā)之前都需要定制一個開發(fā)約定和規(guī)則，這樣有利于項目的整體風(fēng)格統(tǒng)一、代碼維護和擴展。由于Web項目開發(fā)的分散性、獨立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團隊、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫設(shè)計約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計人員和維護人員共同討論定制，將來開發(fā)都將嚴格按規(guī)則或約定開發(fā)。每個團隊開發(fā)都應(yīng)有自己的一套規(guī)范，一個優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，

12、這些規(guī)范都不是唯一的標準不存在對與錯，也許有些地方與你當前使用的習(xí)慣相駁，很多地方都有爭議。非常明顯在Web項目開發(fā)中有前后臺開發(fā)之分，前臺開發(fā)主要是指非程序編程部分，主要職責(zé)是網(wǎng)站AI設(shè)計、界面設(shè)計、動畫設(shè)計等。而后臺開發(fā)主要是編程和網(wǎng)站運行平臺搭建，其主要職責(zé)是設(shè)計網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實現(xiàn)。下面的這些規(guī)范主要是從這2個方面來定制的，這些規(guī)范是工作中總結(jié)的一點經(jīng)驗，本文檔比較適合中小型網(wǎng)站或者Web項目的開發(fā)規(guī)范。一組建開發(fā)團隊在接手項目后的第一件事是組建團隊。根據(jù)項目的大小團隊可以有幾十人，也有可以是只有幾個人的小團隊，在團隊劃分中應(yīng)該含有6個角色，這6個角色是必須的，分別是項目經(jīng)理

13、，策劃，美工，程序員，代碼整合員，測試員。也許你的團隊還沒有6個人，沒有關(guān)系一個人可以有多個角色，比如項目經(jīng)理還可以有策劃這個角色，如程序員還可以含有代碼整合和測試這2個角色，如果你的項目夠大人數(shù)夠多那就分為6個組，每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責(zé)。項目經(jīng)理，項目總體設(shè)計，開發(fā)進度的定制和監(jiān)控，定制相應(yīng)的開發(fā)規(guī)范，負責(zé)各個環(huán)節(jié)的評審工作，協(xié)調(diào)各個成員(小組)之間開發(fā)。策劃，提供詳細的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工，根據(jù)策劃和需求設(shè)計網(wǎng)站AI，界面，Logo等。程序員，根據(jù)項目總體設(shè)計來設(shè)計數(shù)據(jù)庫和功能模塊的實現(xiàn)。代碼整合員，負責(zé)將程序員的代碼和界

14、面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁面，測試員，負責(zé)測試程序。二開發(fā)工具Web開發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺開發(fā)工具，第二部分是網(wǎng)站后臺開發(fā)環(huán)境，第三部分是項目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件。網(wǎng)站前臺開發(fā)主要是指Web界面設(shè)計。包括網(wǎng)站整體框架建立、常用圖片、Flash動畫設(shè)計等等，主要使用的相關(guān)軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver 8、Flash 8等。網(wǎng)站后臺開發(fā)主要指網(wǎng)站動態(tài)程序開發(fā)、數(shù)據(jù)庫建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫建模），PowerDesig

15、ner在數(shù)據(jù)庫設(shè)計方面應(yīng)用非常強大，用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了，設(shè)計數(shù)據(jù)庫強烈推薦用它。Rational Rose（程序建模），如果你的項目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會節(jié)省一些時間和開發(fā)的復(fù)雜度，不過我個人認為不管是大項目還是小項目都應(yīng)該畫畫Rose圖。網(wǎng)站項目管理主要指對開發(fā)進度和代碼版本的控制。開發(fā)進度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具Microsoft

16、 Application Center Test，它可以進行并行、負載測試等。程序文檔編寫采用Word，用WPS也可以。三.網(wǎng)站開發(fā)流程在項目開始實施之前應(yīng)該有一個工作步驟也就是工作流程，在項目開發(fā)中最需要時間的是總體設(shè)計和系統(tǒng)測試，而程序編寫代碼所占的時間并不多，但有的團隊就急于開發(fā)寫代碼，先把程序?qū)懗鰜碓僬f，沒有注重評審和測試這2個環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急于開工寫代碼，應(yīng)該一步一步慢慢來，只有走的慢才能走得穩(wěn)走得遠。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個環(huán)節(jié)。圖 1從圖1可以看到2條主線，這2條主線分別是前臺開發(fā)和后臺開發(fā)。前后臺開發(fā)在

17、項目開發(fā)早期互相沒有交叉，當然不是絕對沒有，Web策劃和需求分析都是互相有關(guān)系的，一個是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個是網(wǎng)站功能的策劃，它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個統(tǒng)一，也就即將發(fā)布的網(wǎng)站。四數(shù)據(jù)庫開發(fā)規(guī)范數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫文件命名為kupage_database.mdf，有的數(shù)據(jù)庫文件有多個，比如SQL Server就有2個，一個是數(shù)據(jù)庫文件，另一個是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫。數(shù)據(jù)庫表命名規(guī)范，表

18、名長度不能超過30個字符，表名中含有單詞全部采用單數(shù)形式，單詞首寫字母要大寫，多個單詞間不用任何連接符號。若庫中有多個系統(tǒng)，表名采用系統(tǒng)名稱+單詞或多個單詞，系統(tǒng)名是開發(fā)系統(tǒng)的縮寫，系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個系統(tǒng)，那么表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內(nèi)容的一個或多個英文單詞，如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType。數(shù)據(jù)庫字段命名規(guī)范，數(shù)據(jù)庫字段名全部采用小寫英文單詞，單詞之間

19、用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個單詞，別名就取單詞的前4 個字母；如果表名是兩個單詞，就各取兩個單詞的前兩個字母組成4 個字母長的別名；如果表的名字由3 個單詞組成，你不妨從頭兩個單詞中各取一個然后從最后一個單詞中再取出兩個字母，結(jié)果還是組成4 字母長的別名。視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產(chǎn)生就用”_”連接幾個表的名，如果表過多可以將表名適當簡化，但一定要列出所有表名。存儲過程命名規(guī)則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddD

20、ata。SQL語句編寫規(guī)則，關(guān)鍵字必須大寫，其他書寫按上述命名規(guī)則，比如：SELECT user_id, user_name FROM User WHERE user_id = tom五文件夾文件名命名規(guī)范文件夾命名一般采用英文，長度一般不超過20個字符，命名采用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線

21、的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作 。1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質(zhì)例如廣告、標志、菜單、按鈕等等。放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner標志性的圖片取名為： logo在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button 在頁面上某一個位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu 裝飾用的照片我們?nèi)∶?pic 不帶鏈

22、接表示標題的圖片我們?nèi)∶?title 下面是幾個范例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。2、動態(tài)語言文件命名規(guī)則性質(zhì)_描述，描述可以有多個單詞，用”_”隔開，性質(zhì)一般是該頁面得概要。范例：register_form.asp，register_post.asp,topic_lock.asp六程序代碼編程規(guī)范一個良好的程序編碼風(fēng)格有利于系統(tǒng)的維護，代碼也易于閱讀查

23、錯。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則。1、每個變量名必須定義，在ASP文件的最開始添加語句，強制定制每個變量。2、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：子類型前綴示例BooleanblnblnFoundBytebytbytRasterDataDate (Time)dtmdtmStartDoubledbldblToleranceErrorerrerrOrderNumIntegerintintQuantityLonglnglngD

24、istanceObjectobjobjCurrentSinglesngsngAverageStringstrstrFirstName3、程序代碼需要有縮進，縮進采用鍵盤Tab鍵，不采用空格鍵。并且”或者鏈接字符串時需要左右空一格，如下：4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動作+名詞，每個函數(shù)需要給出相應(yīng)的注釋，函數(shù)功能，傳入變量，以及作者和修改相關(guān)信息。如下面函數(shù):<%'功能 返回一個參數(shù)的值'參數(shù) strParameterName 參數(shù)名稱'作者 icefire 2002/8/20 amFunction GetParameterValue(strPara

25、meterName)Dim objRS, strSQL, strParameterValuestrSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'".GetParameterValue = strParameterValueSet objRS = NothingEnd Function5、ASP內(nèi)置對象區(qū)分大小寫。如下代碼片斷strUserName = Request.Form(

26、“UserName”)Set conn = Server.CreateObject("ADODB.Connection")6、數(shù)據(jù)庫連接一個庫只能有一個數(shù)據(jù)庫連接文件，創(chuàng)建數(shù)據(jù)庫對象得原則是盡可能晚地打開數(shù)據(jù)庫，盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下：Sub OpenConn(ByRef conn)Dim strDBPath, strDBConnectionstrDBPath = Server.MapPath("database/tax.mdb")strDBConnnection = "Driver=Microsoft A

27、ccess Driver (*.mdb); DBQ=" & strDBPathSet conn = Server.CreateObject("ADODB.Connection")conn.Open strDBConnnectionEnd Sub7、當一個對象不在使用時要釋放對象資源，比如objFSO,objRS對象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下：Sub CloseObj(ByRef obj)If IsObject(obj) Thenobj.CloseSet obj = nothingEnd IfEnd Sub8、時間全部以字符串的形式保存到數(shù)據(jù)庫中，這樣做

28、能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存，也方便數(shù)據(jù)庫地遷移。時間用14位字符串保存，日期用8位字符串保存。七網(wǎng)站首頁head區(qū)代碼規(guī)范head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標簽 1.公司版權(quán)注釋 <!- The site is designed by Maketown,Inc 06/2004 -> 2.網(wǎng)頁顯示字符集 簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

29、; 繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.網(wǎng)頁制作者信息 <META name="author" content="webmaster"> 4.網(wǎng)站簡介<META NAME=

30、"DESCRIPTION" CONTENT="本站是一個醫(yī)療站點"> 5.搜索關(guān)鍵字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.網(wǎng)頁的css規(guī)范 <LINK href="style/style.css" rel="stylesheet" type="text/css"> (參見目錄及命名規(guī)范) 7.網(wǎng)頁標題 <title>xxxxxxx

31、xxxxxxxxxxx</title> 8.可以選擇加入的標簽 1.設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。 <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 2.禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容。 <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 3.用來防止別人在框架里調(diào)用你的頁面。 <META HTTP-EQUIV=&

32、quot;Window-target" CONTENT="_top"> 4.自動跳轉(zhuǎn)。 <META HTTP-EQUIV="Refresh" CONTENT="5;URL="> 5指時間停留5秒。 5.網(wǎng)頁搜索機器人向?qū)?用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。 <META NAME="robots" CONTENT="none"> CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認是a

33、ll。6.收藏夾圖標 <link rel = "Shortcut Icon" href="favicon.ico"> 所有的javascript的調(diào)用盡量采取外部調(diào)用. <SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT> 附<body>標簽： <body>標簽不屬于head區(qū)，這里強調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁面背景<body bgcolor="#FFFF

34、FF">八網(wǎng)站建設(shè)尺寸規(guī)范1. 頁面標準按800*600分辨率制作，實際尺寸為778*434px2. 頁面長度原則上不超過3屏，寬度不超過1屏 3. 每個標準頁面為A4幅面大小，即8.5X11英寸 4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px5. 另外120*90，120*60也是小圖標的標準尺寸 6. 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K案例剖析（一）電機電器精品課程網(wǎng)站項目背景精品課程是具有一流教師隊伍、一流教學(xué)內(nèi)容、一流教學(xué)方法、一流教材、一流教學(xué)管理等特點的示范性課程

35、。精品課程建設(shè)是高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程的重要組成部分。為了緊密配合教育部實施高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程，充分發(fā)揮國家級精品課程的示范輻射作用，帶動和促進各高等學(xué)校精品課程建設(shè)工作，實現(xiàn)優(yōu)質(zhì)教學(xué)資源的廣泛共享，提高高等學(xué)校教學(xué)質(zhì)量和人才培養(yǎng)質(zhì)量，特建立精品課程網(wǎng)站，實現(xiàn)精品課程的資源共享。網(wǎng)站建設(shè)的目標為實現(xiàn)精品課程建設(shè)的可持續(xù)發(fā)展，為更好地建設(shè)優(yōu)質(zhì)資源和共享優(yōu)質(zhì)資源，提高教學(xué)質(zhì)量，特建設(shè)界面清晰，功能完備，被廣大用戶歡迎的精品課程網(wǎng)站。相關(guān)網(wǎng)站借鑒國家精品課程 /Spectacle/東南大學(xué)精品課程 30/jpk

36、c/default.asp西北大學(xué)精品課程網(wǎng) 陜西科技大學(xué)精品課程 清華大學(xué)精品課程 0/index.jsp網(wǎng)站建設(shè)的架構(gòu)瀏覽器Web服務(wù)器Internet這是目前得到廣泛的一種標準結(jié)構(gòu)。在這種結(jié)構(gòu)中，用戶使用標準的瀏覽器（如IE瀏覽器）通過internet和http協(xié)議訪問服務(wù)方提供的Web服務(wù)器, Web服務(wù)器分析用戶瀏覽器提出的請求，如果是頁面請求，則直接用http協(xié)議向用戶返回要瀏覽的頁面。系統(tǒng)采用win2000 Server 的IIS作為服務(wù)器。站點設(shè)計精品課程主頁教學(xué)大綱授課計劃授課標準培養(yǎng)方案電子教案電子課件試卷庫實驗考核課程總結(jié)網(wǎng)站風(fēng)格遵循網(wǎng)

37、站CIS尤其是VI設(shè)計風(fēng)格，主色調(diào)選擇綠色與白色，要求結(jié)構(gòu)嚴謹而簡潔。采用模板及CSS網(wǎng)頁風(fēng)格技術(shù)，基于IE 5.0 800*600真彩平臺開發(fā)，標準格式和壓縮率網(wǎng)絡(luò)圖片等多媒體。網(wǎng)站建設(shè)進度周一（上午）明確課程設(shè)計的目的與方向，在網(wǎng)絡(luò)上搜索類似的相關(guān)資料，確定課程設(shè)計的框架，確定網(wǎng)站的設(shè)計風(fēng)格。周一（下午）搜集相關(guān)的網(wǎng)站資源，開始制作網(wǎng)站的素材與整理現(xiàn)有的素材，確認目標，書寫課程設(shè)計任務(wù)書。周二（上午）利用搜集的相關(guān)網(wǎng)站，開始設(shè)計主頁的效果圖。周二（下午）制作主頁的效果圖，教師局部點評。周三（上午）利用photoshop 或Fireworks 軟件最終確定效果圖，制作局部的特效，進行網(wǎng)頁輸出

38、。周三（下午）利用Imageready或Flash軟件制作網(wǎng)站所需的網(wǎng)站動畫，教師進行局部點評。周四（上午）定義站點，利用DreamWeaver軟件進行對網(wǎng)頁的最后編輯修正與編輯，制作或調(diào)用樣式表文件，制作網(wǎng)站模板。周四（下午）利用模板，進行內(nèi)容頁的制作，確認網(wǎng)頁的超級連接，進行網(wǎng)站的發(fā)布育測試，教師點評。周五（上午）整理相關(guān)的網(wǎng)頁材料，書寫課程設(shè)計的相關(guān)文檔，總結(jié)心得體會，進行答辯。周五（下午）優(yōu)秀作品進行答辯，教師點評作品，討論心得體會。課程設(shè)計的心得體會課題立意：精品課程建設(shè)是高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工程的重要組成部分，網(wǎng)頁制作是整個網(wǎng)站建設(shè)的重要環(huán)節(jié)，而Adobe Photoshop

39、，Macromedia DreamWeaver 8，Macromedia Flash 8，Macromedia FireWorks 8等工具的熟練使用又是網(wǎng)站建設(shè)的保障。技術(shù)難點：難點一難點二技術(shù)體會：經(jīng)過一周的學(xué)習(xí)，覺得在技術(shù)上我的到了提高，認為還有.不足。思想體會：經(jīng)過一周的課程設(shè)計使我徹底了解了網(wǎng)站的開發(fā)過程與網(wǎng)站的開發(fā)規(guī)范，提高了很多今后打算：經(jīng)過一周的課程設(shè)計使我了解了IT實踐課程的學(xué)習(xí)方法，今后我打算教師對網(wǎng)站的總結(jié)評價優(yōu) 良 中 及格 不及格簡短評語：教師簽名：簽名日期：（二）上海創(chuàng)實醫(yī)療設(shè)備有限公司項目背景上海創(chuàng)實醫(yī)療設(shè)備有限公司成立于 2002 年 , 是隨著中國加入 WTO

40、 的步伐一起誕生在中國最大的商業(yè)城市同時也是中國和世界的橋梁 - 上海。為加強和世界頂級公司合作，主要從事臨床檢驗產(chǎn)品的的進口、銷售和服務(wù)，現(xiàn)建設(shè)改網(wǎng)站。系統(tǒng)名稱：上海創(chuàng)實醫(yī)療設(shè)備有限公司門戶網(wǎng)站開發(fā)負責(zé)人：劉萬輝用戶：上海創(chuàng)實醫(yī)療設(shè)備有限公司網(wǎng)站建設(shè)的目標為宣傳上海創(chuàng)實醫(yī)療設(shè)備有限公司，同時達到拓展該公司的業(yè)務(wù)的目的，構(gòu)建該公司信息業(yè)務(wù)平臺，加強與客戶聯(lián)系溝通，搭建改門戶網(wǎng)站平臺。網(wǎng)站建設(shè)的架構(gòu)瀏覽器Web服務(wù)器Internet這是目前得到廣泛的一種標準結(jié)構(gòu)。在這種結(jié)構(gòu)中，用戶使用標準的瀏覽器（如IE瀏覽器）通過internet和http協(xié)議訪問服務(wù)方提供的Web服務(wù)器, Web服務(wù)器分析用

41、戶瀏覽器提出的請求，如果是頁面請求，則直接用http協(xié)議向用戶返回要瀏覽的頁面。系統(tǒng)采用win2000 Server 的IIS作為服務(wù)器。相關(guān)網(wǎng)站借鑒：深圳傲華醫(yī)療設(shè)備發(fā)展有限公司海南澳霖醫(yī)學(xué)科技有限公司 江西盈科科技有限公司 中國醫(yī)療設(shè)備網(wǎng) 北京華士信醫(yī)療設(shè)備有限公司 站點設(shè)計網(wǎng)站主頁公司簡介產(chǎn)品介紹公司架構(gòu)售后服務(wù)營銷業(yè)務(wù)新聞快報資料下載客戶留言聯(lián)系我們網(wǎng)站風(fēng)格用白色配綠色系，設(shè)計以白色為主，綠色系的明度較高。因為藍色具有清涼、自由的感覺，使人們?nèi)菀茁?lián)想到天空、海洋；而綠色具有新鮮、清爽的感覺，容易聯(lián)想到大自然、春天；和白色搭配，就會感覺清新、爽快，從而給人一種健康的感覺。網(wǎng)站建設(shè)進度周一（上午）明確課程設(shè)計的目的與方向，在網(wǎng)絡(luò)上搜索類似的相關(guān)資料，確定課程設(shè)計的框架，確定網(wǎng)站的設(shè)計風(fēng)格，搜集相關(guān)的網(wǎng)站資源，開始制作