1、有關網頁設計的實習報告
這類的作品只有自己寫,別人不會沒事就幫你寫那麼多的實習報告的。自己可以參考文庫裡面的內容。
2、網站設計實訓總結
首先我要做的就是要選擇好題目和網站的風格,之後我就分步驟准備在製作網站前所要做好的准備工作。我瀏覽了中國美食網的一些特點,借監這些網站的優秀之處,不好的地方在自己的網站上加以改良,從而使自己的網站更加美觀。
回顧這次課程設計,至今我仍感慨頗多。的卻。從選題到開始製作,從理論到實踐,在實訓機房日子裡,可以說得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。
在選擇好題目和網站的風格之後,我就開始了實訓項目的進程,按照實訓方案的規定,先是將網站的總體策劃以書面的形式展現出來,通過老師審核之後,在相應的時間段找相關的素材,搜集與主題相關的文字、圖像等。再是設計網站的內容結構、目錄結構和鏈接結構,設計首頁及其頁面的版式結構。然後創建本地網站,建立網站的目錄結構。製作首頁、二級子頁、內容頁,創建超級鏈接。最後就是測試與瀏覽網頁,如果還有什麼不理想的地方再改進再預覽,如此反復,最後達到最好效果!
在此次網站的設計與製作過程中,難免會遇到過各種各樣的問題,這畢竟是第一次獨自設計網站、製作網站。但值得高興的是:在設計的過程中發現了自己的不足之處,對以前所學過的知識理解得不夠深刻,掌握得不夠牢固,沒有能完全達到自己預期的效果,還好通過老師的細心指導才能達到最終效果……
一周網頁設計與製作的實訓課程結束了,回顧這次課程設計實訓,至今我仍感慨頗多。的確,從選材到開始製作,從理論到實踐,在兩周的實訓日子裡,可以說得是苦多於甜,但是可以學到很多很多的的東西,同時不僅可以鞏固了以前所學過的知識,而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性,只有理論知識是遠遠不夠的,把所學的理論知識與實踐相結合起來,從理論中得出結論,才能真正為掌握技術,從而提高自己的實際動手能力和獨立思考的能力。
3、要一份網頁實訓報告
一、實習目的:
通過教學實習掌握站點製作、站點測試與發布技術。會綜合利用Fireworks
、Flash和Dreamweaver三個軟體進行靜態網站的設計。
二、實習內容:
1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設置圖片的GIF動畫格式,製作標題動畫。對文字應用效果。利用Fireworks製作導航條並導出格式為html。
2.用Flash製作標題動畫。首頁中的動畫不超過20M。製作按鈕來超級鏈接到其他頁面。
3.使用Dreamweaver布局視圖,設置本地站點。在標准視圖和布局視圖模式相互轉換。建議使用布局視圖,在標准模式中插入層對象製作層動畫,利用行為面板添加滑鼠行為,製作翻轉動畫,使用CSS樣式統一網頁中文字樣式,插入Fireworks中的GIF
文件及導入Flash中的SWF文檔,設置文檔間的超級鏈接。
三、具體要求:
1、利用Dreamweaver製作一個靜態網站,要求網站有特色,整個網站的內容和形式要統一,應能夠反映一個簡單的主題。可以選擇製作《個人網站設計》、《企業網站設計》、《文化網站的設計》、《娛樂網站設計》或者其他自己認為適合的網站。
2、 作一個主頁面,至少5個次頁面。
3、必須用到框架、表格或層排版技術、Flash技術和圖像處理技術,使網站具有合理的外觀和功能。
4、 主頁基本要求:
頁頭Logo,准確無誤地標識站點和企業標志;
網頁標題動畫,可以製作成GIF動畫或者Flash動畫;
導航條;
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:[email protected])。鏈接頁面,前面是我的個人主頁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('http://redcarrot2001.xinwen520.com','微言微語個人主頁')">--->>>收藏本站<br>
(3)設為首頁代碼:
onclick="var
strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://redcarrot2001.xinwen520.net');">--->>>設為首頁</span></p>
(4)滾動字幕代碼:
<marquee align=left direction=up
behavior=scroll height=400
width=550 hspcace=5 scrollmount=2 scrolldelay=200
vspce=5 loop=-1>
<p><span class="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)光芒四射代碼:
plicateMovieClip("line","line"+i,i);
setProperty("line"+i,_rotation,random(360));
setProperty("line"+i,_alpha,random(100));
i++;)
if(i<100){
gotoAndPlay(1);
}else{
i=1;
}
(8)滑鼠跟隨代碼:
movie._visible=0;
i=0;
i++;
if(i>100){
i=1;
}
movie._x+=(_xmouse-movie._x)/30;
movie._y+=(_ymouse-movie._y)/30;
plicateMovieClip(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._x>1371.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。
在所有配色當中,不同的顏色傳達著不同的意義也有不同的象徵。如白色代表著:清潔、天真、潔凈、真理、和平、冷淡、貧乏;灰色讓人聯想到灰塵、石頭、水泥、白銀,象徵著中庸、平凡、溫和、謙讓,它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以,在我下載准備素材的時候,就選擇用灰色做背景顏色,灰色太貧乏,就加上亮色的鈕扣起到「中和」的作用。
通過此次實訓,我覺得平面設計的創意思維、版面設計、色彩配置、圖形創意等方面都有很重要,對於網頁製作來說,我覺得是一個以多學科設計為基礎,受到包括視覺藝術、技術、內容的多種影響。網頁設計的技術不算什麼困難,真正困難的是網頁的設計創意,文字我覺得也很重要,有些人瀏覽你的網頁不是喜歡上你的艷麗漂亮的圖片,也許是喜歡上你的文字,那種感動人心的,唯美的文字。文字與圖片要搭得上調,不可能用一張美女圖做背景,上面卻寫有關於親情的文章。也就是整體的搭配問題。
通過此次實訓,使我對於網頁製作的三大軟體有了進一步的了解,各功能都能夠實現。提高了自己的鑒賞能力,綜合搭配能力,也對以前學過的內容進行了綜合的復習。
通過此次實訓,我更了解到,生活中有許多色彩,搭配顏色的時候,聯想到生活中的東西會做的更漂亮,給人一種親切感,現在看到什麼東西,我就會聯想到做網頁的時候,還有怎麼布局。反正此次實訓收獲很多。
最後,我想,如果此次實訓老師是要我們分組來做的話,也許,我們可以做得更好,因為,一個想的畢竟不全面,而且,一個人的申美有限,我們可以分工合作,一個人做一個方面的東西,也可以根據他所善長的方面來分工,善長動畫製作的人做動畫,善長圖片處理的人做圖片,善長文字與布局的就來布局。但是,也許那樣,有些同學會懶的動手,推著給別人做。
4、2000字的網站建設實訓報告
然後呢??? 就算有人肯免費幫你寫,這里也發不了那麼長的答案吧
5、網站設計實訓報告怎麼寫?
你可以上創圖坊網站學習下
6、網頁課設,實訓報告,求大神~
排版好點就行
7、跪求:網頁設計實訓個人總結
《網站設計與製作》實訓報告
X學院 XX班 XX X號
一.實訓時間:
2010年6月7日到2010年6月13日二.實訓地點:
科實南213
三.實訓組員:
XXX、XXX
四.實訓目標:
以金華農特產為主題,製作網站,通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業技能。
五.實訓策劃:
這一周,我們要進行《網站設計與製作》實訓,我們認為做網站前最主要的是確定主題、框架和標題欄的設計。因此我們相互討論之後,確定製作以「健康」為主題的「林安健康網」,但在之後的資料收集和網頁的框架的建設中,我們發現出了問題,在確認無法做出效果後,我們決定放棄這個主題,重新建立以「水果」為主題,以我們的名字連體命名的「林安水果網」。以下是我們的策劃內容:
1.確定主題。製作網頁,首先是確定主題,金華有許多特色水果,水果產品豐富,,經過考慮,確定以金華水果品種為主題的網站 ,建立一個簡單的介紹金華水果的網站,專業介紹一些金華地區優秀的水果市場和銷售渠道等。我們本次間的網站基本以綠色為基點,綠色是生命的顏色,綠色代表著生機勃勃,所以本站以綠色為風格,讓整個網站充滿綠的生機。
2.設計主頁。主頁的設計是整個網站的靈魂,構思導航欄的分類,然後是整體規劃,每一版塊都有其個性的色彩,清晰明了,便於閱讀瀏覽,我們構思大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。確定導航欄的各個分類標題之後對於建立二級子網尤為重要,我們運用Photoshop CS3技術來設計出導航欄,再用Fireworks CS3或Photoshop CS3技術製作切片,建立導航欄,將整體的主頁效果建立起來。
3.資料的搜集。主頁的導航欄設計好後,接下來就是對主頁導航欄的各個內容進行資料的收集,我們採用大量的資料收集再對資料進行塞選,得到最適合導航欄內容的資料。素材的選擇,要符合網站的主題,圖片的大小要符合模板的輪廓,我們將不符合模板的用Photoshop處理編輯,然後放入站點底下,進行圖文的鏈接和排版。
4. 建立模板和庫。此次網站建設中我們決定大量運用模板和庫,運用模板和庫對於建立網站提供便利同時也為我們減少大量的工序。本次水果網的建設主要採用兩個模板,各具風格,樣式標准。
5.各個子網頁的建立。我們設計好模板後只要在可編輯區依次編輯所需資料就可,運用模板建立子網頁少了很多工序,為我們節省大量的時間。盡管我們建立了模板,但我們在建立子網時很小心,因為一張圖片的大小插入就有可能破壞整個模板的結構尤其在使用表格時,因此我們對所插入的圖片和表格都得進行測量,做到不影響網站整體的美觀。
6.實現網頁間的鏈接。做好個格子網和首頁後,接下來就是通過模板的鏈接,將整個網站中的網頁鏈接起來,過程其實很簡單,主要是把要鏈接的文字和圖標選擇在選擇工具欄的鏈接按鈕最後選擇自己要鏈接的網頁單擊確定便可以了。通過模板建的幾張網頁其實超鏈接都不怎麼用鏈接,只需要修改模板上的鏈接就可以了,這也是通過模板新建網頁的好處,省去一張一張超級鏈接的時間了。做好這一步後,網站基本算是建好了。
7.向靜太網頁插入動態效果。在基本建好網頁中的插入層和時間軸,製作其動態效果,讓整個網頁充滿生機。我們在網上進行flash素材的收集,通過Flash CS3設計出主題下的風格動態效果。然後插入到靜態網頁中,使網頁更加生動形象。
六.實訓心得:
通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們。使更豐富全面的軟體技術和應用技巧,使我們真正對所學的軟體融會貫通。所以我結合所學專業的內容製作了企業水果網站,作為實習的成果。其內容是多樣化的。製作網頁用的軟體是Deamweaver CS3軟體。它提供了網頁和表單的動態生成到企業級的解決方案。主圖是一個網頁的門面,它能體現出這個網頁的整體風格。
製作網頁,首先是確定主題,經過再三考慮,就做了個關於金華水果的網站 ,要對這些有些了解,於是確定主題,做一些類似的網站,但考慮到,現在網路上好多類似的網站,但有些內容不適合我們大學生閱讀,對於我們來說有點不實際,根據這種情況,最後決定建立一個簡單的介紹金華水果的網站,專門介紹一些金華地區優秀的水果市場和銷售渠道等。於是網站主題確立。
然後是整體規劃,每一版塊都有其個性的色彩,清晰明了,便於閱讀瀏覽,大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣。
再後是收集資料與素材,大量瀏覽相關網站,收集關於金華水果的圖片,進行Photoshop CS3圖片處理和排版,插入好的文章和圖片等,還有參考一些好的網站的布局,特色,顏色搭配,背景圖等。
再後是設計網頁圖片,用flash製作網友調查表,用Photoshop製作靜態圖片。再後是建立站點,和製作網頁了,使用dreamweaver製作。
首頁內容精彩豐富,首頁主要是導航作用。首頁製作時,時刻考慮著網頁的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統成一體;每版內容都自成一體,顏色各異,便於瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。
簡潔實用: 這是非常重要的,網路特殊環境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。
利用我們所學的模板設計,製作更完美的頁面。將動態網頁與靜態網頁結合起來
再後,調試過程,好多次本來在Deamweaver CS3里好好的,把字調的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經過再三調試,整理,加了好多表格,終於滿意了。
通過溫本周的實訓,發現自己還有很多的不足。就框架的應用很難把握,切片也很難合理切割,當插入圖片的時候把原有的模板給撐破了,精確定位很重要。因為學藝不精,所以不會網頁的代碼設計,只能通過網路三劍客綜合使用。不過也實踐中也學到了很多知識,比如原本不知道網頁設計還需要切片,表格的嵌套是非常重要的,模板的應用時非常便捷的。還有一些行為中的效果也是蠻不錯的。所以這次實訓還是很有意義的。