網站建設與網頁設計報告（網站建設與網頁設計報告怎么寫）
本篇文章給大家談談網站建設與網頁設計報告，以及網站建設與網頁設計報告怎么寫對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
- 1、急求一篇動態(tài)網頁設計報告書。急！?。。。。。。。≌埜魑淮蟾绱蠼銕蛶兔?。郵箱904013391@qq.com
- 2、主題網站建設報告的網站主頁怎么寫
- 3、網頁制作與網站設計報告書
- 4、網頁設計實訓總結心得6篇(2)
- 5、網頁設計或網站建設的實踐報告
急求一篇動態(tài)網頁設計報告書。急?。。。。。。。。≌埜魑淮蟾绱蠼銕蛶兔?。郵箱904013391@qq.com
《網站設計與網頁制造》設計說明書
課程名稱：網頁設計
設計題目：我的家鄉(xiāng)
院系：建筑信息工程系
專業(yè)班級：計算機0901
學生姓名：
學號：200913190
指導教師:徐美霞
起止日期：2010年12月20到2010年12月24日
第 1 頁 共 13 頁
我的家鄉(xiāng)網頁制作過程
一、 網站開發(fā)目的和功能簡介
隨著網絡技術的發(fā)展與互聯網的普及，網站建設與網頁制作越來越成為各行各業(yè)以及個人宣傳自己的有利工具，、網站在當今時代被越來越多的人用來宣傳，通過網站的制作可以讓老師、同學以及朋友更好的了解自己以及別人想要知道的事情，我現在做的是關于我的家鄉(xiāng)，為別人提供了一個更深入了解自己的一個平臺，本網站主要功能是讓更多的人去了解我了解我的家鄉(xiāng)
二、 網站的設計
2.1 網站的名稱：我的家鄉(xiāng)
2.2 網站欄目劃分
根據本網站的內容和功能劃分為：我的心語、導航鏈接、各地方的簡介、體現家鄉(xiāng)的圖片、版權聲明等。
（1）我的心語——對我們宿舍的六個簡介，提示對照網站的主題體現我們的家鄉(xiāng)；（2）導航鏈接——鏈接到各自設置的網頁各自的家鄉(xiāng)；（3）各地方的簡介——簡單介紹了我們各自的家鄉(xiāng)，了解了家鄉(xiāng)的知識文化；（4）圖片——列舉了每個地方的代表圖片，用另一種方式展現出不同的風采；（5）版權聲明——聲明了網站的建設者
具體如圖所示:
2.3網站導航應用于所有頁面提高網站的操作友好性。
2.4網站的風格與色彩選擇：頁面以淺綠和淺黃色為主。淺綠色體現了活力，字體實用淺棕色和淡淡的灰色給人一種清析、穩(wěn)重的感覺。所有頁面色調統(tǒng)一，布局相似。
2.5網站目錄結構設計合理：不同素材采用不同學文件夾分開存放。如圖片放在image
文件夾、flash放在flash文件夾內、完成作業(yè)放在以自己名字命名的文件夾內等
三、 聊城首頁的制作過程
3.1首頁版圖：
首頁、導航鏈接、內容、個網頁鏈接
3-1
整個頁面分為四部分，第一部分是以一個flash文件顯示動態(tài)的圖片，主要是網站的突出顯示；第二部分是導航欄；第三部分是詳細內容，其中網頁中的文字排得整齊緊湊，這樣能給人一種舒服的感覺。在網頁適當的地方加一些圖片，每張畫面再加一些不同的文字說明，使得網頁顯得更加的精美；第四部分是各網頁鏈接。采用這種布局，主要是給瀏覽者一種簡單、清晰、明了的感覺，使網站整齊劃一。
具體的布局顯示如下所示：
3-2
3.2制作過程：：本網頁制作分為三個部分：頂部是用flash制作的頁頭。中部又分為左右兩個部分，左邊為家鄉(xiāng)簡單的介紹和鏈接，制作的動態(tài)圖片使用時間軸讓圖片自動播放，還有從頂部滑下的圖片自動循環(huán)播放；右邊為家鄉(xiāng)的各景點的見解。我還為網頁設置了背景圖片，在最后利用spry選項卡添加的圖片。
四、聊城首頁制作過程
4.1新建一個頁面，命名為聊城首頁（index）
4.2在頁面屬性的外觀中設置四邊邊距為0，文本顏色設為：#9900CC，大小設為18像素；在鏈接中設置下劃線樣式為：有下劃線；鏈接顏色為：#0000FF。
4.3（1）首頁（index）制作
利用樣式定義各個部分的高寬，將./image/195911NM-10.gif設為背景圖片。頁頭圖片為水城明珠.jpg設置flash動畫為左右橘色.swf代碼如下：
頁頭圖片的設計代碼：（圖如上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動畫設置代碼如下：
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）景陽岡（jyg）頁設計
此網頁運用了一些代碼實現了文字的滾動代碼：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"景陽岡其址在陽谷城東18公里處，沙岡頂部正中，建有一座民族形式的廟宇，俗稱“武松廟”，據傳始建于明代中期,后被毀?，F存古廟為1958年修建。廟前方有一幢刻有“景陽岡”三個大字的石碑，系我國當代著名書法家舒同所題。廟東二、三百米處，有一刻有“武松打虎處”的墨玉色石碑。 1973年以來，經省考古隊多次試掘，認定景陽岡為“龍山文化”遺址國家首批AAA級景區(qū)，水滸旅游線上重要景點，武松打虎人人皆知，武松打虎的地方不是人人都去過景陽岡景區(qū)總占地面積33.3公頃。景區(qū)內沙丘起伏，莽草叢生，林蔭蔽日，主要景點：已有200余年歷史的山神廟廟的左前方立有原中共山東省委書記舒同題寫的“景陽岡”石碑，右前方立有著名書法家楊萱庭書寫的高3米的“虎”字碑；南宋時期所立“武松打虎處”石碑；趙樸初所書寫門匾的“武松廟”；由徐悲鴻的夫人、書法家廖靜文題名的六角單檐的虎嘯亭；由著名畫家劉繼卣創(chuàng)作的“武松打虎”浮雕石像；有傳為武松打死的那只老虎的化身——“天下第一虎”石，三碗不過岡酒店……/spanbr /
/p
/marquee
頁頭圖片為聊城.jpg設置flash動畫穿越星空.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）網頁設計
鳳凰苑網頁設計為突出鳳凰苑的特色頁頭采用鳳凰園內比較突出的產品來體現鳳凰苑的科技（仙人掌、日本無花果等……）頁頭采用flash是左右5.swf、蝴蝶飛飛.swf，此網頁插入的是一個由flash做的圖片實現圖片的從右向左的滾動，使用了上面網頁中文字滾動的方法，使用的代碼
（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"聊城市鳳凰苑農業(yè)科技園，引種國內外名優(yōu)稀特果樹品種100余個，綠化和國家造紙工業(yè)用樹毛白楊品種20幾個，并繁育了600余萬株苗木，以滿足本市及周邊地區(qū)農業(yè)種植結構調整和發(fā)展農村高效經濟的需要。
主要品種如下：
（1）日本仙桃王： 該桃有如下顯著特點：個頭特大，平均單果重500克，最大可達1350克；品質極佳，外觀全紅，脆肉型、香甜、爽口，含糖量可達23％；極耐貯運，常溫下可存20天，恒溫庫可存3至4個月，實為中秋、元旦，待客之佳品；樹上掛果期長，8月下旬至9月下旬，可陸續(xù)面市，這是其他任何桃品種所不能比擬的。
（2）韓國早熟有名桃： 在鳳凰苑區(qū)，6月底成熟，全紅，鮮艷極為漂亮，單果重可達300克，脆肉型濃甜，多汁，極為豐產，與其他早熟桃相比，風味極佳，市場開發(fā)前景看好。
（3）韓國有名桃：韓國農家實生育成，九月下旬成熟，平均單果重350克，清香味濃，汁多味極甜，半溶質，耐貯運，外觀紅色鮮艷，是韓國晚熟主栽品種。
（4）美國扁桃： 86－1、86－2、86－9是從美國扁桃中選育出的幾個優(yōu)系，86－1、86－4出仁率均在45％以上，86－9又是其最好授粉品種。美國扁桃又稱美國大杏仁，具抗旱耐瘠薄，適應性強，耐粗放管理等特點，一般栽后三年結果，五年形成規(guī)模產量，豐產期畝產大杏仁500公斤，國內市場現行價56元／公斤，效益極為可觀。美國扁桃是荒灘、四旁發(fā)展的理想樹種，也是農家致富的理想樹種。
（5）六月雪梨： 是我國研究開發(fā)的最早品種梨，比綠寶石早熟20天，平均單果重180克，果肉細白，石細胞無，脆甜多汁，通過我園區(qū)高接觀察，此品種座果率高，極豐產，抗黑星病。
（6）脫毒草莓系列：鳳凰苑從國家果樹所引進脫毒草莓系列品種：美香莎 荷蘭引進，是當今壟斷歐美早春市場的王牌草莓品種，極早熟，果堅硬，風味佳。果肉紅色，最大單果重可達118克，芳香，濃郁，適促成半促成栽培和落地栽培，將是農業(yè)高效開發(fā)的理想品種。其他草莓品種，鬼怒甘、酒心糖、新哈尼、全明星等18個。/spanbr /
/p
/marquee
/div）
改變字母的滾動方向向左（left）實現不同于上一網頁的滾動，頁頭flash的設置，同與上一網頁。
完成效果圖如下
（4）光岳樓（gyl）、東昌湖（dch）采用同樣的設計完成。
五、設計技術總結
為了使我們的網站更加實用、內容豐富，我們在網站里用了很多的技術，包括flash photoshop 等圖片處理和動畫，運用dreamweaver中相關知識制作各種特效比如圖層運用、時間軸運用等。
5.1在素材收集和處理上本人花費了大量時間處理網站動畫、真實照片收集、個人信息。如應用PHOTOSHOP對相片進行整體處理。利用flash制作了滾動動畫。
5.2文字滾動效果，代碼如下：
td width="213" height="363" bgcolor="#FFFFFF"marquee direction="up" width="179" height="150" scrollamount="1" scrolldelay="1" onmouseover="stop()" onmouseout="start()"
p內容 br /
/p
/marquee
六、實習心得
本次網站主要是運用本學期學過的知識來布局應用、制作動畫效果，通過本次的網站設計，運用了本學期所學到的知識這樣不僅復習了本學期學過的一些知識，同時也加深所學知識的內容，這次的網頁制作使我學會了很多，有關怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學會了網頁的制作，學會了運用網頁特效，怎樣的特效才能凸現網頁主題。在制作網站的過程中，也碰到了不少的不明白的地方通過老師同學的幫助也解決了不少問題，通過循序漸進的學習慢慢地完成了本次的網站建設，這次做的網頁雖不是很好看，有不足之處，比如動態(tài)頁面的制作、腳本的運用、一些效果的運用等運用的不夠靈活，同時網頁布局也不是很完善，可是我花了很多時間來完成它，所以呢，它對我以后做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西，所以呢從我內心來說我是很滿意我的這次經歷，同時也要謝謝老師安排這樣的實習周，為什么呢？因為在制作過程中我不僅學到了書上沒有的東西，也培養(yǎng)了我獨立思考問題的能力，同時還增強了同學之間的團結互助的友誼。因此，不論從哪個角度來說，老師此次布置的任務是上大學以來唯一把知識用于實踐的第一回，再一次謝謝你老師?？傊@次設計就是在不斷的“發(fā)現問題——解決問題——再發(fā)現問題——再解決問題——”這個學習過程中完成的。今后我將繼續(xù)努力，把
主題網站建設報告的網站主頁怎么寫
主題網站建設報告的網站主頁寫的步驟如下，
1、確定網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。
2、搜集材料。明確了網站的主題以后，你就要圍繞主題開始搜集材料了。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。
3、規(guī)劃網站。一個網站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。
網頁制作與網站設計報告書
網站項目管理規(guī)范
一.概念
網站項目管理就是根據特定的規(guī)范、在預算范圍內、按時完成的網站開發(fā)任務。
二.需求分析
1.項目立項
我們接到客戶的業(yè)務咨詢，經過雙方不斷的接洽和了解，并通過基本的可行性討論夠，初步達成制作協(xié)議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經理制。
2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚，需要您不斷引導和幫助分析。曾經有一次，我問客戶：“您做網站的目的是什么？”他回答：“沒有目的，只是因為別人都有，我沒有！”。這樣的客戶就需要耐心說明，仔細分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那么需求說明書要達到怎樣的標準呢？簡單說，包含下面幾點：
1.正確性：每個功能必須清楚描寫交付的功能；
2.可行性：確保在當前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現每個需求；
3.必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發(fā)生時"砍"掉；
4.簡明性：不要使用專業(yè)的網絡術語；
5.檢測性：如果開發(fā)完畢，客戶可以根據需求檢測。
三.系統(tǒng)分析
1.網站總體設計
在拿到客戶的需求說明后，并不是直接開始制作，而是需要對項目進行總體設計，詳細設計，出一份網站建設方案給客戶?？傮w設計是非常關鍵的一步。它主要確定：
1.網站需要實現哪些功能；
2.網站開發(fā)使用什么軟件，在什么樣的硬件環(huán)境；
3.需要多少人，多少時間；
4.需要遵循的規(guī)則和標準有哪些。
同時需要寫一份總體規(guī)劃說明書，包括：
1.網站的欄目和版塊；
2.網站的功能和相應的程序；
3.網站的鏈接結構；
4.如果有數據庫，進行數據庫的概念設計；
5.網站的交互性和用戶友好設計。
2.網站建設方案
在總體設計出來后，一般需要給客戶一個網站建設方案。很多網頁制作公司在接洽業(yè)務時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng)，而且在客戶需求不是十分明確的情況下提交方案，往往和實際制作后的結果會有很大差異。所以應該盡量取得客戶的理解，在明確需求并總體設計后提交方案，這樣對雙方都有益處。網站建設方案的包括以下幾個部分：
1.客戶情況分析；
2.網站需要實現的目的和目標；
3.網站形象說明；
4.網站的欄目版塊和結構；
5.網站內容的安排，相互鏈接關系；
6.使用軟件，硬件和技術分析說明；
7.開發(fā)時間進度表；
8.宣傳推廣方案；
9.維護方案；
10.制作費用；
11.本公司簡介：成功作品，技術，人才說明等。
當您的方案通過客戶的認可，您可以開始動手制作網站了。但還不是真正意義上的制作，你需要進行詳細設計：
3.網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序，而是設計出程序的詳細規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領域中工程師經常使用的工程藍圖，它們應該 包含必要的細節(jié)，例如：程序界面，表單，需要的數據等。程序員可以根據它們寫出實際的程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標準字，Logo，標準色彩，廣告語等。 首頁設計包括版面，色彩，圖像，動態(tài)效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁一般設計1-3個不同風格，完成后，供客戶選擇。
記?。涸诳蛻舸_定首頁風格之后，請客戶簽字認可。以后不得再對版面風格有大的變動，否則視為第二次設計。
開發(fā)制作
2.開發(fā)制作
到這里，程序員和網頁設計師同時進入全力開發(fā)階段，需要提醒的是，測試人員需要隨時測試網頁與程序，發(fā)現Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試，這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度，協(xié)調和溝通程序員與網頁設計師的工作。
調試完善
3.調試完成
在網站初步完成后，上傳到服務器，對網站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發(fā)現問題及時解決并記錄下來。
為什么要記錄文檔呢？其實本軟件工程本身就是一個文檔，是一個不斷充實和完善的標準。通過不斷的發(fā)現問題，解決問題，修改，補充文檔，使這個標準越來越規(guī)范，越來越工業(yè)化。進而使得網站開發(fā)趨向規(guī)范，趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有：
1.網頁里設置適當的META標簽；
2.各搜索引擎登錄；
3.準備新聞稿件在各新聞公告板發(fā)表；
4.合理使用Email郵件列表；
5.廣告條交換；
6.付費廣告。
至此，網站項目建設完畢，將有關網址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。
五.維護
網站成功推出后，長期的維護工作才剛剛開始，需要做到的是:
1.及時響應客戶反饋；例如可以采取Email自動回復功能，然后在1-3個工作日里解決問題，再次回復；
2.網站流量統(tǒng)計分析和相應對策；
3.盡量推廣和使用您的網址；
4.網站內容的及時更新和維護。
六.遵循的規(guī)范
1.網站建設目錄規(guī)范
2.網站文件命名規(guī)范
3.網站建設尺寸規(guī)范
4.網站首頁head區(qū)代碼規(guī)范
5.網站連接結構規(guī)范
網站開發(fā)規(guī)范
任何一個項目或者系統(tǒng)開發(fā)之前都需要定制一個開發(fā)約定和規(guī)則，這樣有利于項目的整體風格統(tǒng)一、代碼維護和擴展。由于Web項目開發(fā)的分散性、獨立性、整合的交互性等，所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則，包括組件團隊、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風格、數據庫設計約定。這些規(guī)則和約定需要與開發(fā)人員、設計人員和維護人員共同討論定制，將來開發(fā)都將嚴格按規(guī)則或約定開發(fā)。每個團隊開發(fā)都應有自己的一套規(guī)范，一個優(yōu)良可行的規(guī)范可以使我們工作得心應手事半功倍，這些規(guī)范都不是唯一的標準不存在對與錯，也許有些地方與你當前使用的習慣相駁，很多地方都有爭議。。
非常明顯在Web項目開發(fā)中有前后臺開發(fā)之分，前臺開發(fā)主要是指非程序編程部分，主要職責是網站AI設計、界面設計、動畫設計等。而后臺開發(fā)主要是編程和網站運行平臺搭建，其主要職責是設計網站數據庫和網站功能模板的實現。下面的這些規(guī)范主要是從這2個方面來定制的，這些規(guī)范是工作中總結的一點經驗，本文檔比較適合中小型網站或者Web項目的開發(fā)規(guī)范。
一．組建開發(fā)團隊
在接手項目后的第一件事是組建團隊。根據項目的大小團隊可以有幾十人，也有可以是只有幾個人的小團隊，在團隊劃分中應該含有6個角色，這6個角色是必須的，分別是項目經理，策劃，美工，程序員，代碼整合員，測試員。也許你的團隊還沒有6個人，沒有關系一個人可以有多個角色，比如項目經理還可以有策劃這個角色，如程序員還可以含有代碼整合和測試這2個角色，如果你的項目夠大人數夠多那就分為6個組，每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。
項目經理，項目總體設計，開發(fā)進度的定制和監(jiān)控，定制相應的開發(fā)規(guī)范，負責各個環(huán)節(jié)的評審工作，協(xié)調各個成員(小組)之間開發(fā)。策劃，提供詳細的策劃方案和需求分析。還包括后期網站推廣方面的策劃。美工，根據策劃和需求設計網站AI，界面，Logo等。程序員，根據項目總體設計來設計數據庫和功能模塊的實現。代碼整合員，負責將程序員的代碼和界面融合到一起，代碼整合員可以制作網站的相關頁面，測試員，負責測試程序。
二．開發(fā)工具
Web開發(fā)工具主要分為3部分，第一部分是網站前臺開發(fā)工具，第二部分是網站后臺開發(fā)環(huán)境，第三部分是項目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件。
網站前臺開發(fā)主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等，主要使用的相關軟件是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站后臺開發(fā)主要指網站動態(tài)程序開發(fā)、數據庫建模，主要使用的相關軟件是： PowerDesigner（數據庫建模），PowerDesigner在數據庫設計方面應用非常強大，用它可以快速創(chuàng)建數據庫概念和物理模型，我最喜歡的還是它生成數據庫Report的功能太方便了，設計數據庫強烈推薦用它。Rational Rose（程序建模），如果你的項目功能模塊不是特別復雜那就剩了它吧，這樣會節(jié)省一些時間和開發(fā)的復雜度，不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理主要指對開發(fā)進度和代碼版本的控制。開發(fā)進度用Microsoft Project來制定，代碼版本控制采用Visual SourceSafe，當然還有其他的選擇比如CVS和Rational ClearCase。網站測試采用VS.net的附帶工具Microsoft Application Center Test，它可以進行并行、負載測試等。程序文檔編寫采用Word，用WPS也可以。
三.網站開發(fā)流程
在項目開始實施之前應該有一個工作步驟也就是工作流程，在項目開發(fā)中最需要時間的是總體設計和系統(tǒng)測試，而程序編寫代碼所占的時間并不多，但有的團隊就急于開發(fā)寫代碼，先把程序寫出來再說，沒有注重評審和測試這2個環(huán)節(jié)，結果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急于開工寫代碼，應該一步一步慢慢來，只有走的慢才能走得穩(wěn)走得遠。圖1的開發(fā)流程比較好地體現開發(fā)的整個環(huán)節(jié)。
圖 1
從圖1可以看到2條主線，這2條主線分別是前臺開發(fā)和后臺開發(fā)。前后臺開發(fā)在項目開發(fā)早期互相沒有交叉，當然不是絕對沒有，Web策劃和需求分析都是互相有關系的，一個是網站表現形式和風格的策劃另一個是網站功能的策劃，它們是衣服和軀干的關系。到了開發(fā)后期就需要把界面和功能模塊結合起來形成一個統(tǒng)一，也就即將發(fā)布的網站。
四．數據庫開發(fā)規(guī)范
數據文件命名采用系統(tǒng)名+_+文件類型，比如系統(tǒng)名為kupage,則數據庫文件命名為kupage_database.mdf，有的數據庫文件有多個，比如SQL Server就有2個，一個是數據庫文件，另一個是日志文件，那么他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部采用小寫。
數據庫表命名規(guī)范，表名長度不能超過30個字符，表名中含有單詞全部采用單數形式，單詞首寫字母要大寫，多個單詞間不用任何連接符號。若庫中有多個系統(tǒng)，表名采用系統(tǒng)名稱+單詞或多個單詞，系統(tǒng)名是開發(fā)系統(tǒng)的縮寫，系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個系統(tǒng)，那么表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞，如UserInfo,UserType。關連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType。
數據庫字段命名規(guī)范，數據庫字段名全部采用小寫英文單詞，單詞之間用”_”隔開，命名規(guī)則是表別名+單詞，如：user_name,user_pwd。表別名規(guī)則，如果表名是一個單詞，別名就取單詞的前4 個字母；如果表名是兩個單詞，就各取兩個單詞的前兩個字母組成4 個字母長的別名；如果表的名字由3 個單詞組成，你不妨從頭兩個單詞中各取一個然后從最后一個單詞中再取出兩個字母，結果還是組成4 字母長的別名。
視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用”_”連接幾個表的名，如果表過多可以將表名適當簡化，但一定要列出所有表名。
存儲過程命名規(guī)則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData。
SQL語句編寫規(guī)則，關鍵字必須大寫，其他書寫按上述命名規(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)一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用“按名稱排例”的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作 。
1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner
標志性的圖片取名為： logo
在頁面上位置不固定并且?guī)в墟溄拥男D片我們取名為 button
在頁面上某一個位置連續(xù)出現，性質相同的鏈接欄目的圖片我們取名： menu
裝飾用的照片我們取名： pic
不帶鏈接表示標題的圖片我們取名： 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ī)則性質_描述，描述可以有多個單詞，用”_”隔開，性質一般是該頁面得概要。
范例：register_form.asp，register_post.asp,topic_lock.asp
六．程序代碼編程規(guī)范
一個良好的程序編碼風格有利于系統(tǒng)的維護，代碼也易于閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變量是弱變量，無需定義就可以直接使用，而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的，為了養(yǎng)成良好的編程習慣，編寫代碼務必按照一下規(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、函數過程編寫的約定。函數或者過程命名采用動作+名詞，每個函數需要給出相應的注釋，函數功能，傳入變量，以及作者和修改相關信息。如下面函數:
%
'[功能] 返回一個參數的值
'[參數] strParameterName 參數名稱
'[作者] 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內置對象區(qū)分大小寫。如下代碼片斷
strUserName = Request.Form(“UserName”)
Set conn = Server.CreateObject("ADODB.Connection")
6、數據庫連接一個庫只能有一個數據庫連接文件，創(chuàng)建數據庫對象得原則是盡可能晚地打開數據庫，盡可能早地關閉數據庫。創(chuàng)建數據庫對象調用統(tǒng)一地創(chuàng)建函數。如下：
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、當一個對象不在使用時要釋放對象資源，比如objFSO,objRS對象等。采用統(tǒng)一函數調用。函數如下：
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字符串的形式保存到數據庫中，這樣做能夠是日期在不同的數據庫中都能良好地保存，也方便數據庫地遷移。時間用14位字符串保存，日期用8位字符串保存。
七．網站首頁head區(qū)代碼規(guī)范
head區(qū)是指首頁HTML代碼的head和/head之間的內容。 必須加入的標簽
1.公司版權注釋
!--- The site is designed by Maketown,Inc 06/2004 ---
2.網頁顯示字符集
簡體中文：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.網頁制作者信息
META name="author" content="webmaster@maketown.com"
4.網站簡介
META NAME="DESCRIPTION" CONTENT="本站是一個醫(yī)療站點…"
5.搜索關鍵字
META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"
6.網頁的css規(guī)范
LINK href="style/style.css" rel="stylesheet" type="text/css"
(參見目錄及命名規(guī)范)
7.網頁標題
titlexxxxxxxxxxxxxxxxxx/title
8.可以選擇加入的標簽
1.設定網頁的到期時間。一旦網頁過期，必須到服務器上重新調閱。
META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"
2.禁止瀏覽器從本地機的緩存中調閱頁面內容。
META HTTP-EQUIV="Pragma" CONTENT="no-cache"
3.用來防止別人在框架里調用你的頁面。
META HTTP-EQUIV="Window-target" CONTENT="_top"
4.自動跳轉。
META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指時間停留5秒。
5.網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
META NAME="robots" CONTENT="none"
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
6.收藏夾圖標
link rel = "Shortcut Icon" href="favicon.ico"
所有的javascript的調用盡量采取外部調用.
SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT
附body標簽：
body標簽不屬于head區(qū)，這里強調一下，為了保證瀏覽器的兼容性，必須設置頁面背景body bgcolor="#FFFFFF"
八．網站建設尺寸規(guī)范
1. 頁面標準按800*600分辨率制作，實際尺寸為778*434px
2. 頁面長度原則上不超過3屏，寬度不超過1屏
3. 每個標準頁面為A4幅面大小，即8.5X11英寸
4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
5. 另外120*90，120*60也是小圖標的標準尺寸
6. 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K，全尺寸banner不超過14K
網頁設計實訓總結心得6篇(2)
網頁設計實訓總結心得體會范文4
上周，也就是5月31日到6月4日的五天里，我們電商專業(yè)進行了為期五天的網頁制作實訓。
在機房里待了一個星期，雖然生理反應不大，但是還是不好受。原本以為是實訓比平時上課要舒服多了吧，但是這一個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的一星期里我的收獲還是很多的。
第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現“書到用時方恨少”的尷尬體會。
第二、實訓中我印象最深的是對各種網頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標等都做不好，其心情想而知。所以對這些網頁是做工具的使用都要練習。
第三、集體協(xié)作是我又一個體會。這次網頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網站設計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學合作是很有必要的。
總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開心的。
網頁設計實訓總結心得體會范文5
實訓的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學，找代碼等等，時間飛速的流逝著，有些學會了，但仍然有不會的。
我們的小組從開始就產生了分歧，網站主題不一致。直到制作網站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。
在規(guī)劃網站結構前，我們在互聯網上大量的尋找網站布局規(guī)劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調意思及顏色搭配。制作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網頁。
選取素材，一個個的挑，看的越多也變得越難選，好多與自己想要的想差太遠，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。
制作網頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結構不搭，改吧。累啊，煩呢，還是得繼續(xù)做。做網站是即使出現再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕松了。
我們經常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時，要有人站出來調節(jié)，盡快解決矛盾，否者會影響整體的工作進程，彼此不高興。制作網頁不協(xié)調，影響質量。
我們這次實訓的目的及要求是：以小組為單位，合作完成從確定網站主題、規(guī)劃網站結構、選取網頁素材、到制作網頁內容等步驟，從而掌握網站建設的全流程。同時，培養(yǎng)團隊協(xié)作精神，提高綜合運用所學分析、解決實際問題的能力，實現由理論知識向操作技能的轉化。
網頁設計實訓總結心得體會范文6
從學校 畢業(yè) 后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚?，F在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網頁設計的工作?，F將我在工作中的情況 報告 如下。
一、工作介紹
我工作的這家公司，從事網站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯系客戶接恰生意的，有專門做技術的，而在技術這塊分為網站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發(fā)工作，這樣的網站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
二、開發(fā)技術
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數據庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。
像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都采用css+div進行網頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。
三、工作流程
小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。
php是現在比較流行的一種網站開發(fā)技術，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結果就是錯誤，后來我才發(fā)現，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。
四、安全檢查
安全檢查是很重要的一個環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發(fā)人員有很大的關系的。因為開發(fā)人員技術的高低決定了網站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導致網站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。
所以，我們每個人在將各自的工作完成以后，組長和其它專門的技術人員會對網站的安全性進行測試，找出存在的漏洞，然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。
在公司進行實習工作的這段時間，我在個人技術上收獲了很多，現在的我已經能獨檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現，已經轉為正式員工，我對自己的表現感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。
網頁設計實訓總結心得6篇相關 文章 ：
★ 網頁設計實訓總結心得6篇
★ 網頁設計實習心得體會3篇
★ 網頁設計實訓報告心得
★ 網頁設計實訓心得
★ 網頁設計實習心得體會總結
★ 網頁設計實訓心得三篇
★ 網頁設計實習心得體會
★ 網頁設計實習心得體會感想
★ 學習網頁設計的總結
★ 有關網頁制作實訓報告心得體會
網頁設計或網站建設的實踐報告
以是研究呀
沒有絕對的東西，有利就有弊，利用得好會讓你在短期內快速戰(zhàn)領市場?，F在連收費品，下水道，家政保潔等服務行業(yè)能過網絡營銷接定單火著呢，關鍵看你如何利用網絡營銷為你賺錢，拉業(yè)務.少走些彎路就行
最重要的從以下幾點來做：
1、營銷網站制作，網站就如同公司的前臺，如果前臺都沒有，別人到你公司去談業(yè)務，同樣的價格別人不一定會選擇你。網站一定要做成小型門戶型的，千萬別用網絡公司送的幾時十個頁面的垃圾網站，
2、網站整體優(yōu)化，如今中小企業(yè)網站數量越來越多，而中小企業(yè)里懂網絡營銷的人才不多，通常中小企業(yè)的網站都是由網絡服務商制作維護，可是網絡服務商只管做網站，不管網絡營銷。這是其一。其二，網絡推廣費用太高，一部分中小企業(yè)付擔不起，而網站優(yōu)化不必要支付按點擊付費的費用。所以有機會節(jié)約網絡營銷成本就抓緊進行網站優(yōu)化，讓你的網站成為行業(yè)冠軍，定單自動找上門。SEO可從：對網頁的URL 、TITLE 、META 標簽、正文標題、正文內容、ALT 標簽、鏈接進行優(yōu)化
3、花錢做些廣告，天下沒有免費的午餐這句話誰都知道，要想讓你的客戶找到你，目前搜索競價廣告可以說是較快的讓你的客戶找到你，但網站一定要做得專業(yè)些，千萬別用幾十個頁面那種的。
網站建設與網頁設計報告的介紹就聊到這里吧，感謝你花時間閱讀本站內容，更多關于網站建設與網頁設計報告怎么寫、網站建設與網頁設計報告的信息別忘了在本站進行查找喔。
