網(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è)面那種的。

急求關(guān)于個(gè)人網(wǎng)站建設(shè)的實(shí)訓(xùn)報(bào)告

西臺(tái)痛哭 〖解釋〗宋末文天祥抗元失敗被害。八年后，謝翱與友人登西臺(tái)痛哭致祭，并作《登西臺(tái)慟哭記》以記其事。后用以稱亡國(guó)之痛。

晝吟宵哭 晝夜哀嘆、哭泣。

啼天哭地 呼天叫地的哭號(hào)，形容非常悲痛。

啼啼哭哭 哭泣不止。

神嚎鬼哭 見“神號(hào)鬼哭”。

神愁鬼哭 形容十分愁苦凄慘。

窮途之哭 因車無(wú)路可行而悲傷，后指處于困境所發(fā)的絕望的哀傷。

牛衣夜哭 見“牛衣對(duì)泣”。

鳥哭猿啼 泛指禽獸悲鳴。形容悲涼的情景。

哭哭啼啼 不停的哭泣。

街號(hào)巷哭 號(hào)哭于大街小巷。形容悲痛至極。

見哭興悲 見別人哭泣而引起自己的悲傷。謂產(chǎn)生同情心。

號(hào)啕大哭 號(hào)啕：大哭聲。放聲大哭。

鬼哭天愁 形容悲慘凄涼。

鬼哭粟飛 傳說蒼頡造字，驚天動(dòng)地，天雨粟，鬼夜哭。

鬼哭神驚 形容極度驚恐。

鬼哭神號(hào) ①形容哭叫悲慘凄厲。②形容聲音大而雜亂，令人驚恐。

鬼哭神愁 形容驚恐憂愁。

鬼哭狼嗥 ①同“鬼哭神號(hào)”。②同“鬼哭神號(hào)”。

干啼濕哭 干啼：沒有眼淚地啼哭。濕哭：有眼淚地啼哭。無(wú)淚和有淚地哭。①形容哭哭啼啼。②也泛指因苦楚而呈現(xiàn)的各種表情。亦作“濕哭干啼”。

行號(hào)巷哭 行：路；號(hào)：大聲哭叫。道路上和大街小巷里的人都在哭泣。形容人們極度悲哀。

痛哭流涕 涕：眼淚。形容傷心到極點(diǎn)。

神號(hào)鬼哭 號(hào)：哭。形容大聲哭叫，聲音凄厲。

秦庭之哭 原指向別國(guó)請(qǐng)求救兵。后也指哀求別人救助。

哭笑不得 哭也不好，笑也不好。形容很尷尬。

哭喪著臉 心里不愉快，臉上顯出不高興的樣子。

哭天抹淚 形容哭哭啼啼。

哭天喊地 提高嗓門又哭又叫。

號(hào)啕大哭 號(hào)啕：也寫作“嚎啕”，大聲哭叫。形容放聲大哭。

鬼哭神嚎 號(hào)：哭。形容大聲哭叫，聲音凄厲。

鬼哭狼嚎 形容大聲哭叫，聲音凄厲。

歌于斯，哭于斯 歌唱在這里，哭泣在這里。指安居的家宅。

長(zhǎng)歌當(dāng)哭 長(zhǎng)歌：長(zhǎng)聲歌詠，也指寫詩(shī)；當(dāng)：當(dāng)作。用長(zhǎng)聲歌詠或?qū)懺?shī)文來(lái)代替痛哭，借以抒發(fā)心中的悲憤。

抱頭大哭 形容非常傷心或很是感動(dòng)的樣子。

貓哭老鼠 比喻假慈悲

狼號(hào)鬼哭 形容哭聲凄慘

抱頭痛哭 指十分傷心或感動(dòng)，抱頭大哭

急求一篇?jiǎng)討B(tài)網(wǎng)頁(yè)設(shè)計(jì)報(bào)告書。急！?。。。。。。?！請(qǐng)各位大哥大姐幫幫忙。郵箱904013391@qq.com

《網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制造》設(shè)計(jì)說明書

課程名稱：網(wǎng)頁(yè)設(shè)計(jì)

設(shè)計(jì)題目：我的家鄉(xiāng)

院系：建筑信息工程系

專業(yè)班級(jí)：計(jì)算機(jī)0901

學(xué)生姓名：

學(xué)號(hào)：200913190

指導(dǎo)教師:徐美霞

起止日期：2010年12月20到2010年12月24日

第 1 頁(yè) 共 13 頁(yè)

我的家鄉(xiāng)網(wǎng)頁(yè)制作過程

一、 網(wǎng)站開發(fā)目的和功能簡(jiǎn)介

隨著網(wǎng)絡(luò)技術(shù)的發(fā)展與互聯(lián)網(wǎng)的普及，網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作越來(lái)越成為各行各業(yè)以及個(gè)人宣傳自己的有利工具，、網(wǎng)站在當(dāng)今時(shí)代被越來(lái)越多的人用來(lái)宣傳，通過網(wǎng)站的制作可以讓老師、同學(xué)以及朋友更好的了解自己以及別人想要知道的事情，我現(xiàn)在做的是關(guān)于我的家鄉(xiāng)，為別人提供了一個(gè)更深入了解自己的一個(gè)平臺(tái)，本網(wǎng)站主要功能是讓更多的人去了解我了解我的家鄉(xiāng)

二、 網(wǎng)站的設(shè)計(jì)

2.1 網(wǎng)站的名稱：我的家鄉(xiāng)

2.2 網(wǎng)站欄目劃分

根據(jù)本網(wǎng)站的內(nèi)容和功能劃分為：我的心語(yǔ)、導(dǎo)航鏈接、各地方的簡(jiǎn)介、體現(xiàn)家鄉(xiāng)的圖片、版權(quán)聲明等。

（1）我的心語(yǔ)——對(duì)我們宿舍的六個(gè)簡(jiǎn)介，提示對(duì)照網(wǎng)站的主題體現(xiàn)我們的家鄉(xiāng)；（2）導(dǎo)航鏈接——鏈接到各自設(shè)置的網(wǎng)頁(yè)各自的家鄉(xiāng)；（3）各地方的簡(jiǎn)介——簡(jiǎn)單介紹了我們各自的家鄉(xiāng)，了解了家鄉(xiāng)的知識(shí)文化；（4）圖片——列舉了每個(gè)地方的代表圖片，用另一種方式展現(xiàn)出不同的風(fēng)采；（5）版權(quán)聲明——聲明了網(wǎng)站的建設(shè)者

具體如圖所示:

2.3網(wǎng)站導(dǎo)航應(yīng)用于所有頁(yè)面提高網(wǎng)站的操作友好性。

2.4網(wǎng)站的風(fēng)格與色彩選擇：頁(yè)面以淺綠和淺黃色為主。淺綠色體現(xiàn)了活力，字體實(shí)用淺棕色和淡淡的灰色給人一種清析、穩(wěn)重的感覺。所有頁(yè)面色調(diào)統(tǒng)一，布局相似。

2.5網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)合理：不同素材采用不同學(xué)文件夾分開存放。如圖片放在image

文件夾、flash放在flash文件夾內(nèi)、完成作業(yè)放在以自己名字命名的文件夾內(nèi)等

三、 聊城首頁(yè)的制作過程

3.1首頁(yè)版圖：

首頁(yè)、導(dǎo)航鏈接、內(nèi)容、個(gè)網(wǎng)頁(yè)鏈接

3-1

整個(gè)頁(yè)面分為四部分，第一部分是以一個(gè)flash文件顯示動(dòng)態(tài)的圖片，主要是網(wǎng)站的突出顯示；第二部分是導(dǎo)航欄；第三部分是詳細(xì)內(nèi)容，其中網(wǎng)頁(yè)中的文字排得整齊緊湊，這樣能給人一種舒服的感覺。在網(wǎng)頁(yè)適當(dāng)?shù)牡胤郊右恍﹫D片，每張畫面再加一些不同的文字說明，使得網(wǎng)頁(yè)顯得更加的精美；第四部分是各網(wǎng)頁(yè)鏈接。采用這種布局，主要是給瀏覽者一種簡(jiǎn)單、清晰、明了的感覺，使網(wǎng)站整齊劃一。

具體的布局顯示如下所示：

3-2

3.2制作過程：：本網(wǎng)頁(yè)制作分為三個(gè)部分：頂部是用flash制作的頁(yè)頭。中部又分為左右兩個(gè)部分，左邊為家鄉(xiāng)簡(jiǎn)單的介紹和鏈接，制作的動(dòng)態(tài)圖片使用時(shí)間軸讓圖片自動(dòng)播放，還有從頂部滑下的圖片自動(dòng)循環(huán)播放；右邊為家鄉(xiāng)的各景點(diǎn)的見解。我還為網(wǎng)頁(yè)設(shè)置了背景圖片，在最后利用spry選項(xiàng)卡添加的圖片。

四、聊城首頁(yè)制作過程

4.1新建一個(gè)頁(yè)面，命名為聊城首頁(yè)（index）

4.2在頁(yè)面屬性的外觀中設(shè)置四邊邊距為0，文本顏色設(shè)為：#9900CC，大小設(shè)為18像素；在鏈接中設(shè)置下劃線樣式為：有下劃線；鏈接顏色為：#0000FF。

4.3（1）首頁(yè)（index）制作

利用樣式定義各個(gè)部分的高寬，將./image/195911NM-10.gif設(shè)為背景圖片。頁(yè)頭圖片為水城明珠.jpg設(shè)置flash動(dòng)畫為左右橘色.swf代碼如下：

頁(yè)頭圖片的設(shè)計(jì)代碼：（圖如上3-2）

div id="Layer3" style="left: 30px; top: 34px; width: 186px; height: 175px;"span class="STYLE3"a href="liaocheng.html"img src="../image/201042717165.jpg" name="Image1" width="186" height="174" //a/span/div

a name="dingbu" id="dingbu"/a

table width="967" height="817" border="1" align="center" bordercolor="#000000"

tr

td height="190" colspan="2" valign="top" bgcolor="#FFFFFF"img src="../image/水城明珠.jpg" width="956" height="202" //td

/tr

Flash動(dòng)畫設(shè)置代碼如下：

div id="Layer2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','957','height','210','src','../FLASH/左右橘色','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/左右橘色' ); //end AC code

/script

noscript

object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="957" height="210"

param name="movie" value="../FLASH/左右橘色.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/左右橘色.swf" width="957" height="210" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

（2）景陽(yáng)岡（jyg）頁(yè)設(shè)計(jì)

此網(wǎng)頁(yè)運(yùn)用了一些代碼實(shí)現(xiàn)了文字的滾動(dòng)代碼：td width="213" td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="310" height="620" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="STYLE21"景陽(yáng)岡其址在陽(yáng)谷城東18公里處，沙岡頂部正中，建有一座民族形式的廟宇，俗稱“武松廟”，據(jù)傳始建于明代中期,后被毀?，F(xiàn)存古廟為1958年修建。廟前方有一幢刻有“景陽(yáng)岡”三個(gè)大字的石碑，系我國(guó)當(dāng)代著名書法家舒同所題。廟東二、三百米處，有一刻有“武松打虎處”的墨玉色石碑。 1973年以來(lái)，經(jīng)省考古隊(duì)多次試掘，認(rèn)定景陽(yáng)岡為“龍山文化”遺址國(guó)家首批AAA級(jí)景區(qū)，水滸旅游線上重要景點(diǎn)，武松打虎人人皆知，武松打虎的地方不是人人都去過景陽(yáng)岡景區(qū)總占地面積33.3公頃。景區(qū)內(nèi)沙丘起伏，莽草叢生，林蔭蔽日，主要景點(diǎn)：已有200余年歷史的山神廟廟的左前方立有原中共山東省委書記舒同題寫的“景陽(yáng)岡”石碑，右前方立有著名書法家楊萱庭書寫的高3米的“虎”字碑；南宋時(shí)期所立“武松打虎處”石碑；趙樸初所書寫門匾的“武松廟”；由徐悲鴻的夫人、書法家廖靜文題名的六角單檐的虎嘯亭；由著名畫家劉繼卣創(chuàng)作的“武松打虎”浮雕石像；有傳為武松打死的那只老虎的化身——“天下第一虎”石，三碗不過岡酒店……/spanbr /

/p

/marquee

頁(yè)頭圖片為聊城.jpg設(shè)置flash動(dòng)畫穿越星空.swf、煙花綻放.swf代碼如下：

tr

td height="186" colspan="3" valign="top"img src="../image/聊城.jpg" width="1016" height="224" //td

/tr

Flash文件代碼：

div id="apDiv1"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','991','height','217','src','../FLASH/穿越星空','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/穿越星空' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="991" height="217"

param name="movie" value="../FLASH/穿越星空.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/穿越星空.swf" width="991" height="217" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

div id="apDiv2"

script type="text/javascript"

AC_FL_RunContent( 'codebase','','width','390','height','211','src','../FLASH/煙花綻放','quality','high','pluginspage','','wmode','transparent','movie','../FLASH/煙花綻放' ); //end AC code

/scriptnoscriptobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" width="390" height="211"

param name="movie" value="../FLASH/煙花綻放.swf" /

param name="quality" value="high" /

param name="wmode" value="transparent" /

embed src="../FLASH/煙花綻放.swf" width="390" height="211" quality="high" pluginspage="" type="application/x-shockwave-flash" wmode="transparent"/embed

/object

/noscript

/div

完成效果如下

3-3

（3）鳳凰苑（fhy）網(wǎng)頁(yè)設(shè)計(jì)

鳳凰苑網(wǎng)頁(yè)設(shè)計(jì)為突出鳳凰苑的特色頁(yè)頭采用鳳凰園內(nèi)比較突出的產(chǎn)品來(lái)體現(xiàn)鳳凰苑的科技（仙人掌、日本無(wú)花果等……）頁(yè)頭采用flash是左右5.swf、蝴蝶飛飛.swf，此網(wǎng)頁(yè)插入的是一個(gè)由flash做的圖片實(shí)現(xiàn)圖片的從右向左的滾動(dòng)，使用了上面網(wǎng)頁(yè)中文字滾動(dòng)的方法，使用的代碼

（div id="apDiv7"

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="left" width="1020" height="150" scrollamount="10" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

pspan class="STYLE29"聊城市鳳凰苑農(nóng)業(yè)科技園，引種國(guó)內(nèi)外名優(yōu)稀特果樹品種100余個(gè)，綠化和國(guó)家造紙工業(yè)用樹毛白楊品種20幾個(gè)，并繁育了600余萬(wàn)株苗木，以滿足本市及周邊地區(qū)農(nóng)業(yè)種植結(jié)構(gòu)調(diào)整和發(fā)展農(nóng)村高效經(jīng)濟(jì)的需要。

主要品種如下：

（1）日本仙桃王： 該桃有如下顯著特點(diǎn)：個(gè)頭特大，平均單果重500克，最大可達(dá)1350克；品質(zhì)極佳，外觀全紅，脆肉型、香甜、爽口，含糖量可達(dá)23％；極耐貯運(yùn)，常溫下可存20天，恒溫庫(kù)可存3至4個(gè)月，實(shí)為中秋、元旦，待客之佳品；樹上掛果期長(zhǎng)，8月下旬至9月下旬，可陸續(xù)面市，這是其他任何桃品種所不能比擬的。

（2）韓國(guó)早熟有名桃： 在鳳凰苑區(qū)，6月底成熟，全紅，鮮艷極為漂亮，單果重可達(dá)300克，脆肉型濃甜，多汁，極為豐產(chǎn)，與其他早熟桃相比，風(fēng)味極佳，市場(chǎng)開發(fā)前景看好。

（3）韓國(guó)有名桃：韓國(guó)農(nóng)家實(shí)生育成，九月下旬成熟，平均單果重350克，清香味濃，汁多味極甜，半溶質(zhì)，耐貯運(yùn)，外觀紅色鮮艷，是韓國(guó)晚熟主栽品種。

（4）美國(guó)扁桃： 86－1、86－2、86－9是從美國(guó)扁桃中選育出的幾個(gè)優(yōu)系，86－1、86－4出仁率均在45％以上，86－9又是其最好授粉品種。美國(guó)扁桃又稱美國(guó)大杏仁，具抗旱耐瘠薄，適應(yīng)性強(qiáng)，耐粗放管理等特點(diǎn)，一般栽后三年結(jié)果，五年形成規(guī)模產(chǎn)量，豐產(chǎn)期畝產(chǎn)大杏仁500公斤，國(guó)內(nèi)市場(chǎng)現(xiàn)行價(jià)56元／公斤，效益極為可觀。美國(guó)扁桃是荒灘、四旁發(fā)展的理想樹種，也是農(nóng)家致富的理想樹種。

（5）六月雪梨： 是我國(guó)研究開發(fā)的最早品種梨，比綠寶石早熟20天，平均單果重180克，果肉細(xì)白，石細(xì)胞無(wú)，脆甜多汁，通過我園區(qū)高接觀察，此品種座果率高，極豐產(chǎn)，抗黑星病。

（6）脫毒草莓系列：鳳凰苑從國(guó)家果樹所引進(jìn)脫毒草莓系列品種：美香莎 荷蘭引進(jìn)，是當(dāng)今壟斷歐美早春市場(chǎng)的王牌草莓品種，極早熟，果堅(jiān)硬，風(fēng)味佳。果肉紅色，最大單果重可達(dá)118克，芳香，濃郁，適促成半促成栽培和落地栽培，將是農(nóng)業(yè)高效開發(fā)的理想品種。其他草莓品種，鬼怒甘、酒心糖、新哈尼、全明星等18個(gè)。/spanbr /

/p

/marquee

/div）

改變字母的滾動(dòng)方向向左（left）實(shí)現(xiàn)不同于上一網(wǎng)頁(yè)的滾動(dòng)，頁(yè)頭flash的設(shè)置，同與上一網(wǎng)頁(yè)。

完成效果圖如下

（4）光岳樓（gyl）、東昌湖（dch）采用同樣的設(shè)計(jì)完成。

五、設(shè)計(jì)技術(shù)總結(jié)

為了使我們的網(wǎng)站更加實(shí)用、內(nèi)容豐富，我們?cè)诰W(wǎng)站里用了很多的技術(shù)，包括flash photoshop 等圖片處理和動(dòng)畫，運(yùn)用dreamweaver中相關(guān)知識(shí)制作各種特效比如圖層運(yùn)用、時(shí)間軸運(yùn)用等。

5.1在素材收集和處理上本人花費(fèi)了大量時(shí)間處理網(wǎng)站動(dòng)畫、真實(shí)照片收集、個(gè)人信息。如應(yīng)用PHOTOSHOP對(duì)相片進(jìn)行整體處理。利用flash制作了滾動(dòng)動(dòng)畫。

5.2文字滾動(dòng)效果，代碼如下：

td width="213" height="363" bgcolor="#FFFFFF"marquee direction="up" width="179" height="150" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"

p內(nèi)容 br /

/p

/marquee

六、實(shí)習(xí)心得

本次網(wǎng)站主要是運(yùn)用本學(xué)期學(xué)過的知識(shí)來(lái)布局應(yīng)用、制作動(dòng)畫效果，通過本次的網(wǎng)站設(shè)計(jì)，運(yùn)用了本學(xué)期所學(xué)到的知識(shí)這樣不僅復(fù)習(xí)了本學(xué)期學(xué)過的一些知識(shí)，同時(shí)也加深所學(xué)知識(shí)的內(nèi)容，這次的網(wǎng)頁(yè)制作使我學(xué)會(huì)了很多，有關(guān)怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學(xué)會(huì)了網(wǎng)頁(yè)的制作，學(xué)會(huì)了運(yùn)用網(wǎng)頁(yè)特效，怎樣的特效才能凸現(xiàn)網(wǎng)頁(yè)主題。在制作網(wǎng)站的過程中，也碰到了不少的不明白的地方通過老師同學(xué)的幫助也解決了不少問題，通過循序漸進(jìn)的學(xué)習(xí)慢慢地完成了本次的網(wǎng)站建設(shè)，這次做的網(wǎng)頁(yè)雖不是很好看，有不足之處，比如動(dòng)態(tài)頁(yè)面的制作、腳本的運(yùn)用、一些效果的運(yùn)用等運(yùn)用的不夠靈活，同時(shí)網(wǎng)頁(yè)布局也不是很完善，可是我花了很多時(shí)間來(lái)完成它，所以呢，它對(duì)我以后做網(wǎng)頁(yè)有很大的幫助。在此次做網(wǎng)頁(yè)的過程中也讓我學(xué)到了很多東西，所以呢從我內(nèi)心來(lái)說我是很滿意我的這次經(jīng)歷，同時(shí)也要謝謝老師安排這樣的實(shí)習(xí)周，為什么呢？因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西，也培養(yǎng)了我獨(dú)立思考問題的能力，同時(shí)還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。因此，不論從哪個(gè)角度來(lái)說，老師此次布置的任務(wù)是上大學(xué)以來(lái)唯一把知識(shí)用于實(shí)踐的第一回，再一次謝謝你老師?？傊@次設(shè)計(jì)就是在不斷的“發(fā)現(xiàn)問題——解決問題——再發(fā)現(xiàn)問題——再解決問題——”這個(gè)學(xué)習(xí)過程中完成的。今后我將繼續(xù)努力，把

網(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

網(wǎng)站設(shè)計(jì)報(bào)告

商務(wù)網(wǎng)站是為現(xiàn)實(shí)服務(wù)的，那么對(duì)于網(wǎng)站的定位就應(yīng)該從它如何為現(xiàn)實(shí)服務(wù)來(lái)考慮

如果僅是為興趣而做的，那就應(yīng)該根據(jù)自己的興趣來(lái)為網(wǎng)站定位。

不能什么類型熱就做什么，那樣你不會(huì)有持續(xù)的耐性來(lái)做網(wǎng)站。很容易厭煩