網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告
在不斷進(jìn)步的時(shí)代，報(bào)告的使用成為日常生活的常態(tài)，報(bào)告成為了一種新興產(chǎn)業(yè)。相信很多朋友都對寫報(bào)告感到非常苦惱吧，下面是小編整理的網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告，僅供參考，大家一起來看看吧。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇1
一、實(shí)訓(xùn)目的
大一網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)旨在培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計(jì)與制作能力，掌握HTML、CSS等技術(shù)，了解網(wǎng)頁的基本構(gòu)成和布局方式，培育學(xué)生的設(shè)計(jì)思維和創(chuàng)新能力，提高學(xué)生的實(shí)踐操作能力。
二、實(shí)踐經(jīng)歷
在實(shí)訓(xùn)中，我們主要學(xué)習(xí)了HTML基礎(chǔ)、CSS樣式表、網(wǎng)頁布局等方面的知識(shí)。在學(xué)習(xí)過程中，我們參考了一些經(jīng)典網(wǎng)頁的設(shè)計(jì)，結(jié)合實(shí)踐，不斷提升自己的設(shè)計(jì)水平。
設(shè)計(jì)一個(gè)網(wǎng)頁需要考慮到很多方面，如顏色、字體、布局、圖片等。在實(shí)踐中，我們需要不斷地調(diào)整和修改，不斷地提高自己的審美和設(shè)計(jì)能力。
三、實(shí)踐成果
在經(jīng)過一期實(shí)訓(xùn)之后，我們各自完成了一個(gè)網(wǎng)頁的設(shè)計(jì)與制作。雖然每個(gè)人的設(shè)計(jì)風(fēng)格和表達(dá)方式都不同，但我們的網(wǎng)頁都具有一定的可操作性和美觀度，達(dá)到了較好的實(shí)踐效果。
同時(shí)，我們還在實(shí)踐中了解了一些網(wǎng)頁設(shè)計(jì)的語言規(guī)范和技巧。比如HTML語言結(jié)構(gòu)，CSS基本樣式表設(shè)計(jì)，網(wǎng)頁布局等等。這些技能都是我們今后能夠利用的，從而讓我們在實(shí)踐中有更多的突破。
四、實(shí)踐收獲
通過實(shí)踐，我們不僅掌握了HTML、CSS等技術(shù)，更重要的是培養(yǎng)了自己的設(shè)計(jì)思維和創(chuàng)新能力。在設(shè)計(jì)過程中，我們要考慮到用戶的`使用習(xí)慣和需求，以及網(wǎng)頁的實(shí)際應(yīng)用情況，靈活運(yùn)用技巧和知識(shí)，對整個(gè)設(shè)計(jì)過程進(jìn)行深入的分析和思考。
同時(shí)，實(shí)踐中我們也發(fā)現(xiàn)了學(xué)習(xí)的不足和不足之處，在學(xué)習(xí)中不斷完善自己，打破框框，挑戰(zhàn)極限，從而更好地提升自己。
綜上所述，在大一網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)中，我們獲得了大量的實(shí)踐經(jīng)驗(yàn)和技能，同時(shí)也深刻認(rèn)識(shí)到學(xué)習(xí)的重要性。在今后的實(shí)踐中，我們將繼續(xù)發(fā)揚(yáng)我們的實(shí)踐精神，持之以恒，不斷地提升自己的實(shí)踐能力和設(shè)計(jì)水平。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇2
為期四個(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ì)與支持，也感謝班級其他同學(xué)對我的幫助。如果沒有每一個(gè)人的辛苦努力與付出，我不可能完成自己的任務(wù)，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學(xué)道一聲誠摯的謝意：謝謝你們!
天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗(yàn)等待著我們，我們要勇敢的向前大步邁進(jìn)。
加油吧，為我們的理想!
網(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
一、實(shí)習(xí)目的
�、� 學(xué)會(huì)制作新聞發(fā)布系統(tǒng)。
② 學(xué)會(huì)制作在線調(diào)查系統(tǒng)。
�、� 熟悉購物網(wǎng)站的主要功能和欄目。
�、� 學(xué)會(huì)購物網(wǎng)站數(shù)據(jù)庫表的創(chuàng)建和數(shù)據(jù)庫連接的創(chuàng)建。
�、� 學(xué)會(huì)購物系統(tǒng)前臺(tái)頁面制作和后臺(tái)管理制作。
二、實(shí)訓(xùn)內(nèi)容
1.創(chuàng)建數(shù)據(jù)庫表
① 啟動(dòng)Microsoft Access ，執(zhí)行“文件”——“新建”命令，打開“新建文件”面板，在面板中單擊“空數(shù)據(jù)庫”。
�、� 彈出“文件新建數(shù)據(jù)庫”對話框，在對話框中選擇數(shù)據(jù)庫保存的路徑，“文件名”文本框中輸入shop。
�、� 單擊“創(chuàng)建”按鈕，在對話框中雙擊“使用設(shè)計(jì)器創(chuàng)建表”選項(xiàng)。
�、� 彈出“表1：表”對話框，在對話框中輸入“字段名稱”和字段所對應(yīng)的“數(shù)據(jù)類型”，將shopID字段設(shè)置為主鍵。
�、� 執(zhí)行“文件”——“保存”命令，彈出“另存為”對話框，在對話框的“表名稱”文本框中輸入products。
⑥ 單擊“確定”按鈕，保存表。按以上步驟的方法，創(chuàng)建表fen和admin。
2.創(chuàng)建數(shù)據(jù)庫連接
新建一個(gè)網(wǎng)頁文件夾，打開IIS信息服務(wù)，創(chuàng)建IIS虛擬目錄，在文件夾安全性把來賓用戶的權(quán)限修改為完全控制，并導(dǎo)入數(shù)據(jù)庫。
3.制作購物網(wǎng)系統(tǒng)頁面
�、� 用index.html創(chuàng)建zhanshi.asp商品分類展示頁，新建站點(diǎn)，導(dǎo)入shop.mdb數(shù)據(jù)庫文件建立數(shù)據(jù)庫連接。插入表格并插入圖片、文字，創(chuàng)建記錄集并在表格相應(yīng)位置綁定數(shù)據(jù)。在服務(wù)器行為里為表格設(shè)置重復(fù)區(qū)域，創(chuàng)建記錄集RS2并在左邊的商品分類表格里綁定
數(shù)據(jù)，在服務(wù)器行為里為左側(cè)的表格添加重復(fù)區(qū)域和轉(zhuǎn)到詳細(xì)頁，制作記錄集導(dǎo)航條。
② 用index.html創(chuàng)建xiangxi.asp商品詳細(xì)信息頁，首先創(chuàng)建記錄集并制作左側(cè)的商品分類表格，之后在中間區(qū)域插入表格，在表格中插入圖片、文字，創(chuàng)建記錄集RS2并將數(shù)據(jù)綁定在表格相應(yīng)位置。
�、� 用index.html創(chuàng)建denglu.asp商品詳細(xì)信息頁,創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表單，在表單里插入表格，在表格里插入文字、文本域、表單按鈕，并為表單設(shè)置檢查表單。創(chuàng)建記錄集RS2并在服務(wù)器行為里添加登錄用戶。
�、� 用index.html創(chuàng)建fenlei.asp添加商品分類頁，插入表單，在表單里插入文字、文本域、表單按鈕，創(chuàng)建記錄集并在服務(wù)器行為里添加插入記錄和限制對頁的訪問。再用index.html創(chuàng)建fenleiok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
⑤ 用index.html創(chuàng)建tianjia.asp添加商品頁，創(chuàng)建記錄集，用插入記錄表單向?qū)?chuàng)建插入記錄表單，在服務(wù)器行為里添加限制對頁的訪問。再用index.html創(chuàng)建tianjiaok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
�、� 用index.html創(chuàng)建guanli.asp商品管理頁，創(chuàng)建記錄集并制作左側(cè)的商品分類表格，在中間區(qū)域插入表格并插入文字，創(chuàng)建記錄集RS2并在表格相應(yīng)位置綁定數(shù)據(jù)，為該表格設(shè)置服務(wù)器行為的重復(fù)區(qū)域，制作修改和刪除鏈接，制作記錄集導(dǎo)航條。
⑦ 用tianjia.asp創(chuàng)建xiugai.asp修改頁面，創(chuàng)建記錄集在對應(yīng)的文本域中綁定數(shù)據(jù)，把服務(wù)器行為里的插入記錄刪除并添加更新記錄。在服務(wù)器行為里添加限制對頁的訪問。再用index.html創(chuàng)建xiugaiok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
⑧ 用index.html創(chuàng)建shanchu.asp刪除頁面,插入表格并插入文字，建立記錄集，在表格相應(yīng)位置綁定數(shù)據(jù)，插入表單和表單按鈕，創(chuàng)建服務(wù)器行為限制對頁的訪問和刪除記錄。再用index.html創(chuàng)建shanchuok.asp,在其中插入表格輸入文字，并設(shè)置返回鏈接。
三、疑難解惑
�、� 網(wǎng)頁不能正常打開，電腦用戶權(quán)限沒有修改，在文件夾安全性把來賓用戶的權(quán)限修改為完全控制。
�、� 創(chuàng)建重復(fù)區(qū)域時(shí)，總顯示相同的內(nèi)容，仔細(xì)閱讀教材，發(fā)現(xiàn)創(chuàng)建重復(fù)區(qū)域時(shí)要選中表格，而不是文字內(nèi)容。
�、� 登陸頁面不能登陸，把表格放入表單后，重新登錄，問題解決。
④ 創(chuàng)建添加商品頁面時(shí)，無法顯示商品分類。在插入記錄表單時(shí)，應(yīng)將feileiID"顯
示為"下拉列表中選擇“菜單”，并在“菜單屬性”里的“域”列表中選擇fenlei。
�、� 修改頁面點(diǎn)進(jìn)去初始內(nèi)容都一樣 ，“唯一鍵列”下拉列表中應(yīng)選擇shpID。
�、� 商品分類點(diǎn)進(jìn)去每個(gè)種類都一樣，查找原因，發(fā)現(xiàn)記錄集中篩選是shpID，把記錄集中的篩選改為fenleiID解決。
四、實(shí)訓(xùn)心得
經(jīng)過一周動(dòng)態(tài)網(wǎng)頁的實(shí)訓(xùn)，使我們對本學(xué)期的這門課進(jìn)行了整體的匯總。在這匯總期間，也算是對自己本學(xué)期的一個(gè)考核，此次實(shí)訓(xùn)暴露出了許多我自身存在的問題，同時(shí)也對自身有了很大的提高。
在這次實(shí)訓(xùn)中，我也有許多收獲。首先，我體會(huì)到了作為一個(gè)計(jì)算機(jī)專業(yè)的人，不會(huì)用DW的痛苦和尷尬。在制作的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨(dú)自制作動(dòng)態(tài)網(wǎng)頁，難免會(huì)遇到過各種各樣的問題，同時(shí)在制作的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固。在此過程當(dāng)中彌補(bǔ)了我許多知識(shí)上的缺陷，弄清的以前沒有搞懂的知識(shí)點(diǎn)。經(jīng)過多番的`努力和辛酸，我成功地完成了這次過程艱辛的實(shí)訓(xùn)，而且我從中體會(huì)到了一種叫做‘成功的喜悅’的感覺，那種小有成就的興奮是只有置身其中的人才能體會(huì)的。
在實(shí)訓(xùn)過程中，我更體會(huì)到了基礎(chǔ)知識(shí)的重要性，也許我們正在迷惘，我們是否學(xué)到了東西，但事實(shí)說明零零散散的知識(shí)，在項(xiàng)目開發(fā)當(dāng)中起到了非常關(guān)鍵的作用，我們不缺少時(shí)間和工具，我們只是缺少經(jīng)驗(yàn)和動(dòng)手能力，如果我們以后能更好的在各方面增長自己的經(jīng)驗(yàn)，相信我們能在長長的就業(yè)隊(duì)伍中脫穎而出的!相信自己，相信未來。今后我將會(huì)更加努力的學(xué)習(xí)，不斷提高自身素質(zhì)，為我將來的就業(yè)打下良好的基礎(chǔ)。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇5
前言
Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針DREAMWEAVER對專業(yè)網(wǎng)頁圖像設(shè)計(jì)的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊(duì))，足見市場的反響和MACROMEDIA公司對它們的自信。說到DREAMWEAVER我們應(yīng)該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)(Internet)的家喻戶曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上手，您在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在WORD中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別，但它同時(shí)也存在著致命的`弱點(diǎn)�，F(xiàn)如今，數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會(huì)進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò)成為通信的主要手段的時(shí)候，在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“代言人”。
1．對靜態(tài)網(wǎng)頁設(shè)計(jì)的認(rèn)識(shí)
1.1網(wǎng)頁設(shè)計(jì)介紹
從文件的角度來說，一個(gè)網(wǎng)頁就是一個(gè)HTML文件。當(dāng)瀏覽者輸入一個(gè)網(wǎng)址或單擊某個(gè)鏈接后，在瀏覽器中顯示出來的就是一個(gè)網(wǎng)頁。一般網(wǎng)頁上都會(huì)有文本、圖片等信息，而復(fù)雜一些的網(wǎng)頁上還會(huì)有聲音、視頻、動(dòng)畫等多媒體內(nèi)容，為網(wǎng)頁增添了豐富的色彩和動(dòng)感。靜態(tài)網(wǎng)頁是指網(wǎng)頁文件中沒有程序，只有HTML代碼，一般以.html或.htm為后綴名的網(wǎng)頁，靜態(tài)網(wǎng)站內(nèi)容不會(huì)在制作完成后發(fā)生變化，任何人訪問都顯示一樣的內(nèi)容。網(wǎng)站是一系列邏輯上可以視為一個(gè)整體的網(wǎng)頁集合，是許多相關(guān)網(wǎng)頁有機(jī)結(jié)合而組成的一個(gè)信息服務(wù)中心。對于小型網(wǎng)站，是指帶有一定主題的多個(gè)網(wǎng)頁集合；對于大型網(wǎng)站還包含數(shù)據(jù)庫和服務(wù)器端應(yīng)用程序等如新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。在構(gòu)成網(wǎng)站的眾多網(wǎng)頁中，有一個(gè)頁面比較特殊，稱為首頁，即網(wǎng)站的第一個(gè)頁面。動(dòng)態(tài)網(wǎng)頁是指網(wǎng)頁文件不僅具有HTML標(biāo)記，而且還含有程序代碼，并使用數(shù)據(jù)庫連接。動(dòng)態(tài)網(wǎng)頁能根據(jù)不同的時(shí)間，不同的來訪者顯示不同的內(nèi)容，動(dòng)態(tài)網(wǎng)站更新方便，一般在后臺(tái)直接更新。
1.2網(wǎng)頁設(shè)計(jì)及網(wǎng)頁布局技術(shù)
網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素。一個(gè)網(wǎng)頁是否精彩與網(wǎng)頁布局有著重要關(guān)系。常見的網(wǎng)頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標(biāo)題文本型，封面型，F(xiàn)lash型，框架型�？梢杂帽砀竦男问街v一個(gè)頁面分成幾個(gè)單元格，通過單元格的合并拆分，對網(wǎng)頁進(jìn)行布局，單元格就相當(dāng)于是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設(shè)置單元格的長寬對頁面進(jìn)行布局。框架對網(wǎng)頁進(jìn)行布局有很多優(yōu)點(diǎn)網(wǎng)頁結(jié)構(gòu)清晰，易于維護(hù)和更新。方便用戶瀏覽網(wǎng)頁，采用滾動(dòng)條，可節(jié)省頁面空間，使網(wǎng)頁風(fēng)格保持統(tǒng)一；CSS作為網(wǎng)頁設(shè)計(jì)中的一種重要技術(shù)，具有以下優(yōu)點(diǎn)：，表現(xiàn)和內(nèi)容相分離，提高頁面瀏覽速度，易于維護(hù)和修改，應(yīng)用apdiv創(chuàng)建網(wǎng)頁，網(wǎng)頁清晰，易于分塊。應(yīng)用表單創(chuàng)建網(wǎng)頁，應(yīng)用行為創(chuàng)建網(wǎng)頁。
1.3靜態(tài)網(wǎng)頁設(shè)計(jì)的技術(shù)要點(diǎn)
用框架對網(wǎng)頁進(jìn)行布局時(shí)有很多缺點(diǎn)：網(wǎng)頁內(nèi)容無法被大多數(shù)搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無法滿足個(gè)性化設(shè)置，難以實(shí)現(xiàn)不同框架中各元素的精確對齊。在網(wǎng)頁設(shè)計(jì)過程中使用CSS樣式表，主要有以下兩種方式，內(nèi)部CSS樣式表，外部CSS樣式表，應(yīng)用庫創(chuàng)建網(wǎng)頁時(shí)：對于站點(diǎn)訪問者和開發(fā)人員而言，使用交互式網(wǎng)頁www.具有更多用途，使訪問者可以快速方便地在一個(gè)內(nèi)容豐富的網(wǎng)站上查找信息，后臺(tái)管理者可以收集、保存和分析站點(diǎn)訪問者提供的數(shù)據(jù)，，后臺(tái)管理者可以對內(nèi)容不斷變化的網(wǎng)站進(jìn)行更新。靜態(tài)網(wǎng)頁每個(gè)網(wǎng)頁都有一個(gè)固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無論是否有用戶訪問，每個(gè)靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說，靜態(tài)網(wǎng)頁是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁都是一個(gè)獨(dú)立的文件;靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索;靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁制作方式比較困難;靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇6
實(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)告 篇7
實(shí)驗(yàn)項(xiàng)目：VBScript基礎(chǔ)：內(nèi)部函數(shù)
實(shí)驗(yàn)時(shí)間：20xx年3月23日
一、實(shí)驗(yàn)基礎(chǔ)知識(shí)：
1、什么是VBscript內(nèi)部函數(shù)？VBscript內(nèi)部函數(shù)是VB系統(tǒng)定義的函數(shù)，這些函數(shù)具有一定的功能，編程者都可以直接調(diào)用這些內(nèi)部函數(shù)。
二、實(shí)驗(yàn)內(nèi)容：
1、將IIS的網(wǎng)頁發(fā)布主目錄設(shè)在D盤，名為。利用DW新建一個(gè)動(dòng)態(tài)站點(diǎn)，站點(diǎn)的本地信息和測試服務(wù)器設(shè)置如下：
略
2、新建一個(gè)名為index1.asp的文件，利用日期函數(shù)顯示當(dāng)前系統(tǒng)的時(shí)間,在頁面中顯示如下：“歡迎訪問本網(wǎng)站，現(xiàn)在時(shí)間是20xx-9-1011:35:19”(注：時(shí)間必須是用戶訪問頁面時(shí)候的實(shí)際時(shí)間)訪問本網(wǎng)站，現(xiàn)在的時(shí)間是：
3、新建一個(gè)名為index2.asp的`文件
1)、用字符串函數(shù)求字符串“我校20xx級新生開學(xué)典禮暨軍訓(xùn)動(dòng)員大會(huì)在我校風(fēng)雨籃球場順利召開”的長度并輸出，
2)、利用字符串截取函數(shù)截取該字符串的前10個(gè)字符，并輸出
3)、并利用replace函數(shù)將字符串中的”我校”用“桂林旅�！比〈�，并輸出結(jié)果。
4、在下新建一個(gè)名為images的文件夾，從網(wǎng)上下載四張圖片到該文件夾下，圖片命名為img1.jpg、img2.jpg、img3.jpg、img4.jpg。新建一個(gè)名為index2.asp的文件，定義一個(gè)有4個(gè)元素的字符型數(shù)組變量，然后給數(shù)組變量img的每一個(gè)元素賦值，內(nèi)容如下：利用用ASP隨機(jī)數(shù)函數(shù)Rnd，每次刷新頁的時(shí)候隨機(jī)輸出數(shù)組中包含的一張圖片，顯示在瀏覽器中。按F12運(yùn)行，將運(yùn)行結(jié)果截圖，插入下面的表格中
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇8
靜態(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)頁的批評建議等，可以根據(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)フ莆眨瑫r(shí)還可以鍛煉我們的邏輯思維能力和思維的嚴(yán)密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯(cuò)的藝術(shù)審美觀，這樣，你做出的網(wǎng)頁才會(huì)賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達(dá)到頂級。雖然網(wǎng)頁已經(jīng)完成，可這并不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會(huì)主動(dòng)問老師和同學(xué)，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應(yīng)該怎樣去做事。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇9
一、實(shí)訓(xùn)簡介
本次大一網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)是為了讓學(xué)生掌握基本的網(wǎng)頁設(shè)計(jì)技能，包括HTML、CSS、JavaScript等基礎(chǔ)知識(shí)。實(shí)訓(xùn)分為多個(gè)階段，通過實(shí)際操作來學(xué)習(xí)和掌握相關(guān)技能。
二、實(shí)訓(xùn)過程
1、HTML基礎(chǔ)學(xué)習(xí)
HTML是網(wǎng)頁設(shè)計(jì)的基礎(chǔ)，學(xué)習(xí)HTML語言的基本結(jié)構(gòu)和語法是學(xué)習(xí)Web前端編程的第一步。在學(xué)習(xí)HTML基礎(chǔ)時(shí)，我們首先需要學(xué)會(huì)如何創(chuàng)建HTML文檔，然后學(xué)會(huì)如何書寫HTML標(biāo)簽和屬性，包括標(biāo)題標(biāo)簽、段落標(biāo)簽、超鏈接標(biāo)簽、圖像標(biāo)簽等。此外，我們還學(xué)習(xí)了HTML表單、HTML文件結(jié)構(gòu)和SEO優(yōu)化等相關(guān)知識(shí)。
2、CSS樣式設(shè)計(jì)
CSS是網(wǎng)頁樣式設(shè)計(jì)的核心，能夠讓我們把網(wǎng)頁的布局、顏色、字體等方面進(jìn)行更加精細(xì)的控制。在學(xué)習(xí)CSS樣式設(shè)計(jì)時(shí)，我們學(xué)會(huì)了如何設(shè)置字體樣式、顏色、大小，如何設(shè)置背景顏色、邊框樣式以及如何控制元素之間的間距等。
3、 JavaScript編程
JavaScript是Web編程中不可缺少的一部分，它可以讓我們開發(fā)交互性更強(qiáng)的網(wǎng)頁。在學(xué)習(xí)JavaScript編程時(shí)，我們首先需要學(xué)會(huì)如何引入JavaScript代碼，其次學(xué)會(huì)如何運(yùn)用JavaScript來實(shí)現(xiàn)按鈕點(diǎn)擊、表單驗(yàn)證和動(dòng)畫效果等相關(guān)操作。
4、實(shí)踐操作
通過以上學(xué)習(xí)，我們可以將所學(xué)技能應(yīng)用于實(shí)踐中，包括設(shè)計(jì)一個(gè)完整的.網(wǎng)頁，實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)效果等。通過實(shí)踐操作，我們可以更好地理解和掌握所學(xué)知識(shí)。
三、實(shí)訓(xùn)感受
通過這次大一網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)，我收獲了很多，不僅學(xué)會(huì)了基本的網(wǎng)頁設(shè)計(jì)知識(shí)，還鍛煉了分析問題和解決問題的能力。同時(shí)，實(shí)踐操作也讓我更加深刻地理解了所學(xué)知識(shí)，并能夠更加熟練地運(yùn)用到實(shí)際項(xiàng)目中。
通過實(shí)訓(xùn)，我也發(fā)現(xiàn)了自身存在的不足之處，比如沒有很好地掌握一些基礎(chǔ)知識(shí)，需要進(jìn)一步加強(qiáng)自己的基礎(chǔ)。同時(shí)，我也認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)是一個(gè)需要不斷學(xué)習(xí)和提高的過程，需要不斷積累經(jīng)驗(yàn)和實(shí)踐。
總的來說，這次大一網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)讓我受益匪淺，使我對Web前端編程有了更加深刻的了解和認(rèn)識(shí)。我相信，在今后的學(xué)習(xí)中，我將繼續(xù)努力，不斷提高自己的水平，為未來的職業(yè)發(fā)展打下堅(jiān)實(shí)的基礎(chǔ)。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇10
一、實(shí)訓(xùn)意義
網(wǎng)頁設(shè)計(jì)與制作綜合實(shí)訓(xùn)是教學(xué)過程中重要的實(shí)踐性教學(xué)環(huán)節(jié)、它是根據(jù)專業(yè)教學(xué)計(jì)劃的要求、在教師的指導(dǎo)下對學(xué)生進(jìn)行網(wǎng)頁制作專業(yè)技能的訓(xùn)練，培養(yǎng)學(xué)生綜合運(yùn)用理論知識(shí)分析和解決實(shí)際問題的能力，實(shí)現(xiàn)由理論知識(shí)向操作技能的培養(yǎng)過程、因此加強(qiáng)實(shí)踐教學(xué)環(huán)節(jié)，搞好實(shí)訓(xùn)教學(xué)，對實(shí)現(xiàn)本專業(yè)的培養(yǎng)目標(biāo)，提高學(xué)生的綜合素質(zhì)有著重要的作用。
二、實(shí)訓(xùn)目的
1、通過綜合實(shí)訓(xùn)進(jìn)一步鞏固，深化和加強(qiáng)學(xué)生的理論知識(shí)于專業(yè)技能。
（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)，目錄結(jié)構(gòu)，鏈接結(jié)構(gòu)的方法。
�。�2）熟練掌握網(wǎng)頁制作軟件dreamweaver8和基本操作和使用技能。
�。�3）掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。
�。�4）熟練掌握網(wǎng)頁頁面布局的各種方法。
（5）熟練掌握在網(wǎng)頁中輸入，設(shè)置標(biāo)題和正文文字的方法。
�。�6）熟練掌握在網(wǎng)頁中插入圖像，flash動(dòng)畫和背景音樂的方法。
（7）熟練建立各種形式的超級鏈接的`方法。
�。�8）掌握表單網(wǎng)頁制作方法。
�。�9）掌握網(wǎng)頁特效制作方法。
（10）掌握網(wǎng)站測試的方法。
2、訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力，充分培養(yǎng)和提高學(xué)生的動(dòng)手能力，學(xué)會(huì)通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動(dòng)畫和網(wǎng)頁特效等。
3、培養(yǎng)學(xué)生運(yùn)用所學(xué)的理論知識(shí)和技能解決網(wǎng)站開發(fā)過程中所遇到的實(shí)際問題的能力及基本工作素質(zhì)。
4、培養(yǎng)學(xué)生理論聯(lián)系實(shí)際的工作作風(fēng)，嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨(dú)立工作的能力，樹立自信心。
三、實(shí)訓(xùn)步驟
1、定義站點(diǎn)
2、設(shè)定網(wǎng)頁屬性和文本格式
3、從大到小把結(jié)構(gòu)設(shè)計(jì)好
4、輸入主要內(nèi)容并進(jìn)行排版
5、檢查并保存
四、實(shí)訓(xùn)心得
兩周的實(shí)訓(xùn)轉(zhuǎn)瞬即逝，在這短暫的時(shí)間里，我們在老師的指導(dǎo)和幫助下，對于網(wǎng)頁設(shè)計(jì)與制作有了進(jìn)一步的了解。
在這兩周內(nèi)，同學(xué)們每天都按時(shí)完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導(dǎo)和自己的練習(xí)，對其有了很好的了解；對于我們看不懂的一些內(nèi)容，通過與同學(xué)協(xié)商和聽老師的講解來理解并掌握它。在這兩周的實(shí)訓(xùn)里，我發(fā)現(xiàn)了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學(xué)的幫助，我了解到一些新的東西并對網(wǎng)頁設(shè)計(jì)與制作有了更深的興趣，如falsh制作與運(yùn)用、網(wǎng)站的基本制作、超鏈接的設(shè)置等；我們對網(wǎng)頁設(shè)計(jì)與制作方面的知識(shí)有了一定的認(rèn)識(shí)，為我們以后對網(wǎng)站的學(xué)習(xí)和運(yùn)用有很大的幫助。
通過實(shí)訓(xùn)，我們把網(wǎng)頁設(shè)計(jì)與制作中涉及到的理論和實(shí)踐更好的結(jié)合起來，我對網(wǎng)頁設(shè)計(jì)與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強(qiáng)，使我們了解到無論做什么事都要有足夠的耐心，還要認(rèn)真細(xì)心。在做題時(shí)要對自己做過得東西進(jìn)行仔細(xì)的檢查，同時(shí)也使我了解到同學(xué)之間要相互協(xié)作、共同努力。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇11
自從互聯(lián)網(wǎng)誕生以來，網(wǎng)絡(luò)在人類社會(huì)中扮演了一個(gè)越來越重要的角色�，F(xiàn)在，越來越多的人通過網(wǎng)絡(luò)學(xué)習(xí)、購物、社交和工作。因此，網(wǎng)頁設(shè)計(jì)已成為一門重要的學(xué)科，也成為了各個(gè)企業(yè)和組織的必不可少的一部分。為了幫助學(xué)生更好地了解網(wǎng)頁設(shè)計(jì)，大一的時(shí)候我參加了一次網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)課程。
在實(shí)訓(xùn)課程中，我們首先閱讀了有關(guān)網(wǎng)頁設(shè)計(jì)的一些基本知識(shí)和概念。我們學(xué)習(xí)了HTML和CSS的基礎(chǔ)知識(shí)，了解了如何使用它們來創(chuàng)建網(wǎng)頁。我們還學(xué)習(xí)了如何使用Sketch等工具來設(shè)計(jì)網(wǎng)頁的外觀和布局。通過這些基本的課程，我們了解了網(wǎng)頁設(shè)計(jì)的基本知識(shí)，可以開始實(shí)際操作創(chuàng)建我們的網(wǎng)頁了。
在實(shí)際操作中，我遇到了很多挑戰(zhàn)。例如，當(dāng)我開始使用HTML和CSS創(chuàng)建網(wǎng)頁時(shí)，我發(fā)現(xiàn)我并不熟悉它們的語法。我還需要學(xué)習(xí)如何管理CSS文件中的樣式，以便整個(gè)網(wǎng)頁看起來更整齊、清晰。此外，我還需要思考如何將網(wǎng)頁的設(shè)計(jì)與其功能整合，以呈現(xiàn)出一個(gè)好的用戶體驗(yàn)。
但是，在我克服了這些挑戰(zhàn)后，我開始享受網(wǎng)頁設(shè)計(jì)的過程。我意識(shí)到，只有當(dāng)我嘗試實(shí)際操作并解決問題時(shí)，我才能更好地理解網(wǎng)頁設(shè)計(jì)的核心原則。我還學(xué)到了很多技巧，例如如何調(diào)整網(wǎng)頁元素的大小、顏色和布局，以使其更具吸引力和易于使用。最重要的是，我開始思考如何為網(wǎng)頁用戶提供最好的體驗(yàn)，以便他們能夠更好地體驗(yàn)到網(wǎng)頁所提供的'信息和功能。
在整個(gè)實(shí)訓(xùn)課程中，我從錯(cuò)誤中吸取教訓(xùn)。我意識(shí)到，雖然有時(shí)我們會(huì)犯錯(cuò)，但這些錯(cuò)誤可能會(huì)成為我們在日后設(shè)計(jì)過程中的指引。例如，當(dāng)我第一次創(chuàng)建網(wǎng)頁的時(shí)候，我嘗試添加太多元素，導(dǎo)致網(wǎng)頁混亂不清。但當(dāng)我意識(shí)到這個(gè)問題的存在時(shí)，我開始重新審視我的設(shè)計(jì)，并把它們改進(jìn)得更好。
最后，通過整個(gè)實(shí)訓(xùn)過程，我獲得了很大的成就感。我學(xué)習(xí)了如何創(chuàng)建有用、易于使用的網(wǎng)頁，還學(xué)會(huì)了許多新的技能和知識(shí)。這些技能和知識(shí)將成為我未來職業(yè)生涯中不可或缺的一部分。此外，這個(gè)實(shí)訓(xùn)還給我?guī)砹烁嗟男判暮蛣?dòng)力，鼓勵(lì)我不斷挑戰(zhàn)自我并逐漸提高網(wǎng)頁設(shè)計(jì)的技能水平。
總之，在我的大一網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)課程中，我學(xué)到了很多東西。我學(xué)會(huì)了如何使用HTML和CSS來創(chuàng)建并修飾網(wǎng)頁，并學(xué)會(huì)了如何使用Sketch等工具來設(shè)計(jì)網(wǎng)頁的布局和外觀。我還學(xué)到了很多關(guān)于用戶體驗(yàn)和設(shè)計(jì)原則的知識(shí)。但最重要的是，我意識(shí)到，呈現(xiàn)出一個(gè)好的網(wǎng)頁需要不斷嘗試和不斷改進(jìn)，需要從錯(cuò)誤中吸取教訓(xùn)。這是我將來作為一名網(wǎng)頁設(shè)計(jì)師必須不斷追求的目標(biāo)。
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告 篇12
一實(shí)驗(yàn)?zāi)康?/p>
1．學(xué)習(xí)html語言和dreamweaver，frontpage等工具
2．掌握在本地環(huán)境下運(yùn)用asp技術(shù)實(shí)現(xiàn)一個(gè)簡單的電子商務(wù)網(wǎng)站
二實(shí)驗(yàn)的方法和原理
三實(shí)驗(yàn)過程
1.資料的搜集。
組長分配任務(wù)，大家從網(wǎng)站上搜集各種關(guān)于手機(jī)的資料。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。
3.構(gòu)建站點(diǎn)框架。
打開dremweaver后第一步便是新建站點(diǎn)
4設(shè)計(jì)主頁及二級頁面。
5實(shí)現(xiàn)網(wǎng)頁間的鏈接
鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
6向靜太網(wǎng)頁插入動(dòng)態(tài)效果
四實(shí)驗(yàn)心得
在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的'技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足。
近三個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲�？傮w來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
【網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告】相關(guān)文章：
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告03-19
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告精選7篇03-19
《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》實(shí)訓(xùn)報(bào)告11-29
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告(7篇)03-19
網(wǎng)頁實(shí)訓(xùn)報(bào)告05-31
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告（通用7篇）09-24
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)通用05-17
網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)個(gè)人總結(jié)04-12
《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》實(shí)訓(xùn)報(bào)告3篇11-29