今天給各位分享織夢網(wǎng)站建設(shè)實訓(xùn)報告的知識，其中也會對織夢網(wǎng)站是不是落后了進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、網(wǎng)頁制作與網(wǎng)站設(shè)計報告書
• 2、用ASP制作網(wǎng)頁的實訓(xùn)報告總結(jié)
• 3、要一份網(wǎng)頁實訓(xùn)報告
• 4、網(wǎng)頁設(shè)計或網(wǎng)站建設(shè)的實踐報告

網(wǎng)頁制作與網(wǎng)站設(shè)計報告書

網(wǎng)站項目管理規(guī)范

一.概念

網(wǎng)站項目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(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)站的目的是什么？”他回答：“沒有目的，只是因為別人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達到怎樣的標(biāo)準(zhǔn)呢？簡單說，包含下面幾點：

1.正確性：每個功能必須清楚描寫交付的功能；

2.可行性：確保在當(dāng)前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求；

3.必要性：功能是否必須交付，是否可以推遲實現(xiàn)，是否可以在削減開支情況發(fā)生時"砍"掉；

4.簡明性：不要使用專業(yè)的網(wǎng)絡(luò)術(shù)語；

5.檢測性：如果開發(fā)完畢，客戶可以根據(jù)需求檢測。

三.系統(tǒng)分析

1.網(wǎng)站總體設(shè)計

在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設(shè)計，詳細(xì)設(shè)計，出一份網(wǎng)站建設(shè)方案給客戶?？傮w設(shè)計是非常關(guān)鍵的一步。它主要確定：

1.網(wǎng)站需要實現(xiàn)哪些功能；

2.網(wǎng)站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；

3.需要多少人，多少時間；

4.需要遵循的規(guī)則和標(biāo)準(zhǔn)有哪些。

同時需要寫一份總體規(guī)劃說明書，包括：

1.網(wǎng)站的欄目和版塊；

2.網(wǎng)站的功能和相應(yīng)的程序；

3.網(wǎng)站的鏈接結(jié)構(gòu)；

4.如果有數(shù)據(jù)庫，進行數(shù)據(jù)庫的概念設(shè)計；

5.網(wǎng)站的交互性和用戶友好設(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)的目的和目標(biāo)；

3.網(wǎng)站形象說明；

4.網(wǎng)站的欄目版塊和結(jié)構(gòu)；

5.網(wǎng)站內(nèi)容的安排，相互鏈接關(guān)系；

6.使用軟件，硬件和技術(shù)分析說明；

7.開發(fā)時間進度表；

8.宣傳推廣方案；

9.維護方案；

10.制作費用；

11.本公司簡介：成功作品，技術(shù)，人才說明等。

當(dāng)您的方案通過客戶的認(rèn)可，您可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作，你需要進行詳細(xì)設(shè)計：

3.網(wǎng)站詳細(xì)設(shè)計

總體設(shè)計階段以比較抽象概括的方式提出了解決問題的辦法。詳細(xì)設(shè)計階段的任務(wù)就是把解法具體化。詳細(xì)設(shè)計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序，而是設(shè)計出程序的詳細(xì)規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領(lǐng)域中工程師經(jīng)常使用的工程藍圖，它們應(yīng)該 包含必要的細(xì)節(jié)，例如：程序界面，表單，需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。

四. 項目實施

1.整體形象設(shè)計

在程序員進行詳細(xì)設(shè)計的同時，網(wǎng)頁設(shè)計師開始設(shè)計網(wǎng)站的整體形象和首頁。

整體形象設(shè)計包括標(biāo)準(zhǔn)字，Logo，標(biāo)準(zhǔn)色彩，廣告語等。 首頁設(shè)計包括版面，色彩，圖像，動態(tài)效果，圖標(biāo)等風(fēng)格設(shè)計，也包括banner，菜單，標(biāo)題，版權(quán)等模塊設(shè)計。首頁一般設(shè)計1-3個不同風(fēng)格，完成后，供客戶選擇。

記?。涸诳蛻舸_定首頁風(fēng)格之后，請客戶簽字認(rèn)可。以后不得再對版面風(fēng)格有大的變動，否則視為第二次設(shè)計。

開發(fā)制作

2.開發(fā)制作

到這里，程序員和網(wǎng)頁設(shè)計師同時進入全力開發(fā)階段，需要提醒的是，測試人員需要隨時測試網(wǎng)頁與程序，發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費大量的時間和精力。項目經(jīng)理需要經(jīng)常了解項目進度，協(xié)調(diào)和溝通程序員與網(wǎng)頁設(shè)計師的工作。

調(diào)試完善

3.調(diào)試完成

在網(wǎng)站初步完成后，上傳到服務(wù)器，對網(wǎng)站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現(xiàn)問題及時解決并記錄下來。

為什么要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補充文檔，使這個標(biāo)準(zhǔn)越來越規(guī)范，越來越工業(yè)化。進而使得網(wǎng)站開發(fā)趨向規(guī)范，趨向合理。

4.宣傳推廣

宣傳推廣的基本方法有：

1.網(wǎng)頁里設(shè)置適當(dāng)?shù)腗ETA標(biāo)簽；

2.各搜索引擎登錄；

3.準(zhǔn)備新聞稿件在各新聞公告板發(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)站文件命名規(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ā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個團隊開發(fā)都應(yīng)有自己的一套規(guī)范，一個優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對與錯，也許有些地方與你當(dāng)前使用的習(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)理，策劃，美工，程序員，代碼整合員，測試員。也許你的團隊還沒有6個人，沒有關(guān)系一個人可以有多個角色，比如項目經(jīng)理還可以有策劃這個角色，如程序員還可以含有代碼整合和測試這2個角色，如果你的項目夠大人數(shù)夠多那就分為6個組，每個組分工再來細(xì)分。下面簡單介紹一下這6個角色的具體職責(zé)。

項目經(jīng)理，項目總體設(shè)計，開發(fā)進度的定制和監(jiān)控，定制相應(yīng)的開發(fā)規(guī)范，負(fù)責(zé)各個環(huán)節(jié)的評審工作，協(xié)調(diào)各個成員(小組)之間開發(fā)。策劃，提供詳細(xì)的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工，根據(jù)策劃和需求設(shè)計網(wǎng)站AI，界面，Logo等。程序員，根據(jù)項目總體設(shè)計來設(shè)計數(shù)據(jù)庫和功能模塊的實現(xiàn)。代碼整合員，負(fù)責(zé)將程序員的代碼和界面融合到一起，代碼整合員可以制作網(wǎng)站的相關(guān)頁面，測試員，負(fù)責(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 MX、Flash MX等。

網(wǎng)站后臺開發(fā)主要指網(wǎng)站動態(tài)程序開發(fā)、數(shù)據(jù)庫建模，主要使用的相關(guān)軟件是： PowerDesigner（數(shù)據(jù)庫建模），PowerDesigner在數(shù)據(jù)庫設(shè)計方面應(yīng)用非常強大，用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型，我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了，設(shè)計數(shù)據(jù)庫強烈推薦用它。Rational Rose（程序建模），如果你的項目功能模塊不是特別復(fù)雜那就剩了它吧，這樣會節(jié)省一些時間和開發(fā)的復(fù)雜度，不過我個人認(rèn)為不管是大項目還是小項目都應(yīng)該畫畫Rose圖。

網(wǎng)站項目管理主要指對開發(fā)進度和代碼版本的控制。開發(fā)進度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當(dāng)然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具Microsoft Application Center Test，它可以進行并行、負(fù)載測試等。程序文檔編寫采用Word，用WPS也可以。

三.網(wǎng)站開發(fā)流程

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

圖 1

從圖1可以看到2條主線，這2條主線分別是前臺開發(fā)和后臺開發(fā)。前后臺開發(fā)在項目開發(fā)早期互相沒有交叉，當(dāng)然不是絕對沒有，Web策劃和需求分析都是互相有關(guān)系的，一個是網(wǎng)站表現(xiàn)形式和風(fēng)格的策劃另一個是網(wǎng)站功能的策劃，它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個統(tǒng)一，也就即將發(fā)布的網(wǎng)站。

四．?dā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ī)范，表名長度不能超過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ù)庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個單詞，別名就取單詞的前4 個字母；如果表名是兩個單詞，就各取兩個單詞的前兩個字母組成4 個字母長的別名；如果表的名字由3 個單詞組成，你不妨從頭兩個單詞中各取一個然后從最后一個單詞中再取出兩個字母，結(jié)果還是組成4 字母長的別名。

視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產(chǎn)生就用”_”連接幾個表的名，如果表過多可以將表名適當(dāng)簡化，但一定要列出所有表名。

存儲過程命名規(guī)則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData。

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ù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當(dāng)我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負(fù)載量等等操作 。

1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質(zhì)例如廣告、標(biāo)志、菜單、按鈕等等。

放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner

標(biāo)志性的圖片取名為： logo

在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button

在頁面上某一個位置連續(xù)出現(xiàn)，性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu

裝飾用的照片我們?nèi)∶?pic

不帶鏈接表示標(biāo)題的圖片我們?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)的維護，代碼也易于閱讀查錯。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則。

1、每個變量名必須定義，在ASP文件的最開始添加語句，強制定制每個變量。

2、出于易讀和一致性的目的，在代碼中使用以下變量命名約定：

子類型 前綴 示例

Boolean bln blnFound

Byte byt bytRasterData

Date (Time) dtm dtmStart

Double dbl dblTolerance

Error err errOrderNum

Integer int intQuantity

Long lng lngDistance

Object obj objCurrent

Single sng sngAverage

String str strFirstName

3、程序代碼需要有縮進，縮進采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時需要左右空一格，如下：

4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動作+名詞，每個函數(shù)需要給出相應(yīng)的注釋，函數(shù)功能，傳入變量，以及作者和修改相關(guān)信息。如下面函數(shù):

%

'[功能] 返回一個參數(shù)的值

'[參數(shù)] strParameterName 參數(shù)名稱

'[作者] icefire 2002/8/20 am

Function GetParameterValue(strParameterName)

Dim objRS, strSQL, strParameterValue

strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" strParameterName "'"

.

.

.

GetParameterValue = strParameterValue

Set objRS = Nothing

End Function

5、ASP內(nèi)置對象區(qū)分大小寫。如下代碼片斷

strUserName = Request.Form(“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, strDBConnection

strDBPath = Server.MapPath("database/tax.mdb")

strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" strDBPath

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open strDBConnnection

End Sub

7、當(dāng)一個對象不在使用時要釋放對象資源，比如objFSO,objRS對象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下：

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、時間全部以字符串的形式保存到數(shù)據(jù)庫中，這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存，也方便數(shù)據(jù)庫地遷移。時間用14位字符串保存，日期用8位字符串保存。

七．網(wǎng)站首頁head區(qū)代碼規(guī)范

head區(qū)是指首頁HTML代碼的head和/head之間的內(nèi)容。 必須加入的標(biāo)簽

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"

繁體中文：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@maketown.com"

4.網(wǎng)站簡介

META NAME="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)頁標(biāo)題

titlexxxxxxxxxxxxxxxxxx/title

8.可以選擇加入的標(biāo)簽

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="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。默認(rèn)是all。

6.收藏夾圖標(biāo)

link rel = "Shortcut Icon" href="favicon.ico"

所有的javascript的調(diào)用盡量采取外部調(diào)用.

SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT

附body標(biāo)簽：

body標(biāo)簽不屬于head區(qū)，這里強調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁面背景body bgcolor="#FFFFFF"

八．網(wǎng)站建設(shè)尺寸規(guī)范

1. 頁面標(biāo)準(zhǔn)按800*600分辨率制作，實際尺寸為778*434px

2. 頁面長度原則上不超過3屏，寬度不超過1屏

3. 每個標(biāo)準(zhǔn)頁面為A4幅面大小，即8.5X11英寸

4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px

5. 另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸

6. 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

用ASP制作網(wǎng)頁的實訓(xùn)報告總結(jié)

1. 實習(xí)內(nèi)容及知識應(yīng)用

1.1實訓(xùn)內(nèi)容以及進程安排

實訓(xùn)內(nèi)容：動態(tài)網(wǎng)站制作的學(xué)習(xí)及動態(tài)網(wǎng)站的制作

這次在3名指導(dǎo)老師的帶領(lǐng)下，我們主要學(xué)習(xí)了用2種現(xiàn)在比較流行的動態(tài)網(wǎng)站開發(fā)平臺來開發(fā)網(wǎng)站：JSP平臺與ASP.NET平臺；JSP平臺方面主要通過XX老師示范制作myblog個人博客網(wǎng)站而學(xué)習(xí)JSP平臺的搭建、數(shù)據(jù)庫的連接、網(wǎng)站測試等內(nèi)容；而ASP.NET平臺主要通過XX老師和XX2位老師的指導(dǎo)，學(xué)習(xí)并搭建了ASP.NET平臺，掌握了網(wǎng)頁三劍客制作動態(tài)網(wǎng)站的基本常識與方法，以及數(shù)據(jù)庫的連接、網(wǎng)站測試及Photoshop處理圖片等內(nèi)容

：

進程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長），XX（組員）

08年7月29日 確定小組動態(tài)網(wǎng)頁開發(fā)平臺為ASP.NET

08年7月30日 確定網(wǎng)站要實現(xiàn)的功能①

08年7月31日-8月5日 制作BBS網(wǎng)站

08年8月6日 測試BBS網(wǎng)站

08年8月7日-08年8月15日 制作電子商務(wù)網(wǎng)站

08年8月16日-8月17日 測試電子商務(wù)網(wǎng)站

08年8月18日-8月20日 提交網(wǎng)站給指導(dǎo)老師，聽取指導(dǎo)老師意見，完善網(wǎng)站

08年8月21日-8月22日 網(wǎng)站制作與小學(xué)期總結(jié)，寫小學(xué)期文檔

08年8月23日 提交小學(xué)期文檔，小學(xué)期實訓(xùn)結(jié)束

說明：①經(jīng)過討論，我們組決定建設(shè)2個網(wǎng)站來實現(xiàn)以下功能

網(wǎng)站1-BBS網(wǎng)站：在這個網(wǎng)站中，我們主要實現(xiàn)了站點日歷與站點搜索引擎2大功能。

網(wǎng)站2-電子商務(wù)網(wǎng)站：在這個網(wǎng)站中，我們主要實現(xiàn)了用戶注冊與登陸、購物車的實現(xiàn)、訂單的顯示等頁面。

1.2知識（點）應(yīng)用以及經(jīng)驗總結(jié)

這次制作2個網(wǎng)站主要應(yīng)用的知識有以下：

⒈ 數(shù)據(jù)庫的創(chuàng)建

① Access數(shù)據(jù)庫的創(chuàng)建

Acess提供2種數(shù)據(jù)庫創(chuàng)建方式：一種是創(chuàng)建一個空數(shù)據(jù)庫，然后編輯數(shù)據(jù)表的內(nèi)容；另一種使用數(shù)據(jù)庫自帶的模板創(chuàng)建；在動態(tài)網(wǎng)頁面中，一般應(yīng)用第一種方式

② Access數(shù)據(jù)庫的打開方式

包括打開、只讀方式打開、獨占方式打開、只讀獨占方式打開

③ 利用設(shè)計器設(shè)計Access數(shù)據(jù)庫

利用Access數(shù)據(jù)庫里的設(shè)計器設(shè)計Access數(shù)據(jù)庫

④ 使用向?qū)гO(shè)計Access數(shù)據(jù)庫

通過Access的向?qū)В?jīng)過一系列對話來設(shè)置Access數(shù)據(jù)庫

⑤ 通過輸入數(shù)據(jù)連接Access數(shù)據(jù)庫。

先輸入數(shù)據(jù)再確定字段

⒉ 數(shù)據(jù)庫的連接

① ODBC連接數(shù)據(jù)庫

打開ODBC數(shù)據(jù)源管理器面板。 在windows XP中打開控制面板，再打開管理工具，找到數(shù)據(jù)源（ODBC），雙擊圖標(biāo)打開管理器，選擇系統(tǒng)DSN。添加數(shù)據(jù)源，點擊添加按鈕，開始創(chuàng)建數(shù)據(jù)源，在接下來的對話框中選擇數(shù)據(jù)源的驅(qū)動程序，因我們使用的是Microsoft Access創(chuàng)建的數(shù)據(jù)庫，所以選擇Microsoft Access Driver(*.mdb)作為數(shù)據(jù)庫驅(qū)動程序。點擊完成按鈕，填寫數(shù)據(jù)源名，以簡單易記為原則，這里我們以userinfo（表名）來命名，注意不要沖突。說明填不填都無所謂，是描述這個數(shù)據(jù)庫的用途而已。點擊選擇按鈕，選擇你的數(shù)據(jù)庫文件。找到自己想添加的數(shù)據(jù)庫，選中即可。

② OLEDB連接數(shù)據(jù)庫

在Dreamweaver 中,可以通過在連接字符串中包含 Provider 參數(shù)來創(chuàng)建 OLE DB 連接。打開Dreameaver，在站點里面先新建個ASP頁面（index.asp）。 在“應(yīng)用程序”面板中選中“數(shù)據(jù)庫”標(biāo)簽。只要我們在前面建立了站點，選擇了文檔類型（即我們選的ASP Javascript的），并且還測試了服務(wù)器（）；則當(dāng)前我們看到就剩下第四步?jīng)]有打勾了。 那現(xiàn)在就點擊“+”號，選擇“自定義連接字符串”。在彈出來的“自定義連接字符串”對話框中，"連接名稱"隨便寫一個。“連接字符串”就要好好填寫了。當(dāng)"使用此計算機上的驅(qū)動程序"時應(yīng)用絕對路徑：DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否則“使用測試服務(wù)器上的驅(qū)動程序”采用Mappath轉(zhuǎn)換路徑"Driver={Microsoft Access Driver (*.mdb)};DBQ=" server.mappath("/newgn/database/cnbruce.mdb"),點擊“測試”，出現(xiàn)成功對話框，成功連接數(shù)據(jù)庫后，在DW里其實是自動生成了一個連接文件。位置在自動生成的Connections文件夾中，名稱是你剛才在“自定義連接字符串”隨便敲的為命名asp文件。還可以注意到DW數(shù)據(jù)庫標(biāo)簽內(nèi)看到mdb文件內(nèi)的各個字段。

⒊ 動態(tài)網(wǎng)頁開發(fā)技術(shù)

① 記錄集的定義

分為簡單記錄集定義與高級記錄集定義，簡單記錄集的定義使用戶不必用SQL語句查詢而快速定義記錄集。高級記錄集定義則通過SQL語來定義記錄集。

② 記錄集的綁定

記錄集(查詢)的綁定。在網(wǎng)頁中插入一個表單，并輸入需要插入到數(shù)據(jù)庫的相關(guān)內(nèi)容，然后通過記錄集（查詢）功能來實現(xiàn)表單和數(shù)據(jù)庫的相互協(xié)調(diào)使用，并實現(xiàn)“動態(tài)”功能

③ 重復(fù)區(qū)域服務(wù)器行為

服務(wù)器行為其實一段VB代碼，為了方便用戶對記錄集的操作，DW中將常用代碼進行封裝，命名為服務(wù)器行為。而重復(fù)區(qū)域服務(wù)器行為相當(dāng)于一個FOR循環(huán)函數(shù)

④ 設(shè)置記錄集導(dǎo)航條

添加記錄集導(dǎo)航條以分頁的方式用來顯示重復(fù)區(qū)域服務(wù)器行為顯示有限的記錄

⒋XML動態(tài)網(wǎng)頁制作

① XSLT

XSLT 是一種用于將 XML 文檔轉(zhuǎn)換為 XHTML 文檔或其他 XML 文檔的語言，XSLT 用于將一種 XML 文檔轉(zhuǎn)換為另外一種 XML 文檔，或者可被瀏覽器識別的其他類型的文檔，比如 HTML 和 XHTML。通常，XSLT 是通過把每個 XML 元素轉(zhuǎn)換為 (X)HTML 元素來完成這項工作的。

⒌服務(wù)器的配置

① 站點存放點的創(chuàng)建

打開電腦，在D盤下建立一文件夾newgn（這個夾子就是你的站點存放點了），并且在里面建幾個子文件夾（就好似你網(wǎng)站的子目錄）。

② 建立虛擬目錄

回到newgn的根目錄，右鍵選擇“共享和安全”（其實是快速地建立虛擬目錄）

③ 設(shè)置IIS的虛擬目錄

出現(xiàn)屬性對話框后，選擇“Web共享”標(biāo)簽，點選“共享文件夾”，出現(xiàn)共享別名對話框，選擇默然設(shè)置，確定即可

⒍利用Dreamweaver創(chuàng)建站點

選擇“編輯站點”，在彈出的屬性框中選“高級”標(biāo)簽，從“分類”中先選“本地信息”，右窗口中設(shè)置站點名稱，本地根文件夾，然后設(shè)置遠(yuǎn)程信息，訪問選擇“本地/網(wǎng)絡(luò)”，遠(yuǎn)端文件夾仍選擇站點文件夾d: ewgn，再接著“測試服務(wù)器”，“服務(wù)器模型”暫為ASP vbscript，“訪問”本地/網(wǎng)絡(luò)，“測試服務(wù)器文件夾”仍是站點文件夾d: ewgn，“URL前綴”在后面添加“newgn/”，添加的東西就是設(shè)置的虛擬目錄，這時，站點定義基本結(jié)束，點擊確定。出現(xiàn)“編輯站點”對話框，“完成”即可。

⒎利用FIREWORKS處理圖片

利用FIREWORKS處理一些圖片和制作一些GIF動畫圖片

經(jīng)驗總結(jié)：

利用Dreamweaver做ASP動態(tài)網(wǎng)站主要為以下幾步：

①網(wǎng)站服務(wù)器配置

②數(shù)據(jù)庫設(shè)置

③數(shù)據(jù)庫顯示

④建立注冊系統(tǒng)

⑤建立登陸系統(tǒng)

⑥美化網(wǎng)站

2. 實習(xí)心得

{要求500字以上}

l 過程、功能需求、菜單設(shè)計、界面設(shè)計、數(shù)據(jù)庫設(shè)計、知識的應(yīng)用技巧、團隊合作感受等(指導(dǎo)教師可按實習(xí)內(nèi)容進行要求并自行增加內(nèi)容)

本次小學(xué)期期實訓(xùn)，我們小組主要制作了2個動態(tài)網(wǎng)站,而制作這2個動態(tài)網(wǎng)站的主要過程是：

⒈個人博客網(wǎng)站

①站點的定義

②數(shù)據(jù)庫的連接

③制作站點搜索引擎及搜索結(jié)果頁面

④制作日志列表

⑤制作BLOG首頁面，基本頁面設(shè)計

⑥定義并綁定記錄集

⑦界面的美化

⑧設(shè)置重復(fù)區(qū)域

⑨指定日期的日志內(nèi)容頁面

⑩日志具體內(nèi)容頁面-日志內(nèi)容和回復(fù)及日志回復(fù)功能

⒉電子商務(wù)網(wǎng)站

①站點的建立和連接字符串

②用戶登陸及用戶登陸信息顯示頁面

③錯誤信息頁面設(shè)計

④創(chuàng)建模板

⑤添加登陸頁面的嵌入框架

⑥用戶注冊頁面的實現(xiàn)

⑦添加“密碼”比較驗證的代碼

⑧制作最新產(chǎn)品導(dǎo)航條與滾動產(chǎn)品導(dǎo)航條

⑨產(chǎn)品展示的實現(xiàn)

⑩用戶購物車：限制用戶登陸、添加購物車程序、購物車鏈接、刪除購物車

而這2個網(wǎng)站實現(xiàn)的功能大不相同，前者為一個博客網(wǎng)站，主要實現(xiàn)了站點搜索引擎、日志列表、站點日期等內(nèi)容；后者為一個電子商務(wù)網(wǎng)站，主要實現(xiàn)了用戶登陸、用戶注冊、密碼驗證、產(chǎn)品展示以及用戶在線購物等內(nèi)容；剛確定制作網(wǎng)站的時候，本設(shè)想將2個網(wǎng)站整合在一起，但由于技術(shù)和其他原因，這個目的沒能實現(xiàn)。

制作動態(tài)網(wǎng)站，數(shù)據(jù)庫最重要，在我們小組這次制作網(wǎng)站的過程中，花時間最多的地方就是數(shù)據(jù)庫-數(shù)據(jù)庫的建立、數(shù)據(jù)庫與網(wǎng)站的連接、記錄集的綁定、數(shù)據(jù)庫安全等等，由于時間的關(guān)系，我們小組這次采用的是Acess數(shù)據(jù)庫，它與其他數(shù)據(jù)庫相比較相對來說操作比較簡單。在數(shù)據(jù)庫的制作中，這次我們小組遇到的難題主要是采用OLEDB連接數(shù)據(jù)庫的方法，這個難題的關(guān)鍵之處是在于如何利用 Provider 參數(shù)來創(chuàng)建 OLEDB 連接，我們在網(wǎng)上搜索了大量資料并在XX老師的幫助下終于學(xué)會了如何使用OLEDB連接數(shù)據(jù)庫。

總結(jié)這次小學(xué)期實訓(xùn)，這次2個網(wǎng)站能這么順利的完成，離不開老師的幫助和小組成員的努力，雖然這次小學(xué)期實訓(xùn)我們小組只有2人，但是我們是一個有效率、有組織、有團隊精神的小組，有效率在于小組制作網(wǎng)站中分工明確、討論有目的；有組織在于小組成員能按時、有質(zhì)量的完成自己的分工任務(wù)，值得一提的是這次小學(xué)期網(wǎng)站開發(fā)的大部分時間在小學(xué)期實訓(xùn)教室而我們小組成員還從未擅自曠課、上課遲到、早退等違紀(jì)行為；有團隊精神在于我們小組實訓(xùn)過程中的共進退，從不因為自己分工任務(wù)提前完成而拉下其他組員，我們意識到小組是一個有組織、有記錄、有共同目的的集體而不是一個由分散的個人組成的團體，在這次小學(xué)期實訓(xùn)中之所以提出小組分工這是鍛煉小組組員的個人能力培養(yǎng)，而幫助有困難的組員這充分培養(yǎng)了組員之間的默契和團隊協(xié)作能力。

這次是畢業(yè)前最后的一次小學(xué)期實訓(xùn)，也是自己做投入、最用心的一次實訓(xùn)，與以前的小學(xué)期相比，以前的小學(xué)期都是以掌握某種實訓(xùn)技能為主，而這次小學(xué)期則不僅掌握了動態(tài)網(wǎng)站的制作技術(shù)而且還制作出了自己的成果，自己非常高興。經(jīng)過這次小學(xué)期，我領(lǐng)悟到任何東西都要“學(xué)以至用”，學(xué)習(xí)了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。即將畢業(yè)，能接受這么一次有意義的小學(xué)期實訓(xùn)感覺很充實。

網(wǎng)址:

要一份網(wǎng)頁實訓(xùn)報告

一、實習(xí)目的：

通過教學(xué)實習(xí)掌握站點制作、站點測試與發(fā)布技術(shù)。會綜合利用Fireworks

、Flash和Dreamweaver三個軟件進行靜態(tài)網(wǎng)站的設(shè)計。

二、實習(xí)內(nèi)容：

1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設(shè)置圖片的GIF動畫格式，制作標(biāo)題動畫。對文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

2.用Flash制作標(biāo)題動畫。首頁中的動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視圖，設(shè)置本地站點。在標(biāo)準(zhǔn)視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對象制作層動畫，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動畫，使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式，插入Fireworks中的GIF

文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級鏈接。

三、具體要求：

1、利用Dreamweaver制作一個靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個簡單的主題?？梢赃x擇制作《個人網(wǎng)站設(shè)計》、《企業(yè)網(wǎng)站設(shè)計》、《文化網(wǎng)站的設(shè)計》、《娛樂網(wǎng)站設(shè)計》或者其他自己認(rèn)為適合的網(wǎng)站。

2、 作一個主頁面，至少5個次頁面。

3、必須用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀和功能。

4、 主頁基本要求：

　頁頭Logo，準(zhǔn)確無誤地標(biāo)識站點和企業(yè)標(biāo)志；

　網(wǎng)頁標(biāo)題動畫，可以制作成GIF動畫或者Flash動畫；

　導(dǎo)航條；

　E-mail地址，用來接受用戶垂詢；

　聯(lián)系信息，如普通郵件地址或電話；

　版權(quán)信息。

5、制作一個表單頁面。

6、某個頁面有滾動字幕。

7、為一個頁面添加背景音樂。

8、至少添加一種行為效果。

9、整個網(wǎng)站各頁面之間保持風(fēng)格一致，頁面之間要有合理的超級鏈接。

10、進行站點測試后申請免費空間并發(fā)布到網(wǎng)絡(luò)。

四、網(wǎng)站設(shè)計思路：

本站應(yīng)該算是一個個人主頁的小型網(wǎng)站。關(guān)于本站站名的來源：微言微語個人主頁，因為，我覺得這個網(wǎng)站里面的所有文字都是像一個人在自言自語，在低聲地向某人訴說著什么，沒有主題，沒有目的。取這個站名，是做了網(wǎng)站的大概構(gòu)思后才取的，覺得，這個名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。

個人主頁，一般都會包括首頁，相冊，鏈接，一些個人喜歡的文字加圖片，我的個人主頁也不例外，包括次首頁（個人喜歡的的文章加圖片），我的作品（里面包括自己做的三個FLASH動畫），文章（一些自己喜歡的文章），相冊（Firworks處理過的相冊），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說明），鏈接（世界著名網(wǎng)站的有關(guān)鏈接），反饋表（瀏覽者信息反饋表）。

五、網(wǎng)站設(shè)計過程：

把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“三”字型的，三字型是我給它取的名字，因為，最開頭是一張帶有導(dǎo)航條的圖片，用Firworks處理過的HTML文件，中間一大片用于放正文，下面就是版權(quán)信息，E-mail地址用來接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開的三個部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡潔美觀。

首頁本想做一個動態(tài)網(wǎng)頁，由于時間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景，加上從下向上的滾動字幕，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設(shè)為首頁”等代碼。

次頁面包括如下些內(nèi)容：首頁、作品、文章、相冊、關(guān)于、鏈接以及反饋表。這些頁面是用模板做的，上面的圖片，導(dǎo)航條以及下面的版權(quán)聯(lián)系方式是不用改變的，都保持著首頁的風(fēng)格，背景圖一樣，字體與樣式一樣，圖片風(fēng)格一樣。中間是兩個可編輯區(qū)域。

在所有的頁面導(dǎo)航條下面，插入層對象制作了一個層動畫，來回移動的層，里面存放日期，利用行為面板為此層添加了鼠標(biāo)行為，單擊此層，會出現(xiàn)對話框，“歡迎您訪問我的個人主頁！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號，顏色都統(tǒng)一套用相應(yīng)的樣式。

首頁中添加背景音樂，小說音樂《我在那一角落患過傷風(fēng)》，一邊看慢慢上移的文字，一邊聽這輕柔的音樂，給人一種意境美。其實次頁面添加《蟲兒飛》，輕快而活潑。首頁禁止右鍵復(fù)制功能，右鍵單擊沒有反應(yīng)。

次首頁，就是進入次頁面的第一個頁面。主題算是與青春有關(guān)的三種感情，三張圖片，用Firworks處理，加上相應(yīng)的文字。要用到兩個表格，分別放在兩個可編輯區(qū)域里面，一個1*2的表格，一個2*2的表格，第一個表格放一張有關(guān)于親情的圖片加一小段文字，第二個表格放一張有關(guān)于友情的圖片加一小段文字,還有一張有關(guān)于愛情的圖片加一小段文字。作品頁面是三個FLASH動畫，第一個是左右鍵控制的圖片移動按鈕，可以單擊來鏈接到主頁面（代碼見附錄），四個圖片經(jīng)過裁剪、高斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長短不一的線條加上透明度的改變組成光芒四射。第三個是鼠標(biāo)跟隨特效（代碼見附錄）。文章頁面，就是簡單的文字頁面，沒有什么特別的。相冊頁面，上面是一個用Firworks處理后的一組圖片，鼠標(biāo)移到小圖片上，下面做出現(xiàn)相應(yīng)的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動圖片（代碼見附錄），圖片跟著鼠標(biāo)的移動而左右移動。關(guān)于頁面，也是簡單的文字頁面，沒什么特別的，“個人簡歷”文字鏈接到WORD文檔“個人簡歷”(代碼：a

href="my.doc")，下面有個信息反饋的鏈接，鏈接到有關(guān)的“瀏覽者信息反饋表”，此信息反饋表用表單做的，用到單行文本域，多行文本域，單選框，復(fù)選框，按鍵，此表單可以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我的個人主頁LOGO，一張用Firworks做的LOGO，并建立有關(guān)鏈接，中間是一些文字，下面是世界著名網(wǎng)頁的有關(guān)網(wǎng)址以及相應(yīng)鏈接。

附錄：源代碼

(1) 狀態(tài)欄逐字出現(xiàn)的效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁，請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼：

onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br

（3）設(shè)為首頁代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設(shè)為首頁/span/p

（4）滾動字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="1c590cfa9a0d8c4d css"1、真的很喜歡那些記錄多于表達的人。

br /

…………

…………

183、希望每一個新的一天，醒來的那個你都神清氣爽。/span

/p

/div

/p

/marquee

（5）添加背景音樂代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復(fù)制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵將無任何反應(yīng)

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法復(fù)制//--

/script

style type="text/css"

（7）光芒四射代碼：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠標(biāo)跟隨代碼：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循環(huán)滾動圖片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右鍵控制的圖片移動按鈕：

on(release)

{getURL("index.html","_blank");}

六、實訓(xùn)中遇到的難點及解決辦法：

在設(shè)計開始的時候，想的太多，不知道怎么開頭，定哪個主題，背景，色調(diào)，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復(fù)雜了，不要追求完美，不要做的網(wǎng)頁太多，搞到最后，別人都不知道，你這個網(wǎng)站的主題是什么了。

還有就是布局的時候總是不能做到很美觀，后來，我把頁面屬性改了左過距為10，上邊距為10，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁的整體看起來更美觀了。

在做CSS樣式表的時候，做字的顏色的時候，老是不知道用哪種顏色才搭配的起這個背景，后來，看到那個背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。

七、實訓(xùn)心得：

在我看來，設(shè)計網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

在所有配色當(dāng)中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準(zhǔn)備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實訓(xùn),我覺得平面設(shè)計的創(chuàng)意思維、版面設(shè)計、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個以多學(xué)科設(shè)計為基礎(chǔ)，受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。

通過此次實訓(xùn)，使我對于網(wǎng)頁制作的三大軟件有了進一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對以前學(xué)過的內(nèi)容進行了綜合的復(fù)習(xí)。

通過此次實訓(xùn)，我更了解到，生活中有許多色彩，搭配顏色的時候，聯(lián)想到生活中的東西會做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會聯(lián)想到做網(wǎng)頁的時候，還有怎么布局。反正此次實訓(xùn)收獲很多。

最后，我想，如果此次實訓(xùn)老師是要我們分組來做的話，也許，我們可以做得更好，因為，一個想的畢竟不全面，而且，一個人的申美有限，我們可以分工合作，一個人做一個方面的東西，也可以根據(jù)他所善長的方面來分工，善長動畫制作的人做動畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣，有些同學(xué)會懶的動手，推著給別人做。

網(wǎng)頁設(shè)計或網(wǎng)站建設(shè)的實踐報告

以是研究呀

沒有絕對的東西，有利就有弊，利用得好會讓你在短期內(nèi)快速戰(zhàn)領(lǐng)市場。現(xiàn)在連收費品，下水道，家政保潔等服務(wù)行業(yè)能過網(wǎng)絡(luò)營銷接定單火著呢，關(guān)鍵看你如何利用網(wǎng)絡(luò)營銷為你賺錢，拉業(yè)務(wù).少走些彎路就行

最重要的從以下幾點來做：

1、營銷網(wǎng)站制作，網(wǎng)站就如同公司的前臺，如果前臺都沒有，別人到你公司去談業(yè)務(wù)，同樣的價格別人不一定會選擇你。網(wǎng)站一定要做成小型門戶型的，千萬別用網(wǎng)絡(luò)公司送的幾時十個頁面的垃圾網(wǎng)站，

2、網(wǎng)站整體優(yōu)化，如今中小企業(yè)網(wǎng)站數(shù)量越來越多，而中小企業(yè)里懂網(wǎng)絡(luò)營銷的人才不多，通常中小企業(yè)的網(wǎng)站都是由網(wǎng)絡(luò)服務(wù)商制作維護，可是網(wǎng)絡(luò)服務(wù)商只管做網(wǎng)站，不管網(wǎng)絡(luò)營銷。這是其一。其二，網(wǎng)絡(luò)推廣費用太高，一部分中小企業(yè)付擔(dān)不起，而網(wǎng)站優(yōu)化不必要支付按點擊付費的費用。所以有機會節(jié)約網(wǎng)絡(luò)營銷成本就抓緊進行網(wǎng)站優(yōu)化，讓你的網(wǎng)站成為行業(yè)冠軍，定單自動找上門。SEO可從：對網(wǎng)頁的URL 、TITLE 、META 標(biāo)簽、正文標(biāo)題、正文內(nèi)容、ALT 標(biāo)簽、鏈接進行優(yōu)化

3、花錢做些廣告，天下沒有免費的午餐這句話誰都知道，要想讓你的客戶找到你，目前搜索競價廣告可以說是較快的讓你的客戶找到你，但網(wǎng)站一定要做得專業(yè)些，千萬別用幾十個頁面那種的。

關(guān)于織夢網(wǎng)站建設(shè)實訓(xùn)報告和織夢網(wǎng)站是不是落后了的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。