1、求一篇asp動態網頁設計學習總結,速度!
通過此次學習,讓我簡單的了解了一些編程,同時也學會了一些編程技術。比如:如何製作表單,如何製作彈出式對話框等。盡管自己在做這個的技術上還存在許多問題,但是每次遇到問題總是積極的詢問老師,盡快的解決自己所遇到的問題。因為從未接受過編程這類型的科目,對於還有很多不了解的。沒有學資料庫,所以對數據的處理存在著一些問題。老師們只有用最簡單的方法給我們講解,以便讓我們能學到東西,能學懂。而相對於這門復雜的學科,時間上也是有局限性的,畢竟上課的時間很少,要真正的掌握這門課,我們必須下來花功夫,自己去充實自己。它是一門理論和實踐相結合的學科,所以,每次上課的時候,老師總是先講理論,然後實踐,這樣就鞏固了我們對此知識的掌握和運用。總之,學了這門課,讓自己在編程上有了一定的掌握,讓自己學會了很多自己想要掌握的網頁技術,自己可以簡單的做出自己看到的一些簡單頁面。它還是一門細心的學科,只要有一個符號,一個字母,一個空格,就會造成錯誤,使程序無法運行,所以,每次我們都要相當細心,畢竟,出錯時,找錯誤是件十分麻煩的事情。而我們要運行自己編的程序,必須打開和創建IIS默認網站,這樣才能運行自己的程序。經過此次學習,也讓自己了解了一些HTML的相關知識、VBScript的輸入和輸出、內置函數(如:日期時間函數)、VBScript流程式控制制(如:if語句、DO....LOOP循環、do...loop while循環、function過程)、VBScript過程的調用(如:sub過程的調用、function過程的調用)、同時學會了如何製作跳轉網頁,通過Response.Redirect方法、Response.Write方法實現網頁的跳轉與瀏覽數據。總之,在此次學習中,自己了解的很多,掌握了很多,不懂的好奇的也很多,盡管以後自己或許不會再接觸相關的此課程,但是對於此課程的熱情,會促使我下來通過其他渠道繼續學習。
2、急求一篇動態網頁設計報告書。急!!!!!!!!!請各位大哥大姐幫幫忙。郵箱[email protected]
《網站設計與網頁製造》設計說明書
課程名稱:網頁設計
設計題目:我的家鄉
院系:建築信息工程系
專業班級:計算機0901
學生姓名:
學號:200913190
指導教師:徐美霞
起止日期:2010年12月20到2010年12月24日
第 1 頁 共 13 頁
我的家鄉網頁製作過程
一、 網站開發目的和功能簡介
隨著網路技術的發展與互聯網的普及,網站建設與網頁製作越來越成為各行各業以及個人宣傳自己的有利工具,、網站在當今時代被越來越多的人用來宣傳,通過網站的製作可以讓老師、同學以及朋友更好的了解自己以及別人想要知道的事情,我現在做的是關於我的家鄉,為別人提供了一個更深入了解自己的一個平台,本網站主要功能是讓更多的人去了解我了解我的家鄉
二、 網站的設計
2.1 網站的名稱:我的家鄉
2.2 網站欄目劃分
根據本網站的內容和功能劃分為:我的心語、導航鏈接、各地方的簡介、體現家鄉的圖片、版權聲明等。
(1)我的心語——對我們宿舍的六個簡介,提示對照網站的主題體現我們的家鄉;(2)導航鏈接——鏈接到各自設置的網頁各自的家鄉;(3)各地方的簡介——簡單介紹了我們各自的家鄉,了解了家鄉的知識文化;(4)圖片——列舉了每個地方的代表圖片,用另一種方式展現出不同的風采;(5)版權聲明——聲明了網站的建設者
具體如圖所示:
2.3網站導航應用於所有頁面提高網站的操作友好性。
2.4網站的風格與色彩選擇:頁面以淺綠和淺黃色為主。淺綠色體現了活力,字體實用淺棕色和淡淡的灰色給人一種清析、穩重的感覺。所有頁面色調統一,布局相似。
2.5網站目錄結構設計合理:不同素材採用不同學文件夾分開存放。如圖片放在image
文件夾、flash放在flash文件夾內、完成作業放在以自己名字命名的文件夾內等
三、 聊城首頁的製作過程
3.1首頁版圖:
首頁、導航鏈接、內容、個網頁鏈接
3-1
整個頁面分為四部分,第一部分是以一個flash文件顯示動態的圖片,主要是網站的突出顯示;第二部分是導航欄;第三部分是詳細內容,其中網頁中的文字排得整齊緊湊,這樣能給人一種舒服的感覺。在網頁適當的地方加一些圖片,每張畫面再加一些不同的文字說明,使得網頁顯得更加的精美;第四部分是各網頁鏈接。採用這種布局,主要是給瀏覽者一種簡單、清晰、明了的感覺,使網站整齊劃一。
具體的布局顯示如下所示:
3-2
3.2製作過程::本網頁製作分為三個部分:頂部是用flash製作的頁頭。中部又分為左右兩個部分,左邊為家鄉簡單的介紹和鏈接,製作的動態圖片使用時間軸讓圖片自動播放,還有從頂部滑下的圖片自動循環播放;右邊為家鄉的各景點的見解。我還為網頁設置了背景圖片,在最後利用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="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','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','957','height','210','src','../FLASH/左右橘色','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','wmode','transparent','movie','../FLASH/左右橘色' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" 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="http://www.macromedia.com/go/getflashplayer" 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()">
<p><span class="STYLE21">景陽岡其址在陽谷城東18公里處,沙岡頂部正中,建有一座民族形式的廟宇,俗稱「武松廟」,據傳始建於明代中期,後被毀。現存古廟為1958年修建。廟前方有一幢刻有「景陽岡」三個大字的石碑,系我國當代著名書法家舒同所題。廟東二、三百米處,有一刻有「武松打虎處」的墨玉色石碑。 1973年以來,經省考古隊多次試掘,認定景陽岡為「龍山文化」遺址國家首批AAA級景區,水滸旅遊線上重要景點,武松打虎人人皆知,武松打虎的地方不是人人都去過景陽岡景區總佔地面積33.3公頃。景區內沙丘起伏,莽草叢生,林蔭蔽日,主要景點:已有200餘年歷史的山神廟廟的左前方立有原中共山東省委書記舒同題寫的「景陽岡」石碑,右前方立有著名書法家楊萱庭書寫的高3米的「虎」字碑;南宋時期所立「武松打虎處」石碑;趙朴初所書寫門匾的「武松廟」;由徐悲鴻的夫人、書法家廖靜文題名的六角單檐的虎嘯亭;由著名畫家劉繼卣創作的「武松打虎」浮雕石像;有傳為武松打死的那隻老虎的化身——「天下第一虎」石,三碗不過岡酒店……</span><br />
</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','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','991','height','217','src','../FLASH/穿越星空','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','../FLASH/穿越星空' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" 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="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
</object>
</noscript>
</div>
<div id="apDiv2">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','390','height','211','src','../FLASH/煙花綻放','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','../FLASH/煙花綻放' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" 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="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" 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()">
<p><span class="STYLE29">聊城市鳳凰苑農業科技園,引種國內外名優稀特果樹品種100餘個,綠化和國家造紙工業用樹毛白楊品種20幾個,並繁育了600餘萬株苗木,以滿足本市及周邊地區農業種植結構調整和發展農村高效經濟的需要。
主要品種如下:
(1)日本仙桃王: 該桃有如下顯著特點:個頭特大,平均單果重500克,最大可達1350克;品質極佳,外觀全紅,脆肉型、香甜、爽口,含糖量可達23%;極耐貯運,常溫下可存20天,恆溫庫可存3至4個月,實為中秋、元旦,待客之佳品;樹上掛果期長,8月下旬至9月下旬,可陸續面市,這是其他任何桃品種所不能比擬的。
(2)韓國早熟有名桃: 在鳳凰苑區,6月底成熟,全紅,鮮艷極為漂亮,單果重可達300克,脆肉型濃甜,多汁,極為豐產,與其他早熟桃相比,風味極佳,市場開發前景看好。
(3)韓國有名桃:韓國農家實生育成,九月下旬成熟,平均單果重350克,清香味濃,汁多味極甜,半溶質,耐貯運,外觀紅色鮮艷,是韓國晚熟主栽品種。
(4)美國扁桃: 86-1、86-2、86-9是從美國扁桃中選育出的幾個優系,86-1、86-4出仁率均在45%以上,86-9又是其最好授粉品種。美國扁桃又稱美國大杏仁,具抗旱耐瘠薄,適應性強,耐粗放管理等特點,一般栽後三年結果,五年形成規模產量,豐產期畝產大杏仁500公斤,國內市場現行價56元/公斤,效益極為可觀。美國扁桃是荒灘、四旁發展的理想樹種,也是農家致富的理想樹種。
(5)六月雪梨: 是我國研究開發的最早品種梨,比綠寶石早熟20天,平均單果重180克,果肉細白,石細胞無,脆甜多汁,通過我園區高接觀察,此品種座果率高,極豐產,抗黑星病。
(6)脫毒草莓系列:鳳凰苑從國家果樹所引進脫毒草莓系列品種:美香莎 荷蘭引進,是當今壟斷歐美早春市場的王牌草莓品種,極早熟,果堅硬,風味佳。果肉紅色,最大單果重可達118克,芳香,濃郁,適促成半促成栽培和落地栽培,將是農業高效開發的理想品種。其他草莓品種,鬼怒甘、酒心糖、新哈尼、全明星等18個。</span><br />
</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>
六、實習心得
本次網站主要是運用本學期學過的知識來布局應用、製作動畫效果,通過本次的網站設計,運用了本學期所學到的知識這樣不僅復習了本學期學過的一些知識,同時也加深所學知識的內容,這次的網頁製作使我學會了很多,有關怎麼收集資料,怎樣用最快的方法收集資料,怎樣收集有效的資料,怎樣整理資料,怎樣使自己的下載的資料便於查找,也學會了網頁的製作,學會了運用網頁特效,怎樣的特效才能凸現網頁主題。在製作網站的過程中,也碰到了不少的不明白的地方通過老師同學的幫助也解決了不少問題,通過循序漸進的學習慢慢地完成了本次的網站建設,這次做的網頁雖不是很好看,有不足之處,比如動態頁面的製作、腳本的運用、一些效果的運用等運用的不夠靈活,同時網頁布局也不是很完善,可是我花了很多時間來完成它,所以呢,它對我以後做網頁有很大的幫助。在此次做網頁的過程中也讓我學到了很多東西,所以呢從我內心來說我是很滿意我的這次經歷,同時也要謝謝老師安排這樣的實習周,為什麼呢?因為在製作過程中我不僅學到了書上沒有的東西,也培養了我獨立思考問題的能力,同時還增強了同學之間的團結互助的友誼。因此,不論從哪個角度來說,老師此次布置的任務是上大學以來唯一把知識用於實踐的第一回,再一次謝謝你老師。總之這次設計就是在不斷的「發現問題——>解決問題——>再發現問題——>再解決問題——>」這個學習過程中完成的。今後我將繼續努力,把
3、動態網站設計與開發
動態網站的優勢劣勢
與靜態頁面網站設計不同,asp生成的動態頁面信息不但不易被搜索引擎所檢索,而且打開速度慢,再者也不穩定,這就是為什麼這么多專業網站建設公司都一再建議客戶使用靜態形式的網站設計的原因,有些網站建設公司會考慮把頁面進行偽靜態處理,但不知道大家有沒有注意過,偽靜態處理的url通常是不規則的。
如今隨著互聯網技術的發展,越來越多的建站技術被應用到網站建設中來,一些開發語言也慢慢的被替換,之前,旭網科技給客戶做的的網站很多是採用靜態頁面網站設計技術,但這樣的頁面也因為沒有資料庫作為支持而缺乏互動功能,因此動態網站製作技術也就慢慢的成為網站建設行業的主流。只是,如何把握好動態結合的最佳系數,不同的專業企業網站建設公司有不同的做法。
靜態網頁與動態的區別
程序是否在伺服器端運行,是重要標志。在伺服器端運行的程序、網頁、組件,屬於動態網頁,它們會隨不同客戶、不同時間,返回不同的網頁,例如asp、 php、jsp、asp.net、cgi等。運行於客戶端的程序、網頁、插件、組件,屬於靜態網頁,例如html頁、flash、javascript、 vbscript等等,它們是永遠不變的。
靜態網頁和動態網頁各有特點,網站採用動態網頁還是靜態網頁主要取決於網站的功能需求和網站內容的多少,如果網站功能比較簡單,內容更新量不是很大,採用純靜態網頁的方式會更簡單,反之一般要採用動態網頁技術來實現。
靜態網頁是網站建設的基礎,靜態網頁和動態網頁之間也並不矛盾,為了網站適應搜索引擎檢索的需要,即使採用動態網站技術,也可以將網頁內容轉化為靜態網頁發布。
動態網站也可以採用靜動結合的原則,適合採用動態網頁的地方用動態網頁,如果必要使用靜態網頁,則可以考慮用靜態網頁的方法來實現,在同一個網站上,動態網頁內容和靜態網頁內容同時存在也是很常見的事情。
4、500高分求動態網頁設計的畢業設計(開題報告)
你還需要嗎?要的話給個信箱
5、網頁製作與網站設計報告書
網站項目管理規范
一.概念
網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。
二.需求分析
1.項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。項目實行項目經理制。
2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。曾經有一次,我問客戶:「您做網站的目的是什麼?」他回答:「沒有目的,只是因為別人都有,我沒有!」。這樣的客戶就需要耐心說明,仔細分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:
1.正確性:每個功能必須清楚描寫交付的功能;
2.可行性:確保在當前的開發能力和系統環境下可以實現每個需求;
3.必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;
4.簡明性:不要使用專業的網路術語;
5.檢測性:如果開發完畢,客戶可以根據需求檢測。
三.系統分析
1.網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計,出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:
1.網站需要實現哪些功能;
2.網站開發使用什麼軟體,在什麼樣的硬體環境;
3.需要多少人,多少時間;
4.需要遵循的規則和標准有哪些。
同時需要寫一份總體規劃說明書,包括:
1.網站的欄目和版塊;
2.網站的功能和相應的程序;
3.網站的鏈接結構;
4.如果有資料庫,進行資料庫的概念設計;
5.網站的交互性和用戶友好設計。
2.網站建設方案
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:
1.客戶情況分析;
2.網站需要實現的目的和目標;
3.網站形象說明;
4.網站的欄目版塊和結構;
5.網站內容的安排,相互鏈接關系;
6.使用軟體,硬體和技術分析說明;
7.開發時間進度表;
8.宣傳推廣方案;
9.維護方案;
10.製作費用;
11.本公司簡介:成功作品,技術,人才說明等。
當您的方案通過客戶的認可,您可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計:
3.網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格,完成後,供客戶選擇。
記住:在客戶確定首頁風格之後,請客戶簽字認可。以後不得再對版面風格有大的變動,否則視為第二次設計。
開發製作
2.開發製作
到這里,程序員和網頁設計師同時進入全力開發階段,需要提醒的是,測試人員需要隨時測試網頁與程序,發現Bug立刻記錄並反饋修改。不要等到完全製作完畢再測試,這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度,協調和溝通程序員與網頁設計師的工作。
調試完善
3.調試完成
在網站初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
為什麼要記錄文檔呢?其實本軟體工程本身就是一個文檔,是一個不斷充實和完善的標准。通過不斷的發現問題,解決問題,修改,補充文檔,使這個標准越來越規范,越來越工業化。進而使得網站開發趨向規范,趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有:
1.網頁里設置適當的META標簽;
2.各搜索引擎登錄;
3.准備新聞稿件在各新聞公告板發表;
4.合理使用Email郵件列表;
5.廣告條交換;
6.付費廣告。
至此,網站項目建設完畢,將有關網址,使用操作說明文檔等提交客戶驗收。如果需要維護,另行簽定維護項目。
五.維護
網站成功推出後,長期的維護工作才剛剛開始,需要做到的是:
1.及時響應客戶反饋;例如可以採取Email自動回復功能,然後在1-3個工作日里解決問題,再次回復;
2.網站流量統計分析和相應對策;
3.盡量推廣和使用您的網址;
4.網站內容的及時更新和維護。
六.遵循的規范
1.網站建設目錄規范
2.網站文件命名規范
3.網站建設尺寸規范
4.網站首頁head區代碼規范
5.網站連接結構規范
網站開發規范
任何一個項目或者系統開發之前都需要定製一個開發約定和規則,這樣有利於項目的整體風格統一、代碼維護和擴展。由於Web項目開發的分散性、獨立性、整合的交互性等,所以定製一套完整的約定和規則顯得尤為重要。定製一系列約定和規則,包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、資料庫設計約定。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定製,將來開發都將嚴格按規則或約定開發。每個團隊開發都應有自己的一套規范,一個優良可行的規范可以使我們工作得心應手事半功倍,這些規范都不是唯一的標准不存在對與錯,也許有些地方與你當前使用的習慣相駁,很多地方都有爭議。。
非常明顯在Web項目開發中有前後台開發之分,前台開發主要是指非程序編程部分,主要職責是網站AI設計、界面設計、動畫設計等。而後台開發主要是編程和網站運行平台搭建,其主要職責是設計網站資料庫和網站功能模板的實現。下面的這些規范主要是從這2個方面來定製的,這些規范是工作中總結的一點經驗,本文檔比較適合中小型網站或者Web項目的開發規范。
一.組建開發團隊
在接手項目後的第一件事是組建團隊。根據項目的大小團隊可以有幾十人,也有可以是只有幾個人的小團隊,在團隊劃分中應該含有6個角色,這6個角色是必須的,分別是項目經理,策劃,美工,程序員,代碼整合員,測試員。也許你的團隊還沒有6個人,沒有關系一個人可以有多個角色,比如項目經理還可以有策劃這個角色,如程序員還可以含有代碼整合和測試這2個角色,如果你的項目夠大人數夠多那就分為6個組,每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。
項目經理,項目總體設計,開發進度的定製和監控,定製相應的開發規范,負責各個環節的評審工作,協調各個成員(小組)之間開發。策劃,提供詳細的策劃方案和需求分析。還包括後期網站推廣方面的策劃。美工,根據策劃和需求設計網站AI,界面,Logo等。程序員,根據項目總體設計來設計資料庫和功能模塊的實現。代碼整合員,負責將程序員的代碼和界面融合到一起,代碼整合員可以製作網站的相關頁面,測試員,負責測試程序。
二.開發工具
Web開發工具主要分為3部分,第一部分是網站前台開發工具,第二部分是網站後台開發環境,第三部分是項目管理和輔助軟體。下面分別簡單介紹這三部分需要使用的軟體。
網站前台開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等,主要使用的相關軟體是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站後台開發主要指網站動態程序開發、資料庫建模,主要使用的相關軟體是: PowerDesigner(資料庫建模),PowerDesigner在資料庫設計方面應用非常強大,用它可以快速創建資料庫概念和物理模型,我最喜歡的還是它生成資料庫Report的功能太方便了,設計資料庫強烈推薦用它。Rational Rose(程序建模),如果你的項目功能模塊不是特別復雜那就剩了它吧,這樣會節省一些時間和開發的復雜度,不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理主要指對開發進度和代碼版本的控制。開發進度用Microsoft Project來制定,代碼版本控制採用Visual SourceSafe,當然還有其他的選擇比如CVS和Rational ClearCase。網站測試採用VS.net的附帶工具Microsoft Application Center Test,它可以進行並行、負載測試等。程序文檔編寫採用Word,用WPS也可以。
三.網站開發流程
在項目開始實施之前應該有一個工作步驟也就是工作流程,在項目開發中最需要時間的是總體設計和系統測試,而程序編寫代碼所佔的時間並不多,但有的團隊就急於開發寫代碼,先把程序寫出來再說,沒有注重評審和測試這2個環節,結果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急於開工寫代碼,應該一步一步慢慢來,只有走的慢才能走得穩走得遠。圖1的開發流程比較好地體現開發的整個環節。
圖 1
從圖1可以看到2條主線,這2條主線分別是前台開發和後台開發。前後台開發在項目開發早期互相沒有交叉,當然不是絕對沒有,Web策劃和需求分析都是互相有關系的,一個是網站表現形式和風格的策劃另一個是網站功能的策劃,它們是衣服和軀乾的關系。到了開發後期就需要把界面和功能模塊結合起來形成一個統一,也就即將發布的網站。
四.資料庫開發規范
數據文件命名採用系統名+_+文件類型,比如系統名為kupage,則資料庫文件命名為kupage_database.mdf,有的資料庫文件有多個,比如SQL Server就有2個,一個是資料庫文件,另一個是日誌文件,那麼他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部採用小寫。
資料庫表命名規范,表名長度不能超過30個字元,表名中含有單詞全部採用單數形式,單詞首寫字母要大寫,多個單詞間不用任何連接符號。若庫中有多個系統,表名採用系統名稱+單詞或多個單詞,系統名是開發系統的縮寫,系統名稱全部採用小寫英文字元,如bbsTitle,bbsForumType。若庫中只含有一個系統,那麼表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞,如UserInfo,UserType。關連表命名規則為Re_表A_表B,Re是Relative的縮寫,如:Re_User_ArticleType, Re_User_FormType。
資料庫欄位命名規范,資料庫欄位名全部採用小寫英文單詞,單詞之間用」_」隔開,命名規則是表別名+單詞,如:user_name,user_pwd。表別名規則,如果表名是一個單詞,別名就取單詞的前4 個字母;如果表名是兩個單詞,就各取兩個單詞的前兩個字母組成4 個字母長的別名;如果表的名字由3 個單片語成,你不妨從頭兩個單詞中各取一個然後從最後一個單詞中再取出兩個字母,結果還是組成4 字母長的別名。
視圖名採用規則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用」_」連接幾個表的名,如果表過多可以將表名適當簡化,但一定要列出所有表名。
存儲過程命名規則P_表名_存取過程名(縮寫),比如P_User_Del,P_ArticleType_AddData。
SQL語句編寫規則,關鍵字必須大寫,其他書寫按上述命名規則,比如:
SELECT user_id, user_name FROM User WHERE user_id = 『tom』
五.文件夾文件名命名規范
文件夾命名一般採用英文,長度一般不超過20個字元,命名採用小寫字母。除特殊情況才使用中文拼音,一些常見的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等。
文件名稱統一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義,二是當我們在文件夾中使用「按名稱排例」的命令時,同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計算負載量等等操作 。
1、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開,頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名: banner
標志性的圖片取名為: logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為 button
在頁面上某一個位置連續出現,性質相同的鏈接欄目的圖片我們取名: 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、動態語言文件命名規則性質_描述,描述可以有多個單詞,用」_」隔開,性質一般是該頁面得概要。
範例:register_form.asp,register_post.asp,topic_lock.asp
六.程序代碼編程規范
一個良好的程序編碼風格有利於系統的維護,代碼也易於閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變數是弱變數,無需定義就可以直接使用,而且代碼不區分大小寫。但其他語言一般這些都要定義的,為了養成良好的編程習慣,編寫代碼務必按照一下規則。
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內置對象區分大小寫。如下代碼片斷
strUserName = Request.Form(「UserName」)
Set conn = Server.CreateObject("ADODB.Connection")
6、資料庫連接一個庫只能有一個資料庫連接文件,創建資料庫對象得原則是盡可能晚地打開資料庫,盡可能早地關閉資料庫。創建資料庫對象調用統一地創建函數。如下:
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對象等。採用統一函數調用。函數如下:
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字元串的形式保存到資料庫中,這樣做能夠是日期在不同的資料庫中都能良好地保存,也方便資料庫地遷移。時間用14位字元串保存,日期用8位字元串保存。
七.網站首頁head區代碼規范
head區是指首頁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="[email protected]">
4.網站簡介
<META NAME="DESCRIPTION" CONTENT="本站是一個醫療站點…">
5.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規范)
7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</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=http://www.yahoo.com"> 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區,這里強調一下,為了保證瀏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF">
八.網站建設尺寸規范
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. 每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K
6、急求份。。。動態網頁 報告。。。
http://www.aspcom.cn/dow/cnen5.rar
整站復而制且很漂亮。
7、不知道開題報告怎麼寫?關於動態網頁設計(ASP)希望各位大蝦提供一篇開題報告的範文!!!
昆明理工大學畢業設計(論文)
開題報告
題 目:xx
學 院:xx
專 業:xx
學生姓名:xx
指導教師:xx
日 期:xx-xx-xx
設計(論文)的技術路線及預期目標:
作為課程設計,主要目的是希望通過該系統的設計開發,將所學知識真正的應用於實踐當中,培養實際動手能力。並在設計實踐過程中,學習到更深的知識,掌握先進的技術。以此來增強對一個系統設計的整體認識,熟悉軟體開發過程,更深刻的理解軟體工程的知識,熟悉資料庫的設計與實現(Oracle),學習和掌握面向對象的分析方法(UML),利用MVC結構來開發高效率、高性能的Web應用程序,及面向對象的程序設計方法(以java語言實現)。
本次課題研究的主要內容是人事管理的需求分析和設計,最終完成一個人事管理系統。
課題進度計劃:
我擬訂將該研究過程劃分為三個階段,分別為前期、中期和後期。在前期階段(2—3周),主要做一些准備工作,如熟悉開發環境,認識J2EE架構,學習JAVA語言,MVC架構,收集一些有助於課題研究的資料,並試著寫相關的程序。在該階段需要完成的主要任務是「需求分析」,提出「概要設計方案」。
在中期階段(4—6周),對項目塊進行研究、實驗,本階段是整個研究、設計過程中的一個很重要的時期,也是對整個系統進行詳細設計和編碼,最後基本完成整個系統的製作任務。
後期階段(1—3周),該階段主要對整個系統進行集成和測試,發現系統存在的問題和有那些缺陷,並進行總結和分析,為將來的工作積累經驗和教訓。
我相信,通過在以上幾個階段中的努力工作及老師的辛勤指導,最後一定能做成電子政務檔案管理系統,完成課題研究任務。
我們也希望通過這次課題研究的機會,深層次的了解Java語言的開發及JavaBean和Jsp的使用技巧及MVC構架,掌握先進的軟體設計、管理、開發方法。
畢業設計(論文)的主要內容:
本次課題研究的主要內容是人事管理的需求分析和設計,最終完成一個人事管理系統。
在研究過程中,我將應用基於J2EE中的MVC構架技術來實現我的人事系統。擬訂將該系統劃分為三層,首先通過HTML向客戶展示被請求信息的表層(Represent Tier),我們用Java Servlet和JavaServer Page及JSTL來實現;然後是控制邏輯層(Control Logic Tier),它包含了一些在Struts體系結構上運行的組件;最後是資料庫層(Database Tier),用於永久性存儲數據。
公司管理模塊實現了公司的增加、刪除、修改、查詢等功能。
職位管理模塊實現了職位的增加、刪除、修改、查詢等功能。工作類型管理模塊實現了工作類型的增加、刪除、修改、查詢等功能。部門管理模塊實現了部門的增加、刪除、修改、查詢等功能。
員工管理模塊實現了增加、刪除、修改、查詢等功能。
檔案管理系統的系統功能圖:
在過去的很大一部分時間里都在熟悉將要採用的開發環境,如今已基本掌握了各開發工具和所必須的知識。針對課題研究對象,在不同的方面進行了研究,如:
需求分析:人事管理系統的主要作用是為用戶管理不同公司、不同部門的職工,方便用戶的查詢、匯總及分析。針對不同的用戶,人事管理系統有不同的功能表現。本系統為用戶提供對公司人事的管理,具體包括的功能有職位管理、工作類型管理、部門管理、公司管理、員工管理及操作資料庫的實現。本系統需要實現以下功能:
1、 公司管理:用戶可以增加公司的類別,2、 針對不同3、 類別的公司或者分公司,4、 系統可以按公司類別進行處理。通過公司區分不同5、 的用戶。
6、 職位管理:用戶可以為本系統的不同7、 公司職工增加職位,8、 來具體區分不同9、 公司的職工的職位類別。
10、 工作類型管理:用戶可以為本系統增加工作類型管理,11、 針對不同12、 職工的工作類型進行管理,13、 來區分職工的工作類型。
14、 部門管理:用戶可以為本系統增加部門,15、 包括修改、查看、刪除、查詢等操作。針對不同16、 公司的部門進行管理,17、 建立本公司的部門結構。
18、 員工管理:用戶可以為本系統增加員工。針對公司的某部門的員工進行管理,19、 建立本公司某部門的職工管理模塊。
系統設計:在大家的努力下,我們現在對整個網上圖書銷售系統的框架基本達成了一定的共識,具體內容將在詳細的設計書中進行描述。
資料庫設計:根據對系統的認識和分析,我們已開始設計符合系統要求的後台資料庫系統。如:公司信息{公司名稱},職位信息{職位名稱},工作類型信息{工作類型名稱},部門信息{部門信息},員工信息{員工ID,姓名,性別,公司名稱,政治面貌,文憑,工作類型編碼,工作類型名稱,部門名稱,出生日期,結束工作日期,參加工作日期,家庭地址,電話,手機,電子郵件,基礎工資,信用卡號}。
用戶界面設計:在設計研究過程中,已經進行用戶界面的設計。我們不僅讓設計出來的系統滿足需求,還使用戶在使用時感到舒適、便捷。
我相信,我的努力及老師的指導下,一定能夠圓滿的完成這次課題研究任務。
完成課題所需條件及落實措施:
從現有條件和所學課程來看,通過努力均可以完成畢業設計任務。
計算機系機房提供上機條件,設計資料和書籍從學生畢業設計的費用中開支。
完成課題所需條件都已經基本落實。
參考文獻、資料:
《J2EE編程技術》 郝玉龍,北方交大出版
《Java程序設計》 朱喜福,人民郵電出版
《J2EE案例開發》 季民,中國水利水電出版
《Java網路編程》 馮博,清華大學出版
《Java程序設計實用教程》 朱戰立,人民郵電出版
《Java開放源碼編程》 [美]Joe Walnes,電子工業出版
《JBuilder 10入門與提高》 王碧波,清華大學出版
《Java程序設計基礎》 (美)Gary,Bronson,北京大學出版
指導教師意見:
指導教師簽字:
年 月 日
學院畢業設計(論文)工作領導小組意見:
組長簽字:
年 月 日