本篇文章給大家談?wù)劸W(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)報(bào)告，以及網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)報(bào)告怎么寫對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、急求一篇?jiǎng)討B(tài)網(wǎng)頁(yè)設(shè)計(jì)報(bào)告書。急！?。。。。。。。≌?qǐng)各位大哥大姐幫幫忙。郵箱904013391@qq.com
• 2、主題網(wǎng)站建設(shè)報(bào)告的網(wǎng)站主頁(yè)怎么寫
• 3、網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)報(bào)告書
• 4、網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇(2)
• 5、網(wǎng)頁(yè)設(shè)計(jì)或網(wǎng)站建設(shè)的實(shí)踐報(bào)告

急求一篇?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è)制作越來越成為各行各業(yè)以及個(gè)人宣傳自己的有利工具，、網(wǎng)站在當(dāng)今時(shí)代被越來越多的人用來宣傳，通過網(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="ef5083be66bc0770 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="83be66bc07703be3 STYLE21"景陽(yáng)岡其址在陽(yáng)谷城東18公里處，沙岡頂部正中，建有一座民族形式的廟宇，俗稱“武松廟”，據(jù)傳始建于明代中期,后被毀?，F(xiàn)存古廟為1958年修建。廟前方有一幢刻有“景陽(yáng)岡”三個(gè)大字的石碑，系我國(guó)當(dāng)代著名書法家舒同所題。廟東二、三百米處，有一刻有“武松打虎處”的墨玉色石碑。 1973年以來，經(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)品來體現(xiàn)鳳凰苑的科技（仙人掌、日本無花果等……）頁(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="66bc07703be3f045 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ì)胞無，脆甜多汁，通過我園區(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í)來布局應(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í)間來完成它，所以呢，它對(duì)我以后做網(wǎng)頁(yè)有很大的幫助。在此次做網(wǎng)頁(yè)的過程中也讓我學(xué)到了很多東西，所以呢從我內(nèi)心來說我是很滿意我的這次經(jīng)歷，同時(shí)也要謝謝老師安排這樣的實(shí)習(xí)周，為什么呢？因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西，也培養(yǎng)了我獨(dú)立思考問題的能力，同時(shí)還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。因此，不論從哪個(gè)角度來說，老師此次布置的任務(wù)是上大學(xué)以來唯一把知識(shí)用于實(shí)踐的第一回，再一次謝謝你老師?？傊@次設(shè)計(jì)就是在不斷的“發(fā)現(xiàn)問題——解決問題——再發(fā)現(xiàn)問題——再解決問題——”這個(gè)學(xué)習(xí)過程中完成的。今后我將繼續(xù)努力，把

主題網(wǎng)站建設(shè)報(bào)告的網(wǎng)站主頁(yè)怎么寫

主題網(wǎng)站建設(shè)報(bào)告的網(wǎng)站主頁(yè)寫的步驟如下，

1、確定網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。

2、搜集材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。

3、規(guī)劃網(wǎng)站。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。

網(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è)方案給客戶。總體設(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ì)出來后，一般需要給客戶一個(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ā)部分來說的。但這個(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í)解決并記錄下來。

為什么要記錄文檔呢？其實(shí)本軟件工程本身就是一個(gè)文檔，是一個(gè)不斷充實(shí)和完善的標(biāo)準(zhǔn)。通過不斷的發(fā)現(xiàn)問題，解決問題，修改，補(bǔ)充文檔，使這個(gè)標(biāo)準(zhǔn)越來越規(guī)范，越來越工業(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ù)人員共同討論定制，將來開發(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è)方面來定制的，這些規(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è)組分工再來細(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ì)來設(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來制定，代碼版本控制采用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ū)懗鰜碓僬f，沒有注重評(píng)審和測(cè)試這2個(gè)環(huán)節(jié)，結(jié)果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項(xiàng)目來了不要急于開工寫代碼，應(yīng)該一步一步慢慢來，只有走的慢才能走得穩(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é)合起來形成一個(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中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(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.用來防止別人在框架里調(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ū)?用來告訴搜索機(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)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇(2)

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文4

上周，也就是5月31日到6月4日的五天里，我們電商專業(yè)進(jìn)行了為期五天的網(wǎng)頁(yè)制作實(shí)訓(xùn)。

在機(jī)房里待了一個(gè)星期，雖然生理反應(yīng)不大，但是還是不好受。原本以為是實(shí)訓(xùn)比平時(shí)上課要舒服多了吧，但是這一個(gè)星期下來差點(diǎn)沒被累死，比平時(shí)上課還疼苦。但是在這實(shí)訓(xùn)的一星期里我的收獲還是很多的。

第一、從這次實(shí)訓(xùn)當(dāng)中我深刻的體會(huì)到理論知識(shí)的重要性，只有在自己熟練理論知識(shí)后再能在實(shí)踐中游刃有余，才不會(huì)出現(xiàn)“書到用時(shí)方恨少”的尷尬體會(huì)。

第二、實(shí)訓(xùn)中我印象最深的是對(duì)各種網(wǎng)頁(yè)制作工具的使用不熟練，甚至還有個(gè)別不會(huì)用的，只是自己想要做個(gè)圖片或圖標(biāo)等都做不好，其心情想而知。所以對(duì)這些網(wǎng)頁(yè)是做工具的使用都要練習(xí)。

第三、集體協(xié)作是我又一個(gè)體會(huì)。這次網(wǎng)頁(yè)制作由于某些原因我一個(gè)人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網(wǎng)站設(shè)計(jì)和制作上也略顯粗糙和不足，正所謂：你有一個(gè)思想，我有一個(gè)思想，分享后我們就都有兩個(gè)思想。所以與同學(xué)合作是很有必要的。

總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開心的。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文5

實(shí)訓(xùn)的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點(diǎn)眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動(dòng)、高興。我不是天才，有些知識(shí)不會(huì)。查書，問同學(xué)，找代碼等等，時(shí)間飛速的流逝著，有些學(xué)會(huì)了，但仍然有不會(huì)的。

我們的小組從開始就產(chǎn)生了分歧，網(wǎng)站主題不一致。直到制作網(wǎng)站的第三天，我們才達(dá)成共識(shí)，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網(wǎng)頁(yè)。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

在規(guī)劃網(wǎng)站結(jié)構(gòu)前，我們?cè)诨ヂ?lián)網(wǎng)上大量的尋找網(wǎng)站布局規(guī)劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調(diào)意思及顏色搭配。制作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網(wǎng)頁(yè)。

選取素材，一個(gè)個(gè)的挑，看的越多也變得越難選，好多與自己想要的想差太遠(yuǎn)，找的眼都花了，還是得找。磨練又一次的來了，堅(jiān)持吧，努力吧，找完就好了。

制作網(wǎng)頁(yè)，一遍遍的改。不對(duì)、不對(duì)，顏色不搭，不能突出主題，瀏覽出來的結(jié)構(gòu)不搭，改吧。累啊，煩呢，還是得繼續(xù)做。做網(wǎng)站是即使出現(xiàn)再多的錯(cuò)誤，也要堅(jiān)持做，耐心點(diǎn)，做好做完就好了，就輕松了。

我們經(jīng)常在嘴邊掛著要有“團(tuán)隊(duì)合作理念”，但行動(dòng)起來時(shí)，有些人還是會(huì)忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時(shí)，要有人站出來調(diào)節(jié)，盡快解決矛盾，否者會(huì)影響整體的工作進(jìn)程，彼此不高興。制作網(wǎng)頁(yè)不協(xié)調(diào)，影響質(zhì)量。

我們這次實(shí)訓(xùn)的目的及要求是：以小組為單位，合作完成從確定網(wǎng)站主題、規(guī)劃網(wǎng)站結(jié)構(gòu)、選取網(wǎng)頁(yè)素材、到制作網(wǎng)頁(yè)內(nèi)容等步驟，從而掌握網(wǎng)站建設(shè)的全流程。同時(shí)，培養(yǎng)團(tuán)隊(duì)協(xié)作精神，提高綜合運(yùn)用所學(xué)分析、解決實(shí)際問題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的轉(zhuǎn)化。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文6

從學(xué)校 畢業(yè) 后，我第一次步入了社會(huì)，從此開始了面對(duì)社會(huì)、工作的生活。剛剛走入社會(huì)的我是一個(gè)性格有些內(nèi)向的人，面對(duì)陌生的人，我不善言辭，不會(huì)給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個(gè)我很清楚。現(xiàn)在，中國(guó)每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實(shí)習(xí)工作肯定不會(huì)太好找，但是相反，我的運(yùn)氣還不錯(cuò)。找到了一份網(wǎng)頁(yè)設(shè)計(jì)的工作?，F(xiàn)將我在工作中的情況 報(bào)告 如下。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團(tuán)隊(duì)這部分是比較正規(guī)的，一般是五到六人為一個(gè)小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺(tái)、后臺(tái)開發(fā)，我在學(xué)校主要做的是后臺(tái)開發(fā)，當(dāng)然前臺(tái)設(shè)計(jì)工作也還算熟練，但不是很精通。我們這個(gè)小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過cms軟件就可以進(jìn)行開發(fā)。但是有個(gè)別的網(wǎng)站開發(fā)時(shí)，我們還是需要進(jìn)行一些手寫代碼工作的。

二、開發(fā)技術(shù)

做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。

在大學(xué)里對(duì)一個(gè)學(xué)生來說什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個(gè)世界上，知識(shí)在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識(shí)儲(chǔ)備總會(huì)有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會(huì)知識(shí)快速掌握，只有這樣才能占據(jù)主動(dòng)，減少被動(dòng)情況的尷尬發(fā)生，通過二個(gè)星期的時(shí)間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點(diǎn)上班，晚17:30下班，中午休息一個(gè)半小時(shí)，每周還有兩天假期。我利用業(yè)余時(shí)間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強(qiáng)化學(xué)習(xí)，其實(shí)這些東西在學(xué)校的時(shí)候就接觸過，只是不精通。那個(gè)時(shí)候?qū)W的東西多，難免有個(gè)主次之分，這次工作了，才知道哪個(gè)應(yīng)該多學(xué)點(diǎn)，但好在我都有學(xué)過，所以有個(gè)好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會(huì)做flash，flash這東西以前我在宿舍的時(shí)候經(jīng)常玩的，可是后來在分析就業(yè)情況時(shí)，分析錯(cuò)了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫(kù)這些東西我都學(xué)過，只是實(shí)踐能力稍差一點(diǎn)，但好在從前在學(xué)習(xí)方面用的功不是白費(fèi)的。通過這種實(shí)戰(zhàn)環(huán)境，和半個(gè)月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

像我這個(gè)組常用的是css+div排版，后臺(tái)使用php技術(shù)進(jìn)行開發(fā)，服務(wù)器平臺(tái)采用，linux+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡(jiǎn)單但是已經(jīng)有些過時(shí)了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁(yè)排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺(tái)開發(fā)部分，我們使用php來進(jìn)行開發(fā)，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。

三、工作流程

小組分工時(shí)，我負(fù)責(zé)后臺(tái)里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺(tái)部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術(shù)。編寫代碼這種工作看起來有些枯燥，其實(shí)時(shí)間長(zhǎng)了以后，還真有點(diǎn)厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會(huì)有價(jià)值感，才會(huì)對(duì)自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強(qiáng)學(xué)習(xí)，這所謂：找出不會(huì)的地方，學(xué)會(huì)它，你就變的強(qiáng)大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費(fèi)代碼，并因良好的跨平臺(tái)性能受到了大重的喜歡，我個(gè)人認(rèn)為php很簡(jiǎn)單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡(jiǎn)單處做起也挺好的，但是我在寫代碼時(shí)，還是經(jīng)常犯些小錯(cuò)誤，導(dǎo)致代碼頁(yè)面經(jīng)常出錯(cuò)，而自己往往還找不到是哪錯(cuò)了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯(cuò)誤，后來我才發(fā)現(xiàn)，原來只是一個(gè)小錯(cuò)誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開發(fā)工作，一定要細(xì)心，否則就會(huì)給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個(gè)環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不結(jié)實(shí)，那這種就必然不會(huì)安全的了。頁(yè)站的制做也是同樣的道理，在安全方面，有一個(gè)地方是和開發(fā)人員有很大的關(guān)系的。因?yàn)殚_發(fā)人員技術(shù)的高低決定了網(wǎng)站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導(dǎo)致網(wǎng)站在實(shí)際使用時(shí)，遭到黑客攻擊，如果造成了經(jīng)濟(jì)損失就無法挽救了。

所以，我們每個(gè)人在將各自的工作完成以后，組長(zhǎng)和其它專門的技術(shù)人員會(huì)對(duì)網(wǎng)站的安全性進(jìn)行測(cè)試，找出存在的漏洞，然后加以修改。以使它的安全性達(dá)到最高最穩(wěn)定的狀態(tài)。

在公司進(jìn)行實(shí)習(xí)工作的這段時(shí)間，我在個(gè)人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨(dú)檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對(duì)自己的表現(xiàn)感到滿意，最重要的是我給自己的學(xué)校爭(zhēng)了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強(qiáng)和別人的溝通能力。使自己變的更好，為國(guó)家為社會(huì)做出更多的貢獻(xiàn)。

網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇相關(guān) 文章 ：

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)3篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)總結(jié)

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)心得三篇

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)

★ 網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)心得體會(huì)感想

★ 學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的總結(jié)

★ 有關(guān)網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告心得體會(huì)

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

以是研究呀

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

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

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ù)量越來越多，而中小企業(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è)面那種的。

網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)報(bào)告的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)報(bào)告怎么寫、網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)報(bào)告的信息別忘了在本站進(jìn)行查找喔。