網(wǎng)頁(yè)設計實(shí)訓報告1

　　前言

　　Dreamweaver是美國MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對專(zhuān)業(yè)網(wǎng)頁(yè)設計師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專(zhuān)業(yè)網(wǎng)頁(yè)圖像設計的FIREWORKS，三者被MACROMEDIA公司稱(chēng)為DREAMTEAM(夢(mèng)之隊)，足見(jiàn)市場(chǎng)的反響和MACROMEDIA公司對它們的自信。說(shuō)到DREAMWEAVER我們應該了解一下網(wǎng)頁(yè)編輯器的發(fā)展過(guò)程，隨著(zhù)互聯(lián)網(wǎng)(Internet)的家喻戶(hù)曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁(yè)編輯器，從網(wǎng)頁(yè)編輯器基本性質(zhì)可以分為所見(jiàn)即所得網(wǎng)頁(yè)編輯器和非所見(jiàn)即所得網(wǎng)頁(yè)編輯器（則原始代碼編輯器），兩者各有千秋。所見(jiàn)則所得網(wǎng)頁(yè)編輯器的優(yōu)點(diǎn)就是直觀(guān)性，使用方便，容易上手，您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)制作和在WORD中進(jìn)行文本編輯不會(huì )感到有什么區別，但它同時(shí)也存在著(zhù)致命的弱點(diǎn)�，F如今，數以萬(wàn)計的網(wǎng)站以網(wǎng)頁(yè)的方式提供了豐富、精彩的信息。在人類(lèi)社會(huì )進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò )成為通信的主要手段的時(shí)候，在計算機網(wǎng)絡(luò )普及的今天，網(wǎng)頁(yè)也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁(yè)是我們在網(wǎng)絡(luò )上的“代言人”。

　　1．對靜態(tài)網(wǎng)頁(yè)設計的認識

　　1.1網(wǎng)頁(yè)設計介紹

　　從文件的角度來(lái)說(shuō)，一個(gè)網(wǎng)頁(yè)就是一個(gè)HTML文件。當瀏覽者輸入一個(gè)網(wǎng)址或單擊某個(gè)鏈接后，在瀏覽器中顯示出來(lái)的就是一個(gè)網(wǎng)頁(yè)。一般網(wǎng)頁(yè)上都會(huì )有文本、圖片等信息，而復雜一些的網(wǎng)頁(yè)上還會(huì )有聲音、視頻、動(dòng)畫(huà)等多媒體內容，為網(wǎng)頁(yè)增添了豐富的色彩和動(dòng)感。靜態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件中沒(méi)有程序，只有HTML代碼，一般以.html或.htm為后綴名的網(wǎng)頁(yè)，靜態(tài)網(wǎng)站內容不會(huì )在制作完成后發(fā)生變化，任何人訪(fǎng)問(wèn)都顯示一樣的內容。網(wǎng)站是一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁(yè)集合，是許多相關(guān)網(wǎng)頁(yè)有機結合而組成的一個(gè)信息服務(wù)中心。對于小型網(wǎng)站，是指帶有一定主題的多個(gè)網(wǎng)頁(yè)集合；對于大型網(wǎng)站還包含數據庫和服務(wù)器端應用程序等如新浪、網(wǎng)易、搜狐等門(mén)戶(hù)網(wǎng)站。在構成網(wǎng)站的眾多網(wǎng)頁(yè)中，有一個(gè)頁(yè)面比較特殊，稱(chēng)為首頁(yè)，即網(wǎng)站的第一個(gè)頁(yè)面。動(dòng)態(tài)網(wǎng)頁(yè)是指網(wǎng)頁(yè)文件不僅具有HTML標記，而且還含有程序代碼，并使用數據庫連接。動(dòng)態(tài)網(wǎng)頁(yè)能根據不同的時(shí)間，不同的來(lái)訪(fǎng)者顯示不同的內容，動(dòng)態(tài)網(wǎng)站更新方便，一般在后臺直接更新。

　　1.2網(wǎng)頁(yè)設計及網(wǎng)頁(yè)布局技術(shù)

　　網(wǎng)頁(yè)是構成網(wǎng)站的基本元素。一個(gè)網(wǎng)頁(yè)是否精彩與網(wǎng)頁(yè)布局有著(zhù)重要關(guān)系。常見(jiàn)的網(wǎng)頁(yè)布局類(lèi)型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類(lèi)型的有：標題文本型，封面型，Flash型，框架型�？梢杂帽砀竦男问街v一個(gè)頁(yè)面分成幾個(gè)單元格，通過(guò)單元格的合并拆分，對網(wǎng)頁(yè)進(jìn)行布局，單元格就相當于是一塊紙，在紙上寫(xiě)的東西單元格里都可以容得下。通過(guò)設置單元格的長(cháng)寬對頁(yè)面進(jìn)行布局�？蚣軐�網(wǎng)頁(yè)進(jìn)行布局有很多優(yōu)點(diǎn)網(wǎng)頁(yè)結構清晰，易于維護和更新。方便用戶(hù)瀏覽網(wǎng)頁(yè)，采用滾動(dòng)條，可節省頁(yè)面空間，使網(wǎng)頁(yè)風(fēng)格保持統一；CSS作為網(wǎng)頁(yè)設計中的一種重要技術(shù)，具有以下優(yōu)點(diǎn)：，表現和內容相分離，提高頁(yè)面瀏覽速度，易于維護和修改，應用apdiv創(chuàng )建網(wǎng)頁(yè)，網(wǎng)頁(yè)清晰，易于分塊。應用表單創(chuàng )建網(wǎng)頁(yè)，應用行為創(chuàng )建網(wǎng)頁(yè)。

　　1.3靜態(tài)網(wǎng)頁(yè)設計的技術(shù)要點(diǎn)

　　用框架對網(wǎng)頁(yè)進(jìn)行布局時(shí)有很多缺點(diǎn)：網(wǎng)頁(yè)內容無(wú)法被大多數搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無(wú)法滿(mǎn)足個(gè)性化設置，難以實(shí)現不同框架中各元素的精確對齊。在網(wǎng)頁(yè)設計過(guò)程中使用CSS樣式表，主要有以下兩種方式，內部CSS樣式表，外部CSS樣式表，應用庫創(chuàng )建網(wǎng)頁(yè)時(shí)：對于站點(diǎn)訪(fǎng)問(wèn)者和開(kāi)發(fā)人員而言，使用交互式網(wǎng)頁(yè)www.具有更多用途，使訪(fǎng)問(wèn)者可以快速方便地在一個(gè)內容豐富的網(wǎng)站上查找信息，后臺管理者可以收集、保存和分析站點(diǎn)訪(fǎng)問(wèn)者提供的數據，，后臺管理者可以對內容不斷變化的網(wǎng)站進(jìn)行更新。靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL，且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見(jiàn)形式為后綴，而不含有“?”;網(wǎng)頁(yè)內容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶(hù)訪(fǎng)問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內容都是保存在網(wǎng)站服務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨立的文件;靜態(tài)網(wǎng)頁(yè)的內容相對穩定，因此容易被搜索引擎檢索;靜態(tài)網(wǎng)頁(yè)沒(méi)有數據庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難;靜態(tài)網(wǎng)頁(yè)的交互性較差，在功能方面有較大的限制。

網(wǎng)頁(yè)設計實(shí)訓報告2

　　靜態(tài)網(wǎng)頁(yè)設計專(zhuān)業(yè)實(shí)訓總結報告提要：

　　網(wǎng)頁(yè)設計實(shí)訓就快結束了，在這短短的兩周里，我學(xué)會(huì )了很多新的知識，更掌握了新的技能，讓我覺(jué)得受益匪淺。在實(shí)訓時(shí)，有空閑就會(huì )想到學(xué)校里青蔥歲月，簡(jiǎn)單流暢，無(wú)憂(yōu)無(wú)慮。

　　插入apdiv標簽，插入圖片，創(chuàng )建超鏈接，設置段落

　　2.1.3作品展示

　　圖一：中秋送祝福

　　2.2項目2

　　2.2.1項目介紹

　　有鐵血戰鷹的的圖片素材及相關(guān)資料，對鐵血戰鷹進(jìn)行描述，創(chuàng )建“鐵血戰鷹網(wǎng)頁(yè)”

　　2.2.2關(guān)鍵技術(shù)

　　應用表格布局，插入橫線(xiàn)對網(wǎng)頁(yè)進(jìn)行美化

　　2.2.3作品展示

　　圖二：鐵血戰鷹

　　2.3項目3

　　2.3.1項目介紹

　　現有自然寫(xiě)真的圖片，要求自然寫(xiě)真的圖片在鼠標經(jīng)過(guò)時(shí)換成別的圖片，點(diǎn)下導航欄的標題時(shí)轉向別的網(wǎng)頁(yè)，制作靜態(tài)網(wǎng)頁(yè)，網(wǎng)頁(yè)名稱(chēng)為自然寫(xiě)真。

　　2.3.2關(guān)鍵技術(shù)應用

　　練習頭標題的應用，超鏈接的創(chuàng )建，flash的插入，導航欄的創(chuàng )建。

　　2.3.3作品展示

　　圖三：自然寫(xiě)真

　　3．實(shí)訓過(guò)程總結

　　3.1實(shí)訓收獲

　　這個(gè)階段的實(shí)訓我們主要是練習網(wǎng)頁(yè)制作及網(wǎng)站發(fā)布的各種知識。近些年隨著(zhù)計算機的廣泛應用，Internet已經(jīng)成為人們獲得信息不可或缺的媒介，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò )已經(jīng)成為了不可或缺的通信手段。無(wú)論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡(jiǎn)歷，我們都是可以通過(guò)網(wǎng)絡(luò )來(lái)獲得。但是什么為這提供平臺的呢。我們又是通過(guò)什么來(lái)獲取這些信息的呢―網(wǎng)頁(yè)。由于人們使用網(wǎng)絡(luò )的頻繁，網(wǎng)頁(yè)作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁(yè)講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁(yè)設計直接面對的是大量的用戶(hù)，隨時(shí)都會(huì )反饋回來(lái)對網(wǎng)頁(yè)的批評建議等，可以根據實(shí)際情況進(jìn)行修改，這樣做可以使使用者用起來(lái)更加的方便。

　　Dreamweaver工具為我們實(shí)現這些提供了便利，下面我將網(wǎng)頁(yè)制作和網(wǎng)站發(fā)布的知識總結如下：

　�。�1）網(wǎng)頁(yè)制作的前期工作是搜集大量的素材，我們的網(wǎng)頁(yè)只有是實(shí)用的才會(huì )是大眾喜歡的，搜集素材以充實(shí)我們的網(wǎng)頁(yè)。當然我們也應該在此時(shí)定下網(wǎng)站的方向是什么，剩下的就是靠Dreamweaver進(jìn)行編輯；

　�。�2）網(wǎng)頁(yè)的版式設計，版式設計時(shí)我們應該有重點(diǎn)，把重要的內容新聞放在醒目的位置上。規劃各元素在網(wǎng)頁(yè)中的位置關(guān)系和表現方法，合理安排圖像、文本等元素，使網(wǎng)頁(yè)布局合理、美觀(guān)大方；

　�。�3）文本編寫(xiě)，我們的網(wǎng)頁(yè)中需要大量的文字材料，這就要在網(wǎng)頁(yè)編輯器中用HTML語(yǔ)言中的標簽編寫(xiě)。也可以利用網(wǎng)頁(yè)編輯工具的“所見(jiàn)即所得”功能，直接寫(xiě)入文字。在瀏覽器中運行時(shí)出現冗余代碼時(shí)返回代碼頁(yè)面重新進(jìn)行查看修改；

　�。�4）處理網(wǎng)頁(yè)之間的關(guān)聯(lián)，這主要是建立合理、高效的網(wǎng)頁(yè)導航系統；

　�。�5）網(wǎng)頁(yè)發(fā)布過(guò)程，主要是將建設好的網(wǎng)頁(yè)上傳到服務(wù)器中供用戶(hù)瀏覽。

　　3.2存在的問(wèn)題及解決思路

　�。�1）在Dreamweaver基礎方面：制作網(wǎng)頁(yè)時(shí)如何實(shí)現網(wǎng)頁(yè)不跳轉就可以出現新的內容，實(shí)現頁(yè)面內的鏈接；用代碼編寫(xiě)網(wǎng)頁(yè)上的按鈕，實(shí)現按鈕的各種功能，如刷新，重置，確定操作。Css樣式表的概念模糊。

　�。�2）網(wǎng)站風(fēng)格方面：一個(gè)網(wǎng)站的各個(gè)頁(yè)面之間風(fēng)格應該是統一的，只有圍繞一個(gè)風(fēng)格才會(huì )成功。

　�。�3）網(wǎng)站的內容方面：在制作網(wǎng)站時(shí)內容之間應該是相關(guān)的，在制作時(shí)我們不能追求面面俱到，只能做到精益求精。雜亂無(wú)章的網(wǎng)站是不會(huì )有大的發(fā)展的。

　　4．結束語(yǔ)

　　網(wǎng)頁(yè)設計實(shí)訓就快結束了，在這短短的兩周里，我學(xué)會(huì )了很多新的知識，更掌握了新的技能，讓我覺(jué)得受益匪淺。在實(shí)訓時(shí)，有空閑就會(huì )想到學(xué)校里青蔥歲月，簡(jiǎn)單流暢，無(wú)憂(yōu)無(wú)慮，回想各位老師的授課，孜孜不倦，學(xué)校的生活固然是快樂(lè )，www.但是學(xué)校的實(shí)訓課程真的很重要，因為它能讓我們這些在校學(xué)生接觸到社會(huì )的發(fā)展，讓我們有時(shí)間崗位環(huán)境，順利得從單純的校園生活感到復雜社會(huì )生活的不同。在這一周的時(shí)間里，我一心只做網(wǎng)頁(yè)，做自己喜歡的風(fēng)格的網(wǎng)頁(yè)。經(jīng)歷了一次充實(shí)而有愉快的實(shí)訓，我學(xué)會(huì )了制作框架、使用錨點(diǎn)、給網(wǎng)頁(yè)網(wǎng)頁(yè)插入背景音樂(lè )、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現在我心目中的網(wǎng)頁(yè)也已經(jīng)大體竣工，我感到很開(kāi)心，經(jīng)過(guò)這兩的不斷探索，我喜歡上了這門(mén)課程，感覺(jué)很有意思�；蛟S實(shí)訓的結束代表一段新生活的開(kāi)始，但是我認為它不但是一門(mén)課，需要我們去掌握，同時(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網(wǎng)頁(yè)的過(guò)程中，更需要有不錯的藝術(shù)審美觀(guān)，這樣，你做出的網(wǎng)頁(yè)才會(huì )賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門(mén)課，力求這方面的技能達到頂級。雖然網(wǎng)頁(yè)已經(jīng)完成，可這并不是一件輕而易舉的事情，在此過(guò)程中遇到了許多以前不曾遇到的問(wèn)題，多的情況都是自己解決，萬(wàn)不得已之際，我會(huì )主動(dòng)問(wèn)老師和同學(xué)，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應該怎樣去做事。

網(wǎng)頁(yè)設計實(shí)訓報告3

　　本學(xué)期的網(wǎng)業(yè)設計課程，開(kāi)展了動(dòng)態(tài)思維訓練教學(xué)活動(dòng)，對于我們學(xué)生來(lái)說(shuō)，可以激發(fā)學(xué)習興趣，調動(dòng)學(xué)習的自覺(jué)性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運用網(wǎng)絡(luò )資源，結合教材及老師的指導，通過(guò)自身的實(shí)踐，創(chuàng )作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁(yè)�？傮w來(lái)說(shuō)，整個(gè)學(xué)期的學(xué)習過(guò)程，我學(xué)會(huì )了很多知識，雖然過(guò)程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自我的空間，我覺(jué)得很開(kāi)心、很有成就感。

　　一.充分發(fā)揮動(dòng)手能力

　　作為網(wǎng)頁(yè)設計的初學(xué)者，我對網(wǎng)頁(yè)設計非常感興趣，一心想設計出一個(gè)美觀(guān)、實(shí)用、內容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò )資源，老師的指導，在不斷發(fā)現問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識，也增強了我的創(chuàng )作能力和動(dòng)手能力，在網(wǎng)頁(yè)設計過(guò)程中，從構思到設計、完善、維護，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設計的知識。

　　二.在設計過(guò)程中不斷提高網(wǎng)頁(yè)設計水平

　　在本次網(wǎng)頁(yè)設計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設計方面的知識，也從中學(xué)會(huì )了關(guān)于網(wǎng)絡(luò )、編程等方面的知識。我從最初開(kāi)始運用FrontPage設計網(wǎng)頁(yè)，到后來(lái)運用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設計網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢(xún)，學(xué)習了Dreamweaver、Flash、Fireworks等網(wǎng)頁(yè)軟件的應用，學(xué)會(huì )了管理、維護自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫(huà)、控件的制作等等。在設計過(guò)程中也出現了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請教老師等方式，不斷的學(xué)習、解決、提高，設計出的網(wǎng)頁(yè)不論是外觀(guān)還是內容，都在不斷的進(jìn)步、改善�？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設計水平得到了很大的提高。

　　三.不足之處

　　由于平時(shí)工作比較繁忙，學(xué)習時(shí)間比較少，對于網(wǎng)頁(yè)設計軟件的強大功能運用得還不夠。在網(wǎng)頁(yè)設計過(guò)程中，由于沒(méi)有網(wǎng)頁(yè)制作代碼的知識，所以在設計時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁(yè)制作過(guò)程中，想提高設計水平，想有個(gè)理想的網(wǎng)頁(yè)，必須學(xué)會(huì )代碼的運用，我將在以后的學(xué)習過(guò)程中不斷加強這方面的學(xué)習，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對它有個(gè)初步的認識，以后再加強學(xué)習也才會(huì )有所提高。

　　總體來(lái)說(shuō)，通過(guò)今次的對網(wǎng)頁(yè)設計的學(xué)習，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設計的大門(mén)，只要我再認真努力的去學(xué)習，去提高，憑借我對網(wǎng)頁(yè)設計的熱情和執著(zhù)，我將來(lái)設計出的網(wǎng)頁(yè)會(huì )更加專(zhuān)業(yè)，更完善。也希望老師在今后的日子里多指導。