網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告
在經(jīng)濟(jì)發(fā)展迅速的今天，報(bào)告對我們來說并不陌生，我們在寫報(bào)告的時(shí)候要注意邏輯的合理性。我們應(yīng)當(dāng)如何寫報(bào)告呢？下面是小編為大家收集的網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告，供大家參考借鑒，希望可以幫助到有需要的朋友。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告1
實(shí)驗(yàn)項(xiàng)目：ASP基礎(chǔ)
實(shí)驗(yàn)時(shí)間：20xx年3月9日
一、實(shí)驗(yàn)基礎(chǔ)知識(shí)：
1、什么是客戶端腳本，什么服務(wù)端腳本？所謂腳本是指嵌入到WEB頁中的程序代碼，在服務(wù)器端運(yùn)行的腳本語言是服務(wù)器端腳本，在客戶端運(yùn)行的腳本是客戶端腳本�？蛻舳四_本由一個(gè)配備了解釋器的WEB瀏覽器處理，當(dāng)一個(gè)瀏覽器的用戶執(zhí)行了一個(gè)操作時(shí)，不必通過網(wǎng)絡(luò)對其作出響應(yīng)，客戶端程序就能完成任務(wù)，常見的.客戶端腳本語言有：javascript，VBScript。服務(wù)端腳本則是在WEB服務(wù)器上執(zhí)行生成代碼，然后發(fā)送到瀏覽器，在瀏覽器上收到的只是執(zhí)行后的標(biāo)準(zhǔn)HTML文件，常見的服務(wù)器端腳本語言有：PHP，jsp，asp
二、實(shí)驗(yàn)內(nèi)容：
1、掌握用DW創(chuàng)建動(dòng)態(tài)站點(diǎn)的方法：將IIS的網(wǎng)頁發(fā)布主目錄設(shè)在D盤，名為。利用DW新建一個(gè)動(dòng)態(tài)站點(diǎn)，站點(diǎn)的本地信息和測試服務(wù)器設(shè)置如下：
2、新建一個(gè)ASP頁面，用VBscript編寫一段服務(wù)端腳本，在客戶端瀏覽器中輸出“Hello！World”，將該頁面以index1.asp為名保存在d:中，然后訪問index1.asp頁面，將結(jié)果截圖插入下面的空白文檔中：
3、新建一個(gè)ASP頁面，用VBscript定義變量r，area，PI，然后給變量r，PI賦值，并計(jì)算出相對應(yīng)的圓面積，保存文件為index2.asp，然后訪問index2.asp頁面，將結(jié)果截圖插入下面的空白文檔中：
4、新建一個(gè)ASP頁面，其要求如下:寫一個(gè)已知三角形三邊長，求三角形面積的程序。保存文件為index3.asp，然后訪問index3.asp頁面，將結(jié)果截圖插入下面的空白文檔中：
5、利用DW在當(dāng)前站點(diǎn)下新建一個(gè)文件，index5.asp，其功能如下：用response輸出如下圖片：
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告2
靜態(tài)網(wǎng)頁設(shè)計(jì)專業(yè)實(shí)訓(xùn)總結(jié)報(bào)告提要：
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)就快結(jié)束了，在這短短的兩周里，我學(xué)會(huì)了很多新的知識(shí)，更掌握了新的技能，讓我覺得受益匪淺。在實(shí)訓(xùn)時(shí)，有空閑就會(huì)想到學(xué)校里青蔥歲月，簡單流暢，無憂無慮。
插入apdiv標(biāo)簽，插入圖片，創(chuàng)建超鏈接，設(shè)置段落
2.1.3作品展示
圖一：中秋送祝福
2.2項(xiàng)目2
2.2.1項(xiàng)目介紹
有鐵血戰(zhàn)鷹的的圖片素材及相關(guān)資料，對鐵血戰(zhàn)鷹進(jìn)行描述，創(chuàng)建“鐵血戰(zhàn)鷹網(wǎng)頁”
2.2.2關(guān)鍵技術(shù)
應(yīng)用表格布局，插入橫線對網(wǎng)頁進(jìn)行美化
2.2.3作品展示
圖二：鐵血戰(zhàn)鷹
2.3項(xiàng)目3
2.3.1項(xiàng)目介紹
現(xiàn)有自然寫真的圖片，要求自然寫真的圖片在鼠標(biāo)經(jīng)過時(shí)換成別的圖片，點(diǎn)下導(dǎo)航欄的標(biāo)題時(shí)轉(zhuǎn)向別的網(wǎng)頁，制作靜態(tài)網(wǎng)頁，網(wǎng)頁名稱為自然寫真。
2.3.2關(guān)鍵技術(shù)應(yīng)用
練習(xí)頭標(biāo)題的應(yīng)用，超鏈接的創(chuàng)建，flash的插入，導(dǎo)航欄的創(chuàng)建。
2.3.3作品展示
圖三：自然寫真
3．實(shí)訓(xùn)過程總結(jié)
3.1實(shí)訓(xùn)收獲
這個(gè)階段的實(shí)訓(xùn)我們主要是練習(xí)網(wǎng)頁制作及網(wǎng)站發(fā)布的各種知識(shí)。近些年隨著計(jì)算機(jī)的廣泛應(yīng)用，Internet已經(jīng)成為人們獲得信息不可或缺的媒介，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。無論是最新的新聞信息、新產(chǎn)品的'出臺(tái)、新游戲的發(fā)布、最新的動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這提供平臺(tái)的呢。我們又是通過什么來獲取這些信息的呢―網(wǎng)頁。由于人們使用網(wǎng)絡(luò)的頻繁，網(wǎng)頁作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁設(shè)計(jì)直接面對的是大量的用戶，隨時(shí)都會(huì)反饋回來對網(wǎng)頁的批評(píng)建議等，可以根據(jù)實(shí)際情況進(jìn)行修改，這樣做可以使使用者用起來更加的方便。
Dreamweaver工具為我們實(shí)現(xiàn)這些提供了便利，下面我將網(wǎng)頁制作和網(wǎng)站發(fā)布的知識(shí)總結(jié)如下：
�。�1）網(wǎng)頁制作的前期工作是搜集大量的素材，我們的網(wǎng)頁只有是實(shí)用的才會(huì)是大眾喜歡的，搜集素材以充實(shí)我們的網(wǎng)頁。當(dāng)然我們也應(yīng)該在此時(shí)定下網(wǎng)站的方向是什么，剩下的就是靠Dreamweaver進(jìn)行編輯；
�。�2）網(wǎng)頁的版式設(shè)計(jì)，版式設(shè)計(jì)時(shí)我們應(yīng)該有重點(diǎn)，把重要的內(nèi)容新聞放在醒目的位置上。規(guī)劃各元素在網(wǎng)頁中的位置關(guān)系和表現(xiàn)方法，合理安排圖像、文本等元素，使網(wǎng)頁布局合理、美觀大方；
�。�3）文本編寫，我們的網(wǎng)頁中需要大量的文字材料，這就要在網(wǎng)頁編輯器中用HTML語言中的標(biāo)簽編寫。也可以利用網(wǎng)頁編輯工具的“所見即所得”功能，直接寫入文字。在瀏覽器中運(yùn)行時(shí)出現(xiàn)冗余代碼時(shí)返回代碼頁面重新進(jìn)行查看修改；
（4）處理網(wǎng)頁之間的關(guān)聯(lián)，這主要是建立合理、高效的網(wǎng)頁導(dǎo)航系統(tǒng)；
�。�5）網(wǎng)頁發(fā)布過程，主要是將建設(shè)好的網(wǎng)頁上傳到服務(wù)器中供用戶瀏覽。
3.2存在的問題及解決思路
�。�1）在Dreamweaver基礎(chǔ)方面：制作網(wǎng)頁時(shí)如何實(shí)現(xiàn)網(wǎng)頁不跳轉(zhuǎn)就可以出現(xiàn)新的內(nèi)容，實(shí)現(xiàn)頁面內(nèi)的鏈接；用代碼編寫網(wǎng)頁上的按鈕，實(shí)現(xiàn)按鈕的各種功能，如刷新，重置，確定操作。Css樣式表的概念模糊。
�。�2）網(wǎng)站風(fēng)格方面：一個(gè)網(wǎng)站的各個(gè)頁面之間風(fēng)格應(yīng)該是統(tǒng)一的，只有圍繞一個(gè)風(fēng)格才會(huì)成功。
�。�3）網(wǎng)站的內(nèi)容方面：在制作網(wǎng)站時(shí)內(nèi)容之間應(yīng)該是相關(guān)的，在制作時(shí)我們不能追求面面俱到，只能做到精益求精。雜亂無章的網(wǎng)站是不會(huì)有大的發(fā)展的。
4．結(jié)束語
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)就快結(jié)束了，在這短短的兩周里，我學(xué)會(huì)了很多新的知識(shí)，更掌握了新的技能，讓我覺得受益匪淺。在實(shí)訓(xùn)時(shí)，有空閑就會(huì)想到學(xué)校里青蔥歲月，簡單流暢，無憂無慮，回想各位老師的授課，孜孜不倦，學(xué)校的生活固然是快樂，www.但是學(xué)校的實(shí)訓(xùn)課程真的很重要，因?yàn)樗茏屛覀冞@些在校學(xué)生接觸到社會(huì)的發(fā)展，讓我們有時(shí)間崗位環(huán)境，順利得從單純的校園生活感到復(fù)雜社會(huì)生活的不同。在這一周的時(shí)間里，我一心只做網(wǎng)頁，做自己喜歡的風(fēng)格的網(wǎng)頁。經(jīng)歷了一次充實(shí)而有愉快的實(shí)訓(xùn)，我學(xué)會(huì)了制作框架、使用錨點(diǎn)、給網(wǎng)頁網(wǎng)頁插入背景音樂、表格、視頻、flash、導(dǎo)航條等更深層次的掌握了它們的用法，現(xiàn)在我心目中的網(wǎng)頁也已經(jīng)大體竣工，我感到很開心，經(jīng)過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思�；蛟S實(shí)訓(xùn)的結(jié)束代表一段新生活的開始，但是我認(rèn)為它不但是一門課，需要我們?nèi)フ莆�，同時(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴(yán)密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯(cuò)的藝術(shù)審美觀，這樣，你做出的網(wǎng)頁才會(huì)賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達(dá)到頂級(jí)。雖然網(wǎng)頁已經(jīng)完成，可這并不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會(huì)主動(dòng)問老師和同學(xué)，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應(yīng)該怎樣去做事。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告3
一、開發(fā)背景
通過教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測試與發(fā)布技術(shù)。會(huì)綜合利用Photoshop、Flash和Dreamweaver三個(gè)軟件進(jìn)行靜態(tài)網(wǎng)站的設(shè)計(jì)。加上ASP技術(shù)和CSS+DIV進(jìn)行昂也布局，實(shí)驗(yàn)頁面的效果。
二、設(shè)計(jì)思路
我做的大致算是一個(gè)服裝企業(yè)推廣的小型網(wǎng)站。網(wǎng)站主頁，一般都會(huì)包括首頁，管理，鏈接，公司的產(chǎn)品圖片文加字說明，我的網(wǎng)站主頁也不例外，包括次首頁，圖片（展示照片），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說明），鏈接（比較有名的站點(diǎn)）。不同的是，我自己獨(dú)立的構(gòu)思使頁面完整化。三、網(wǎng)站規(guī)劃1.頁面大小布局2.網(wǎng)頁logo
3.設(shè)計(jì)網(wǎng)站導(dǎo)航條；4.網(wǎng)頁flash5.搜索框6.產(chǎn)品展示四、技術(shù)介紹
基于asp動(dòng)態(tài)網(wǎng)頁技術(shù)的學(xué)習(xí)
從建立的數(shù)據(jù)庫中讀出圖片；圖片存儲(chǔ)為路徑；并按一行5個(gè)排列；大于五個(gè)自動(dòng)換行。網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告
css+div的頁面布局
多出用到css+div是整個(gè)頁面更加美觀。Logo的css樣式：
登陸界面的css：網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告
font-family:"黑體";}-->
五、頁面設(shè)計(jì)（抓圖）圖片1
圖片2
圖片3
六、網(wǎng)站測試
應(yīng)用動(dòng)態(tài)asp技術(shù)，用iis或者安裝的小旋風(fēng)進(jìn)行本地的測試。
第3頁共4頁網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告
七、實(shí)訓(xùn)總結(jié)
在我看來，設(shè)計(jì)網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image。
在所有配色當(dāng)中，不同的.顏色傳達(dá)著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會(huì)給人帶來視覺上的疲勞。所以，在我下載準(zhǔn)備素材的時(shí)候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。
通過此次實(shí)訓(xùn),我覺得平面設(shè)計(jì)的創(chuàng)意思維、版面設(shè)計(jì)、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個(gè)以多學(xué)科設(shè)計(jì)為基礎(chǔ)，受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計(jì)的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計(jì)創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動(dòng)人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。
通過此次實(shí)訓(xùn)，使我對于網(wǎng)頁制作的三大軟件有了進(jìn)一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對以前學(xué)過的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。
通過此次實(shí)訓(xùn)，我更了解到，生活中有許多色彩，搭配顏色的時(shí)候，聯(lián)想到生活中的東西會(huì)做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會(huì)聯(lián)想到做網(wǎng)頁的時(shí)候，還有怎么布局。反正此次實(shí)訓(xùn)收獲很多。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告4
為期四個(gè)星期的實(shí)訓(xùn)就這樣結(jié)束了。這學(xué)期的實(shí)訓(xùn)是我在南工院的最后一次實(shí)訓(xùn)，所以我很重視，也很認(rèn)真。當(dāng)然，在本次實(shí)訓(xùn)中我也學(xué)會(huì)了許多編程方面的知識(shí)，這些知識(shí)的積累是非常重要的。
本次實(shí)訓(xùn)的主要目的是讓我們來做一個(gè)網(wǎng)上商城，通過了解ASP的框架以及結(jié)構(gòu)，熟悉ASP.NET應(yīng)用程序的運(yùn)行環(huán)境及開發(fā)平臺(tái)和其內(nèi)置對象的屬性以及其方法，以及其界面的設(shè)計(jì)代碼讓整個(gè)系統(tǒng)能正常的運(yùn)行，通過寫每個(gè)頁面的功能實(shí)現(xiàn)代碼，讓我們鞏固了之前學(xué)的知識(shí)，又有進(jìn)一步的.加深對語言學(xué)習(xí)的印象，最終能夠?qū)崿F(xiàn)網(wǎng)上購物的一系列流程。我們小組主要應(yīng)用ASP.NET設(shè)計(jì)一個(gè)網(wǎng)上圖書商城，完成對數(shù)據(jù)庫的基本操作。根據(jù)所安排的課題項(xiàng)目，設(shè)計(jì)出一個(gè)結(jié)構(gòu)基本完整，具備一定應(yīng)用功能的網(wǎng)上圖書商城。要求具有一定的內(nèi)容，程序界面使用ASP.NET的WEB控件，可以完成會(huì)員的圖書瀏覽、數(shù)據(jù)檢索、登陸、注冊、購書、修改會(huì)員的各種信息等。
我本人主要負(fù)責(zé)網(wǎng)上書城首頁、詳細(xì)頁面的設(shè)計(jì)。其中首頁實(shí)現(xiàn)的功能主要有：圖書的展示、新書上架、圖書搜索、會(huì)員登陸、圖書詳細(xì)情況的調(diào)用。另外，我還設(shè)計(jì)制作了數(shù)據(jù)庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內(nèi)容太多，而且還要做得美觀簡潔，工作量是蠻大的。經(jīng)過此次實(shí)訓(xùn)，使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用，各種不同的效果的做法，為我們以后的學(xué)習(xí)和工作打下了堅(jiān)實(shí)的基礎(chǔ)。以前沒有學(xué)懂的一些東西，在這個(gè)實(shí)習(xí)過程中我基本把它們弄懂了，可以說這是對我所學(xué)知識(shí)的復(fù)習(xí)和深化。對于難點(diǎn)的克服，我除了請教老師、詢問同學(xué)外，課后也找了一些相關(guān)書籍看了看，在實(shí)訓(xùn)的過程中真的學(xué)了很多知識(shí)，受益匪淺。
其實(shí)，實(shí)訓(xùn)不僅僅是為了讓同學(xué)們完成任務(wù)而展開的學(xué)習(xí)計(jì)劃，更是要培養(yǎng)學(xué)生的學(xué)習(xí)能力和精神。我也深刻認(rèn)識(shí)到：在學(xué)習(xí)過程中密切聯(lián)系生活和工程實(shí)際，激發(fā)學(xué)習(xí)的求知欲，培養(yǎng)我們的科學(xué)精神和創(chuàng)新精神;培養(yǎng)學(xué)習(xí)對待工作和學(xué)習(xí)要耐心、細(xì)心和一絲不茍、精益求精的職業(yè)習(xí)慣等精神和素養(yǎng)是十分重要的。
實(shí)訓(xùn)結(jié)束了，很感謝田曉敏和楊正翔兩位老師一個(gè)月來對我的悉心指導(dǎo)，感謝小組同學(xué)的互相鼓勵(lì)與支持，也感謝班級(jí)其他同學(xué)對我的幫助。如果沒有每一個(gè)人的辛苦努力與付出，我不可能完成自己的任務(wù)，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學(xué)道一聲誠摯的謝意：謝謝你們!
天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗(yàn)等待著我們，我們要勇敢的向前大步邁進(jìn)。
加油吧，為我們的理想!
【網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)課程實(shí)訓(xùn)報(bào)告09-25
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)10-23
最新的網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)10-28
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)06-18
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告萬能模板（精選13篇）09-08
關(guān)于網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得體會(huì)11-13
網(wǎng)頁制作實(shí)訓(xùn)總結(jié)（精選10篇）06-10