第一篇：網(wǎng)頁(yè)設(shè)計(jì)課程實(shí)訓(xùn)報(bào)告--添加超鏈接

實(shí)驗(yàn)名稱：添加超鏈接

實(shí)驗(yàn)日期：2012-10-8

實(shí)驗(yàn)?zāi)康模赫莆粘溄拥膭?chuàng)建；

實(shí)驗(yàn)內(nèi)容： 超鏈接創(chuàng)建；

實(shí)驗(yàn)作業(yè)：在“我的足球網(wǎng)”首頁(yè)“足球新聞”添加超鏈接至news文件夾中news.html；“首頁(yè)”中“我與足球”添加超鏈接至：aboutme/me.html網(wǎng)頁(yè)文件。

實(shí)驗(yàn)步驟：

1、選中“足球新聞”四個(gè)字，單擊“屬性”面板中“HTML”，在“鏈接”對(duì)話框單

擊“瀏覽文件”按鈕，查找d:jcwwwnewsnews.html；

2、選中news.html網(wǎng)頁(yè)文件，單擊“確定”按鈕；

3、按ctrl+s保存index頁(yè)面，并測(cè)試超鏈接；

4、在首頁(yè)中選中“我與足球”行，單擊“屬性”面板中“HTML”，在“鏈接”對(duì)話

框單擊“指向文件”按鈕，并按住鼠標(biāo)左鍵，拖到至右側(cè)站點(diǎn)面板中“文件”中：aboutme/me.html；

5、按ctrl+s保存index頁(yè)面，并測(cè)試超鏈接；

實(shí)驗(yàn)體會(huì)：我掌握了超鏈接最基本的兩種創(chuàng)建方法。

第二篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

《網(wǎng)頁(yè)設(shè)計(jì)與制作》實(shí)訓(xùn)報(bào)告

實(shí)訓(xùn)題目:

專業(yè):

班級(jí)：

學(xué)號(hào):

姓名：

實(shí)訓(xùn)時(shí)間：

實(shí)訓(xùn)地點(diǎn)：

指導(dǎo)教師:

一、實(shí)訓(xùn)目的二、實(shí)訓(xùn)環(huán)境(軟、硬件環(huán)境)

三、實(shí)訓(xùn)內(nèi)容及相關(guān)技術(shù)

(具體的設(shè)計(jì)步驟及所使用的關(guān)鍵技術(shù)，要求附有圖表說(shuō)明)

四、實(shí)訓(xùn)結(jié)果及分析

五、實(shí)訓(xùn)收獲、體會(huì)和問(wèn)題

第三篇：《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)訓(xùn)報(bào)告

溫州科技職業(yè)學(xué)院信息技術(shù)系

《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)訓(xùn)報(bào)告

班級(jí)：數(shù)字媒體12-2班

學(xué)號(hào):120309215指導(dǎo)教師：李余黨

姓名:李敏梓

一、實(shí)訓(xùn)目的與要求

通過(guò)實(shí)訓(xùn)使學(xué)生能夠更進(jìn)一步的領(lǐng)會(huì)網(wǎng)站建設(shè)和網(wǎng)頁(yè)設(shè)計(jì)的基本知識(shí)，熟悉和掌握網(wǎng)站建設(shè)的基本流程和注意事項(xiàng)，熟練運(yùn)用常用的網(wǎng)頁(yè)制作和設(shè)計(jì)工具的使用，熟練掌握DIV+CSS網(wǎng)頁(yè)布局設(shè)計(jì)技術(shù),希望通過(guò)對(duì)網(wǎng)站的規(guī)劃與設(shè)計(jì)來(lái)培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)知識(shí)來(lái)建立網(wǎng)站的能力，掌握相關(guān)網(wǎng)頁(yè)制作軟件，為今后從事網(wǎng)站規(guī)劃、設(shè)計(jì)和開發(fā)工作打下基礎(chǔ)。

二.實(shí)訓(xùn)內(nèi)容

制作好心情科技網(wǎng)頁(yè)，要求該網(wǎng)站能基本滿足該類型企業(yè)的某些需求能展示公司或產(chǎn)品的相關(guān)信息、宣傳企業(yè)形象與產(chǎn)品性能。網(wǎng)站設(shè)計(jì)和開發(fā)過(guò)程中，可以采用網(wǎng)絡(luò)素材，技術(shù)以靜態(tài)為主，積極支持和鼓勵(lì)使用動(dòng)態(tài)技術(shù)

三.實(shí)訓(xùn)過(guò)程中出現(xiàn)的主要問(wèn)題和解決辦法

主要問(wèn)題：在網(wǎng)頁(yè)創(chuàng)作中，網(wǎng)站主頁(yè)分布不規(guī)范，解決問(wèn)題：利用div根據(jù)網(wǎng)頁(yè)所需的內(nèi)容 創(chuàng)建大致網(wǎng)站的框架，使之網(wǎng)頁(yè)美觀，干凈，整潔

第四篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

實(shí)訓(xùn)時(shí)間：2011年6月20日——2011年6月24日

實(shí)訓(xùn)地點(diǎn)：一號(hào)教學(xué)樓5樓實(shí)訓(xùn)室

實(shí)訓(xùn)目的：

1．要求學(xué)生獨(dú)立制作有一定思想和創(chuàng)意網(wǎng)頁(yè)。

2．掌握網(wǎng)站建設(shè)的基本思路和流程。

3．網(wǎng)站基本架設(shè)、發(fā)布、維護(hù)。

實(shí)訓(xùn)主要內(nèi)容

1．使用Dreamweaver編輯網(wǎng)頁(yè)。網(wǎng)站要求包含二級(jí)頁(yè)面，8-10個(gè)頁(yè)面。使用Dreamweaver布局視圖，設(shè)置本地站點(diǎn)。使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對(duì)象制作層動(dòng)畫，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動(dòng)畫，使用CSS樣式統(tǒng)一網(wǎng)頁(yè)中文字樣式，插入Fireworks中的GIF 文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級(jí)鏈接。

2．編輯要有一定的創(chuàng)意，能符合觀賞的視覺感受；網(wǎng)頁(yè)結(jié)構(gòu)清晰，主題突出，美觀大方，內(nèi)容豐富，制作規(guī)范，色彩協(xié)調(diào)。

3.頁(yè)面制作完整，外觀力求精美，訪問(wèn)速度快，無(wú)HTML語(yǔ)句錯(cuò)誤。

4．撰寫實(shí)訓(xùn)報(bào)告。

操作步驟：

1、利用Dreamweaver制作一個(gè)靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個(gè)網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個(gè)簡(jiǎn)單的主題。

2、使用Dreamweaver編輯網(wǎng)頁(yè)。網(wǎng)站要求包含二級(jí)頁(yè)面，8-10個(gè)頁(yè)面。

3、用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀和功能。

4、主頁(yè)基本要求：網(wǎng)頁(yè)標(biāo)題動(dòng)畫，可以制作成GIF動(dòng)畫或者Flash動(dòng)畫；

5、制作一個(gè)表單頁(yè)面。

6、某個(gè)頁(yè)面有滾動(dòng)字幕。

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

8、整個(gè)網(wǎng)站各頁(yè)面之間保持風(fēng)格一致，頁(yè)面之間要有合理的超級(jí)鏈接。實(shí)訓(xùn)效果：

設(shè)計(jì)開始，想法不全面,主題，布局都沒有頭緒，后來(lái)，開始做，而且覺得越做越有頭緒了。

開始時(shí)布局總是不能做到很美觀，后來(lái)，發(fā)現(xiàn)頁(yè)面屬性改了左邊距沒有設(shè)為，上邊距為0，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來(lái)，改變了表格背景圖的灰暗，使網(wǎng)頁(yè)的整體看起來(lái)更美觀了。

在做CSS樣式表的時(shí)候，做字的顏色的時(shí)候，尤其體現(xiàn)出來(lái)色彩學(xué)的作用。這次實(shí)訓(xùn)中，我也有許多收獲。首先，我體會(huì)到了作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，不會(huì)用css的痛苦和尷尬；然后，我發(fā)現(xiàn)了很多以前都不曾注意到的細(xì)節(jié)；其次，在實(shí)訓(xùn)中，我對(duì)作為一名網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該學(xué)習(xí)的內(nèi)容做了一個(gè)更深層次的理解；最后，我還從這次實(shí)訓(xùn)中看到了自己很他人的差距，危機(jī)意識(shí)增強(qiáng)，為了不使這個(gè)差距拉大，甚至趕上前面的同學(xué)，我會(huì)努力的。

個(gè)人心得：

這次實(shí)訓(xùn)為我提供了與眾不同的學(xué)習(xí)方法和學(xué)習(xí)體會(huì)，從書本中面對(duì)現(xiàn)實(shí)，為我將來(lái)走上社會(huì)打下了扎實(shí)的基礎(chǔ)。設(shè)計(jì)網(wǎng)頁(yè)，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應(yīng)的英語(yǔ)，見名知意，如圖片文件夾用image，網(wǎng)頁(yè)文件夾用html。

作為在電子商務(wù)專業(yè)的大專生，現(xiàn)在我能做的就是吸取知識(shí)，提高自身的綜合素質(zhì)，提高自己的創(chuàng)新能力和合作能力等，自己有了能力，到時(shí)候才會(huì)是“車到山前必有路”。我相信在不久的未來(lái)，會(huì)有屬于我自己的一片天空！

在設(shè)計(jì)中遇到了很多的技術(shù)問(wèn)題，最后在老師的辛勤指導(dǎo)下，終于豁然開朗。同時(shí)，在老師的身上我學(xué)得到很多實(shí)用的知識(shí)，在這次實(shí)訓(xùn)中，我也有許多收獲。首先，我體會(huì)到了作為一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師，不會(huì)用css的痛苦和尷尬；然后，我發(fā)現(xiàn)了很多以前都不曾注意到的細(xì)節(jié)；其次，在實(shí)訓(xùn)中，我對(duì)作為一名網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該學(xué)習(xí)的內(nèi)容做了一個(gè)更深層次的理解；最后，我還從這次實(shí)訓(xùn)中看到了自己很他人的差距，危機(jī)意識(shí)增強(qiáng)，為了不使這個(gè)差距拉大，甚至趕上前面的同學(xué)，我會(huì)努力的。

本次實(shí)訓(xùn)，給我最深刻、最刻骨銘心的感覺就是累，不僅每天白天要一整天對(duì)著一臺(tái)機(jī)器，我時(shí)常想，以后的日子里，如果我成為了一名網(wǎng)頁(yè)設(shè)計(jì)師也會(huì)是這樣嗎？好像很無(wú)聊的樣子啊。好動(dòng)的我一定坐不住吧?？墒牵乙仓?，為了衣食父母，為了生存，為了未來(lái)，現(xiàn)在我還沒有任何的資格想這個(gè)問(wèn)題，時(shí)間不對(duì)，而現(xiàn)在最最應(yīng)該想的是——我要怎樣成為一個(gè)頂級(jí)的網(wǎng)頁(yè)設(shè)計(jì)師。當(dāng)我終于有能力的時(shí)候，才是考慮無(wú)不無(wú)聊的問(wèn)題，我還是明白這一點(diǎn)點(diǎn)。

總之，這此實(shí)訓(xùn)讓我明白作為在校網(wǎng)頁(yè)設(shè)計(jì)師專業(yè)的大專生，我能做的就是好好的吸取知識(shí)，努力的提高自己的技術(shù)水平和自身的綜合素質(zhì)，提高自己的表達(dá)能力、寫作能力和合作能力。如此，出了社會(huì)，自己有了能力，到時(shí)候才會(huì)是 “吃嘛嘛香”，并且是自己選公司，而不是悲慘的等待公司來(lái)選。我相信在不久的未來(lái)，會(huì)有屬于我自己的一片天空。

第五篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

天津電子信息職業(yè)技術(shù)學(xué)院 暨國(guó)家示范性軟件職業(yè)技術(shù)學(xué)院

網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告

姓名：系別：專業(yè)：班級(jí)：指導(dǎo)教師：完成時(shí)間：2012 年 6 月 1日