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

本文目錄一覽：

• 1、網(wǎng)頁(yè)設(shè)計(jì)或網(wǎng)站建設(shè)的實(shí)踐報(bào)告
• 2、用ASP制作網(wǎng)頁(yè)的實(shí)訓(xùn)報(bào)告總結(jié)
• 3、要一份網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告
• 4、電子商務(wù)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告的學(xué)習(xí)心得
• 5、網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書

網(wǎng)頁(yè)設(shè)計(jì)或網(wǎng)站建設(shè)的實(shí)踐報(bào)告

以是研究呀

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

最重要的從以下幾點(diǎn)來(lái)做：

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

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

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

用ASP制作網(wǎng)頁(yè)的實(shí)訓(xùn)報(bào)告總結(jié)

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

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

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

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

：

進(jìn)程安排

日期

日程安排

08年7月28日 確定小組組員，小組成員為：XX（組長(zhǎng)），XX（組員）

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

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

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

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

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

08年8月16日-8月17日 測(cè)試電子商務(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é)期實(shí)訓(xùn)結(jié)束

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

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

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

1.2知識(shí)（點(diǎn)）應(yīng)用以及經(jīng)驗(yàn)總結(jié)

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

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

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

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

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

包括打開、只讀方式打開、獨(dú)占方式打開、只讀獨(dú)占方式打開

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

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

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

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

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

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

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

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

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

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

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

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

① 記錄集的定義

分為簡(jiǎn)單記錄集定義與高級(jí)記錄集定義，簡(jiǎn)單記錄集的定義使用戶不必用SQL語(yǔ)句查詢而快速定義記錄集。高級(jí)記錄集定義則通過SQL語(yǔ)來(lái)定義記錄集。

② 記錄集的綁定

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

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

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

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

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

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

① XSLT

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

⒌服務(wù)器的配置

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

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

② 建立虛擬目錄

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

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

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

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

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

⒎利用FIREWORKS處理圖片

利用FIREWORKS處理一些圖片和制作一些GIF動(dòng)畫圖片

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

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

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

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

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

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

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

⑥美化網(wǎng)站

2. 實(shí)習(xí)心得

{要求500字以上}

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

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

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

①站點(diǎn)的定義

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

③制作站點(diǎn)搜索引擎及搜索結(jié)果頁(yè)面

④制作日志列表

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

⑥定義并綁定記錄集

⑦界面的美化

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

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

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

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

①站點(diǎn)的建立和連接字符串

②用戶登陸及用戶登陸信息顯示頁(yè)面

③錯(cuò)誤信息頁(yè)面設(shè)計(jì)

④創(chuàng)建模板

⑤添加登陸頁(yè)面的嵌入框架

⑥用戶注冊(cè)頁(yè)面的實(shí)現(xiàn)

⑦添加“密碼”比較驗(yàn)證的代碼

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

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

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

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

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

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

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

網(wǎng)址:

要一份網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告

一、實(shí)習(xí)目的：

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

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

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

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

2.用Flash制作標(biāo)題動(dòng)畫。首頁(yè)中的動(dòng)畫不超過20M。制作按鈕來(lái)超級(jí)鏈接到其他頁(yè)面。

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

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

三、具體要求：

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

2、 作一個(gè)主頁(yè)面，至少5個(gè)次頁(yè)面。

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

4、 主頁(yè)基本要求：

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

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

　導(dǎo)航條；

　E-mail地址，用來(lái)接受用戶垂詢；

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

　版權(quán)信息。

5、制作一個(gè)表單頁(yè)面。

6、某個(gè)頁(yè)面有滾動(dòng)字幕。

7、為一個(gè)頁(yè)面添加背景音樂。

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

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

10、進(jìn)行站點(diǎn)測(cè)試后申請(qǐng)免費(fèi)空間并發(fā)布到網(wǎng)絡(luò)。

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

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

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

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

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

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

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

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

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

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

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

附錄：源代碼

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

script language="JavaScript"

var msg = "歡迎來(lái)到☆※◎~~~微言微語(yǔ)~~~☆※◎個(gè)人主頁(yè)，請(qǐng)多提意見。謝謝! "

;

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) 首頁(yè)收藏代碼：

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

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

onclick="var

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

（4）滾動(dòng)字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

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

vspce=5 loop=-1

pspan class="93f73fb75848ef67 css"1、真的很喜歡那些記錄多于表達(dá)的人。

br /

…………

…………

183、希望每一個(gè)新的一天，醒來(lái)的那個(gè)你都神清氣爽。/span

/p

/div

/p

/marquee

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

bgsound src="aa.mp3" loop=1

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

script language="JavaScript"

!--

document.oncontextmenu=new

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

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無(wú)法復(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)滾動(dòng)圖片：

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）左右鍵控制的圖片移動(dòng)按鈕：

on(release)

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

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

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

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

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

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

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

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

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

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

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

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

電子商務(wù)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告的學(xué)習(xí)心得

通過這次實(shí)習(xí)，讓我更深刻地認(rèn)識(shí)到電子商務(wù)的特點(diǎn)和應(yīng)用領(lǐng)域，學(xué)習(xí)和體會(huì)到了電子商務(wù)的核心思想。在親身實(shí)踐電子商務(wù)的過程中學(xué)習(xí)和提高。在這個(gè)摸擬中，通過廠家，商場(chǎng)，物流企業(yè)，外貿(mào)公司，銀行和消費(fèi)者六個(gè)角色，讓我對(duì)電子商務(wù)主要的交易流程和核心理念。在不同的角色，從不同的角色參與其中，讓我更加認(rèn)識(shí)到掌握實(shí)際應(yīng)用技能的重要性。在現(xiàn)代的信息時(shí)代中，多種交易都是通過網(wǎng)絡(luò)實(shí)現(xiàn)的，于是，對(duì)于掌握這方面的知識(shí)越來(lái)越重要了，這是一個(gè)非常好的機(jī)會(huì)讓我們對(duì)電子商務(wù)的更深一步認(rèn)識(shí)，出感覺到了電子商務(wù)的優(yōu)越性。

網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書

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

一.概念

網(wǎng)站項(xiàng)目管理就是根據(jù)特定的規(guī)范、在預(yù)算范圍內(nèi)、按時(shí)完成的網(wǎng)站開發(fā)任務(wù)。

二.需求分析

1.項(xiàng)目立項(xiàng)

我們接到客戶的業(yè)務(wù)咨詢，經(jīng)過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達(dá)成制作協(xié)議，這時(shí)就需要將項(xiàng)目立項(xiàng)。較好的做法是成立一個(gè)專門的項(xiàng)目小組，小組成員包括：項(xiàng)目經(jīng)理，網(wǎng)頁(yè)設(shè)計(jì)，程序員，測(cè)試員，編輯/文檔等必須人員。項(xiàng)目實(shí)行項(xiàng)目經(jīng)理制。

2.客戶的需求說明書

第一步是需要客戶提供一個(gè)完整的需求說明。很多客戶對(duì)自己的需求并不是很清楚，需要您不斷引導(dǎo)和幫助分析。曾經(jīng)有一次，我問客戶：“您做網(wǎng)站的目的是什么？”他回答：“沒有目的，只是因?yàn)閯e人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細(xì)分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細(xì)的，完整的需求說明會(huì)花很多時(shí)間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認(rèn)可。把好這一關(guān)，可以杜絕很多因?yàn)樾枨蟛幻骰蚶斫馄钤斐傻氖д`和項(xiàng)目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達(dá)到怎樣的標(biāo)準(zhǔn)呢？簡(jiǎn)單說，包含下面幾點(diǎn)：

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

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

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

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

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

三.系統(tǒng)分析

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

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

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

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

3.需要多少人，多少時(shí)間；

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

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

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

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

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

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

5.網(wǎng)站的交互性和用戶友好設(shè)計(jì)。

2.網(wǎng)站建設(shè)方案

在總體設(shè)計(jì)出來(lái)后，一般需要給客戶一個(gè)網(wǎng)站建設(shè)方案。很多網(wǎng)頁(yè)制作公司在接洽業(yè)務(wù)時(shí)就被客戶要求提供方案。那時(shí)的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實(shí)際制作后的結(jié)果會(huì)有很大差異。所以應(yīng)該盡量取得客戶的理解，在明確需求并總體設(shè)計(jì)后提交方案，這樣對(duì)雙方都有益處。網(wǎng)站建設(shè)方案的包括以下幾個(gè)部分：

1.客戶情況分析；

2.網(wǎng)站需要實(shí)現(xiàn)的目的和目標(biāo)；

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

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

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

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

7.開發(fā)時(shí)間進(jìn)度表；

8.宣傳推廣方案；

9.維護(hù)方案；

10.制作費(fèi)用；

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

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

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

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

四. 項(xiàng)目實(shí)施

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

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

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

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

開發(fā)制作

2.開發(fā)制作

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

調(diào)試完善

3.調(diào)試完成

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

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

4.宣傳推廣

宣傳推廣的基本方法有：

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

2.各搜索引擎登錄；

3.準(zhǔn)備新聞稿件在各新聞公告板發(fā)表；

4.合理使用Email郵件列表；

5.廣告條交換；

6.付費(fèi)廣告。

至此，網(wǎng)站項(xiàng)目建設(shè)完畢，將有關(guān)網(wǎng)址，使用操作說明文檔等提交客戶驗(yàn)收。如果需要維護(hù)，另行簽定維護(hù)項(xiàng)目。

五.維護(hù)

網(wǎng)站成功推出后，長(zhǎng)期的維護(hù)工作才剛剛開始，需要做到的是:

1.及時(shí)響應(yīng)客戶反饋；例如可以采取Email自動(dòng)回復(fù)功能，然后在1-3個(gè)工作日里解決問題，再次回復(fù)；

2.網(wǎng)站流量統(tǒng)計(jì)分析和相應(yīng)對(duì)策；

3.盡量推廣和使用您的網(wǎng)址；

4.網(wǎng)站內(nèi)容的及時(shí)更新和維護(hù)。

六.遵循的規(guī)范

1.網(wǎng)站建設(shè)目錄規(guī)范

2.網(wǎng)站文件命名規(guī)范

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

4.網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范

5.網(wǎng)站連接結(jié)構(gòu)規(guī)范

網(wǎng)站開發(fā)規(guī)范

任何一個(gè)項(xiàng)目或者系統(tǒng)開發(fā)之前都需要定制一個(gè)開發(fā)約定和規(guī)則，這樣有利于項(xiàng)目的整體風(fēng)格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于Web項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團(tuán)隊(duì)、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風(fēng)格、數(shù)據(jù)庫(kù)設(shè)計(jì)約定。這些規(guī)則和約定需要與開發(fā)人員、設(shè)計(jì)人員和維護(hù)人員共同討論定制，將來(lái)開發(fā)都將嚴(yán)格按規(guī)則或約定開發(fā)。每個(gè)團(tuán)隊(duì)開發(fā)都應(yīng)有自己的一套規(guī)范，一個(gè)優(yōu)良可行的規(guī)范可以使我們工作得心應(yīng)手事半功倍，這些規(guī)范都不是唯一的標(biāo)準(zhǔn)不存在對(duì)與錯(cuò)，也許有些地方與你當(dāng)前使用的習(xí)慣相駁，很多地方都有爭(zhēng)議。。

非常明顯在Web項(xiàng)目開發(fā)中有前后臺(tái)開發(fā)之分，前臺(tái)開發(fā)主要是指非程序編程部分，主要職責(zé)是網(wǎng)站AI設(shè)計(jì)、界面設(shè)計(jì)、動(dòng)畫設(shè)計(jì)等。而后臺(tái)開發(fā)主要是編程和網(wǎng)站運(yùn)行平臺(tái)搭建，其主要職責(zé)是設(shè)計(jì)網(wǎng)站數(shù)據(jù)庫(kù)和網(wǎng)站功能模板的實(shí)現(xiàn)。下面的這些規(guī)范主要是從這2個(gè)方面來(lái)定制的，這些規(guī)范是工作中總結(jié)的一點(diǎn)經(jīng)驗(yàn)，本文檔比較適合中小型網(wǎng)站或者Web項(xiàng)目的開發(fā)規(guī)范。

一．組建開發(fā)團(tuán)隊(duì)

在接手項(xiàng)目后的第一件事是組建團(tuán)隊(duì)。根據(jù)項(xiàng)目的大小團(tuán)隊(duì)可以有幾十人，也有可以是只有幾個(gè)人的小團(tuán)隊(duì)，在團(tuán)隊(duì)劃分中應(yīng)該含有6個(gè)角色，這6個(gè)角色是必須的，分別是項(xiàng)目經(jīng)理，策劃，美工，程序員，代碼整合員，測(cè)試員。也許你的團(tuán)隊(duì)還沒有6個(gè)人，沒有關(guān)系一個(gè)人可以有多個(gè)角色，比如項(xiàng)目經(jīng)理還可以有策劃這個(gè)角色，如程序員還可以含有代碼整合和測(cè)試這2個(gè)角色，如果你的項(xiàng)目夠大人數(shù)夠多那就分為6個(gè)組，每個(gè)組分工再來(lái)細(xì)分。下面簡(jiǎn)單介紹一下這6個(gè)角色的具體職責(zé)。

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

二．開發(fā)工具

Web開發(fā)工具主要分為3部分，第一部分是網(wǎng)站前臺(tái)開發(fā)工具，第二部分是網(wǎng)站后臺(tái)開發(fā)環(huán)境，第三部分是項(xiàng)目管理和輔助軟件。下面分別簡(jiǎn)單介紹這三部分需要使用的軟件。

網(wǎng)站前臺(tái)開發(fā)主要是指Web界面設(shè)計(jì)。包括網(wǎng)站整體框架建立、常用圖片、Flash動(dòng)畫設(shè)計(jì)等等，主要使用的相關(guān)軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

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

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

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

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

圖 1

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

四．?dāng)?shù)據(jù)庫(kù)開發(fā)規(guī)范

數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數(shù)據(jù)庫(kù)文件命名為kupage_database.mdf，有的數(shù)據(jù)庫(kù)文件有多個(gè)，比如SQL Server就有2個(gè)，一個(gè)是數(shù)據(jù)庫(kù)文件，另一個(gè)是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫。

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

數(shù)據(jù)庫(kù)字段命名規(guī)范，數(shù)據(jù)庫(kù)字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個(gè)單詞，別名就取單詞的前4 個(gè)字母；如果表名是兩個(gè)單詞，就各取兩個(gè)單詞的前兩個(gè)字母組成4 個(gè)字母長(zhǎng)的別名；如果表的名字由3 個(gè)單詞組成，你不妨從頭兩個(gè)單詞中各取一個(gè)然后從最后一個(gè)單詞中再取出兩個(gè)字母，結(jié)果還是組成4 字母長(zhǎng)的別名。

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

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

SQL語(yǔ)句編寫規(guī)則，關(guān)鍵字必須大寫，其他書寫按上述命名規(guī)則，比如：

SELECT user_id, user_name FROM User WHERE user_id = ‘tom’

五．文件夾文件名命名規(guī)范

文件夾命名一般采用英文，長(zhǎng)度一般不超過20個(gè)字符，命名采用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。

文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義，二是當(dāng)我們?cè)谖募A中使用“按名稱排例”的命令時(shí)，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計(jì)算負(fù)載量等等操作 。

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

放置在頁(yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片取名： banner

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

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

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

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

不帶鏈接表示標(biāo)題的圖片我們?nèi)∶?title

下面是幾個(gè)范例： 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、動(dòng)態(tài)語(yǔ)言文件命名規(guī)則性質(zhì)_描述，描述可以有多個(gè)單詞，用”_”隔開，性質(zhì)一般是該頁(yè)面得概要。

范例：register_form.asp，register_post.asp,topic_lock.asp

六．程序代碼編程規(guī)范

一個(gè)良好的程序編碼風(fēng)格有利于系統(tǒng)的維護(hù)，代碼也易于閱讀查錯(cuò)。在此只討論ASP的編程風(fēng)格和約定。在ASP中所有變量是弱變量，無(wú)需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語(yǔ)言一般這些都要定義的，為了養(yǎng)成良好的編程習(xí)慣，編寫代碼務(wù)必按照一下規(guī)則。

1、每個(gè)變量名必須定義，在ASP文件的最開始添加語(yǔ)句，強(qiáng)制定制每個(gè)變量。

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、程序代碼需要有縮進(jìn)，縮進(jìn)采用鍵盤Tab鍵，不采用空格鍵。并且”＝”或者鏈接字符串時(shí)需要左右空一格，如下：

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

%

'[功能] 返回一個(gè)參數(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)置對(duì)象區(qū)分大小寫。如下代碼片斷

strUserName = Request.Form(“UserName”)

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

6、數(shù)據(jù)庫(kù)連接一個(gè)庫(kù)只能有一個(gè)數(shù)據(jù)庫(kù)連接文件，創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象得原則是盡可能晚地打開數(shù)據(jù)庫(kù)，盡可能早地關(guān)閉數(shù)據(jù)庫(kù)。創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象調(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)一個(gè)對(duì)象不在使用時(shí)要釋放對(duì)象資源，比如objFSO,objRS對(duì)象等。采用統(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í)間全部以字符串的形式保存到數(shù)據(jù)庫(kù)中，這樣做能夠是日期在不同的數(shù)據(jù)庫(kù)中都能良好地保存，也方便數(shù)據(jù)庫(kù)地遷移。時(shí)間用14位字符串保存，日期用8位字符串保存。

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

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

1.公司版權(quán)注釋

!--- The site is designed by Maketown,Inc 06/2004 ---

2.網(wǎng)頁(yè)顯示字符集

簡(jiǎn)體中文：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"

繁體中文：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"

英 語(yǔ)：META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"

3.網(wǎng)頁(yè)制作者信息

META name="author" content="webmaster@maketown.com"

4.網(wǎng)站簡(jiǎn)介

META NAME="DESCRIPTION" CONTENT="本站是一個(gè)醫(yī)療站點(diǎn)…"

5.搜索關(guān)鍵字

META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"

6.網(wǎng)頁(yè)的css規(guī)范

LINK href="style/style.css" rel="stylesheet" type="text/css"

(參見目錄及命名規(guī)范)

7.網(wǎng)頁(yè)標(biāo)題

titlexxxxxxxxxxxxxxxxxx/title

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

1.設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過期，必須到服務(wù)器上重新調(diào)閱。

META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

2.禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

3.用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。

META HTTP-EQUIV="Window-target" CONTENT="_top"

4.自動(dòng)跳轉(zhuǎn)。

META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指時(shí)間停留5秒。

5.網(wǎng)頁(yè)搜索機(jī)器人向?qū)?用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。

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ū)，這里強(qiáng)調(diào)一下，為了保證瀏覽器的兼容性，必須設(shè)置頁(yè)面背景body bgcolor="#FFFFFF"

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

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

2. 頁(yè)面長(zhǎng)度原則上不超過3屏，寬度不超過1屏

3. 每個(gè)標(biāo)準(zhǔn)頁(yè)面為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. 每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過60K，全尺寸banner不超過14K

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