網站建設實訓總結報告?(網站開發實訓總結)

軟件開發 448

本篇文章給大家談談網站建設實訓總結報告,以及網站開發實訓總結對應的知識點,希望對各位有所幫助,不要忘了收藏本站喔。

要一份網頁實訓報告

一、實習目的:

通過教學實習掌握站點 *** 、站點測試與發布技術。會綜合利用Fireworks

、Flash和Dreamweaver三個軟件進行靜態網站的設計。

二、實習內容:

1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設置圖片的GIF動畫格式, *** 標題動畫。對文字應用效果。利用Fireworks *** 導航條并導出格式為html。

2.用Flash *** 標題動畫。首頁中的動畫不超過20M。 *** 按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視圖,設置本地站點。在標準視圖和布局視圖模式相互轉換。建議使用布局視圖,在標準模式中插入層對象 *** 層動畫,利用行為面板添加鼠標行為, *** 翻轉動畫,使用CSS樣式統一網頁中文字樣式,插入Fireworks中的GIF

文件及導入Flash中的SWF文檔,設置文檔間的超級鏈接。

三、具體要求:

1、利用Dreamweaver *** 一個靜態網站,要求網站有特色,整個網站的內容和形式要統一,應能夠反映一個簡單的主題??梢赃x擇 *** 《個人網站設計》、《企業網站設計》、《文化網站的設計》、《娛樂網站設計》或者其他自己認為適合的網站。

2、 作一個主頁面,至少5個次頁面。

3、必須用到框架、表格或層排版技術、Flash技術和圖像處理技術,使網站具有合理的外觀和功能。

4、 主頁基本要求:

 頁頭Logo,準確無誤地標識站點和企業標志;

 網頁標題動畫,可以 *** 成GIF動畫或者Flas *** ;

 導航條;

 E-mail地址,用來接受用戶垂詢;

 聯系信息,如普通郵件地址或 *** ;

 版權信息。

5、 *** 一個表單頁面。

6、某個頁面有滾動字幕。

7、為一個頁面添加背景音樂。

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

9、整個網站各頁面之間保持風格一致,頁面之間要有合理的超級鏈接。

10、進行站點測試后申請免費空間并發布到 *** 。

四、網站設計思路:

本站應該算是一個個人主頁的小型網站。關于本站站名的來源:微言微語個人主頁,因為,我覺得這個網站里面的所有文字都是像一個人在自言自語,在低聲地向某人訴說著什么,沒有主題,沒有目的。取這個站名,是做了網站的大概構思后才取的,覺得,這個名字與網站的圖片、背景音樂還有文字都很相符。

個人主頁,一般都會包括首頁,相冊,鏈接,一些個人喜歡的文字加圖片,我的個人主頁也不例外,包括次首頁(個人喜歡的的文章加圖片),我的作品(里面包括自己做的三個FLASH動畫),文章(一些自己喜歡的文章),相冊(Firworks處理過的相冊),關于(關于自己的文字,關于本站的一些說明),鏈接(世界著名網站的有關鏈接),反饋表(瀏覽者信息反饋表)。

五、網站設計過程:

把所有的素材都整理好(圖片,文章,相片),開始布局。此站大多數用的是“三”字型的,三字型是我給它取的名字,因為,最開頭是一張帶有導航條的圖片,用Firworks處理過的HTML文件,中間一大片用于放正文,下面就是版權信息,E-mail地址用來接受用戶垂詢;聯系信息,如普通郵件地址或 *** ,像被分開的三個部分,所以我叫它三字型。這種布局方式看起來比較的整齊,簡潔美觀。

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

次頁面包括如下些內容:首頁、作品、文章、相冊、關于、鏈接以及反饋表。這些頁面是用模板做的,上面的圖片,導航條以及下面的版權聯系方式是不用改變的,都保持著首頁的風格,背景圖一樣,字體與樣式一樣,圖片風格一樣。中間是兩個可編輯區域。

在所有的頁面導航條下面,插入層對象 *** 了一個層動畫,來回移動的層,里面存放日期,利用行為面板為此層添加了鼠標行為,單擊此層,會出現對話框,“歡迎您訪問我的個人主頁!”,做布局大多使用表格布局,使用了少量的css樣式,字體,字號,顏色都統一套用相應的樣式。

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

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

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

附錄:源代碼

(1) 狀態欄逐字出現的效果代碼:

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁,請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼:

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

(3)設為首頁代碼:

onclick="var

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

(4)滾動字幕代碼:

marquee align=left direction=up

behavior=scroll height=400

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

vspce=5 loop=-1

pspan class="a58cc5147dab8d8d css"1、真的很喜歡那些記錄多于表達的人。

br /

…………

…………

183、希望每一個新的一天,醒來的那個你都神清氣爽。/span

/p

/div

/p

/marquee

(5)添加背景音樂代碼:

bgsound src="aa.mp3" loop=1

(6)禁止右鍵復制功能代碼:

script language="JavaScript"

!--

document.oncontextmenu=new

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

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法復制//--

/script

style type="text/css"

(7)光芒四射代碼:

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;)

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

(8)鼠標跟隨代碼:

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

(9)循環滾動圖片:

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

(10)左右鍵控制的圖片移動按鈕:

on(release)

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

六、實訓中遇到的難點及解決辦法:

在設計開始的時候,想的太多,不知道怎么開頭,定哪個主題,背景,色調,文字,布局都沒有頭緒,后來,開始做,而且覺得越做越有頭緒了,所以我覺得,還是不要想的太多,太復雜了,不要追求完美,不要做的網頁太多,搞到最后,別人都不知道,你這個網站的主題是什么了。

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

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

七、實訓心得:

在我看來,設計網頁,應該先策劃,策劃很重要,加上創意,配色很重要,技術與鑒賞能力是最主要的。建立站點的時候,各個文件夾取名的時候,更好用相應的英語,見名知意,如圖片文件夾用image,網頁文件夾用html。

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

通過此次實訓,我覺得平面設計的創意思維、版面設計、色彩配置、圖形創意等方面都有很重要,對于網頁 *** 來說,我覺得是一個以多學科設計為基礎,受到包括視覺藝術、技術、內容的多種影響。網頁設計的技術不算什么困難,真正困難的是網頁的設計創意,文字我覺得也很重要,有些人瀏覽你的網頁不是喜歡上你的艷麗漂亮的圖片,也許是喜歡上你的文字,那種感動人心的,唯美的文字。文字與圖片要搭得上調,不可能用一張美女圖做背景,上面卻寫有關于親情的文章。也就是整體的搭配問題。

通過此次實訓,使我對于網頁 *** 的三大軟件有了進一步的了解,各功能都能夠實現。提高了自己的鑒賞能力,綜合搭配能力,也對以前學過的內容進行了綜合的復習。

通過此次實訓,我更了解到,生活中有許多色彩,搭配顏色的時候,聯想到生活中的東西會做的更漂亮,給人一種親切感,現在看到什么東西,我就會聯想到做網頁的時候,還有怎么布局。反正此次實訓收獲很多。

最后,我想,如果此次實訓老師是要我們分組來做的話,也許,我們可以做得更好,因為,一個想的畢竟不全面,而且,一個人的申美有限,我們可以分工合作,一個人做一個方面的東西,也可以根據他所善長的方面來分工,善長動畫 *** 的人做動畫,善長圖片處理的人做圖片,善長文字與布局的就來布局。但是,也許那樣,有些同學會懶的動手,推著給別人做。

求一份企業網站建設與維護的實習報告要求5000字

網站超市在智能網站管理系統的基礎上,由專業策劃人員對各種行業網站進行細分研究,為各行各業提供度身定制的成品網站。每一款成品網站都力爭在風格設計、欄目內容布局、功能模塊安排上更接近行業用戶的最終需求,具有定制的品質、成品網站的便捷、模板建站的實惠價格!我們為每一款網站產品提供演示和免費體驗,用戶可以訪問演示網站,通過試用體驗來全面了解網站功能,選購最合適的產品,迅速建立網站!具體看 網站超市

電子商務網站建設實訓報告的學習心得

通過這次實習,讓我更深刻地認識到電子商務的特點和應用領域,學習和體會到了電子商務的核心思想。在親身實踐電子商務的過程中學習和提高。在這個摸擬中,通過廠家,商場,物流企業,外貿公司,銀行和消費者六個角色,讓我對電子商務主要的交易流程和核心理念。在不同的角色,從不同的角色參與其中,讓我更加認識到掌握實際應用技能的重要性。在現代的信息時代中,多種交易都是通過 *** 實現的,于是,對于掌握這方面的知識越來越重要了,這是一個非常好的機會讓我們對電子商務的更深一步認識,出感覺到了電子商務的優越性。

網站設計實訓總結

首先我要做的就是要選擇好題目和網站的風格,之后我就分步驟準備在 *** 網站前所要做好的準備工作。我瀏覽了中國美食網的一些特點,借監這些網站的優秀之處,不好的地方在自己的網站上加以改良,從而使自己的網站更加美觀。

回顧這次課程設計,至今我仍感慨頗多。的卻。從選題到開始 *** ,從理論到實踐,在實訓機房日子里,可以說得是苦多于甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。

在選擇好題目和網站的風格之后,我就開始了實訓項目的進程,按照實訓方案的規定,先是將網站的總體策劃以書面的形式展現出來,通過老師審核之后,在相應的時間段找相關的素材,搜集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構,設計首頁及其頁面的版式結構。然后創建本地網站,建立網站的目錄結構。 *** 首頁、二級子頁、內容頁,創建超級鏈接。最后就是測試與瀏覽網頁,如果還有什么不理想的地方再改進再預覽,如此反復,最后達到更好效果!

在此次網站的設計與 *** 過程中,難免會遇到過各種各樣的問題,這畢竟是之一次獨自設計網站、 *** 網站。但值得高興的是:在設計的過程中發現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固,沒有能完全達到自己預期的效果,還好通過老師的細心指導才能達到最終效果……

一周網頁設計與 *** 的實訓課程結束了,回顧這次課程設計實訓,至今我仍感慨頗多。的確,從選材到開始 *** ,從理論到實踐,在兩周的實訓日子里,可以說得是苦多于甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性,只有理論知識是遠遠不夠的,把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。

網站建設實訓總結報告的介紹就聊到這里吧,感謝你花時間閱讀本站內容,更多關于網站開發實訓總結、網站建設實訓總結報告的信息別忘了在本站進行查找喔。

掃碼二維碼
A片在线观看免费视频网站