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

南京化工職業(yè)技術(shù)學(xué)院實(shí)訓(xùn)報(bào)告姓名：臧彩文班級(jí)：多媒體1223實(shí)訓(xùn)名稱(chēng)：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)實(shí)訓(xùn)時(shí)間：2014.6.9-2014.06.13實(shí)訓(xùn)地點(diǎn)：3-803指導(dǎo)老師：曾妮麗彭雪萍南京化工職業(yè)技術(shù)學(xué)院信息系多媒體教研室

目錄一、實(shí)訓(xùn)目的二、實(shí)訓(xùn)安排三、實(shí)訓(xùn)內(nèi)容3.1項(xiàng)目一3.1.1基本要求3.1.2方法及步驟3.1.3最終結(jié)果3.2項(xiàng)目二3.23.23.23.3項(xiàng)目三3.33.33.3……四、實(shí)訓(xùn)總結(jié)

一、實(shí)訓(xùn)目的該實(shí)訓(xùn)前期課程是《平面設(shè)計(jì)與制作》課程，學(xué)生通過(guò)前期課程的學(xué)習(xí)對(duì)平面設(shè)計(jì)的基本原則及圖形圖像處理軟件有了基本的掌握，實(shí)訓(xùn)課程主要通過(guò)項(xiàng)目任務(wù)的形式圍繞前期課程進(jìn)行綜合訓(xùn)練。通過(guò)訓(xùn)練，學(xué)生對(duì)網(wǎng)站前期頁(yè)面設(shè)計(jì)流程有了更清楚的認(rèn)識(shí)，能根據(jù)網(wǎng)站主題和客戶(hù)需求確定網(wǎng)站設(shè)計(jì)風(fēng)格，能對(duì)網(wǎng)站內(nèi)容進(jìn)行合理組織及布局等，最終制作出客戶(hù)滿(mǎn)意的網(wǎng)站。實(shí)訓(xùn)以個(gè)人的形式進(jìn)行，依托于真實(shí)的網(wǎng)站項(xiàng)目，模擬企業(yè)真實(shí)的環(huán)境，通過(guò)訓(xùn)練，提高學(xué)生的審美能力，培養(yǎng)學(xué)生的頁(yè)面設(shè)計(jì)能力及訓(xùn)練其軟件操作的能力，同時(shí)培養(yǎng)學(xué)生團(tuán)結(jié)協(xié)作、解決問(wèn)題的能力。具體包括：?

讓學(xué)生了解網(wǎng)站的制作流程和基本技法；?

學(xué)會(huì)站點(diǎn)的規(guī)劃與創(chuàng)建，能自己創(chuàng)建個(gè)人網(wǎng)站和簡(jiǎn)單的企業(yè)網(wǎng)站；?

掌握靜態(tài)網(wǎng)頁(yè)的制作技術(shù)；?

了解動(dòng)態(tài)網(wǎng)頁(yè)的制作技術(shù)，了解與數(shù)據(jù)庫(kù)的鏈接及簡(jiǎn)單的數(shù)據(jù)處理。?

培養(yǎng)學(xué)生的動(dòng)手能力、綜合應(yīng)用能力和團(tuán)隊(duì)合作能力。

二、實(shí)訓(xùn)安排序號(hào)實(shí)訓(xùn)項(xiàng)目時(shí)間安排項(xiàng)目要求備注1任務(wù)1：首頁(yè)效果圖制作6.9利用PS完成2任務(wù)2：子頁(yè)效果圖制作及素材準(zhǔn)備6.10利用PS完成3任務(wù)3：首頁(yè)制作6.11利用DW制作4任務(wù)4：二級(jí)頁(yè)面制作6.12利用DW制作5任務(wù)5：完善及實(shí)訓(xùn)報(bào)告的撰寫(xiě)6.13

三、實(shí)訓(xùn)內(nèi)容第一項(xiàng)首頁(yè)效果圖設(shè)計(jì)利用PS軟件進(jìn)行頁(yè)面效果圖的設(shè)計(jì)，要求為各圖層建立圖層文件夾，以方便管理要求：最終提交PS源文件各圖層盡量不要合并具體安排內(nèi)容如下:時(shí)間地點(diǎn)內(nèi)容6.9實(shí)訓(xùn)樓利用提供的部分素材進(jìn)行首頁(yè)效果圖的制作第二項(xiàng)子頁(yè)效果圖設(shè)計(jì)利用PS軟件進(jìn)行頁(yè)面效果圖的設(shè)計(jì)，要求為各圖層建立圖層文件夾，以方便管理要求：最終提交PS源文件各圖層盡量不要合并具體安排內(nèi)容如下:時(shí)間地點(diǎn)內(nèi)容6.10實(shí)訓(xùn)樓根據(jù)首頁(yè)設(shè)計(jì)，進(jìn)行子頁(yè)的設(shè)計(jì)制作，素材自行搜索或制作第三項(xiàng)利用DWEAMWEAVER,完成首頁(yè)的制作任務(wù)書(shū)要求：利用DWEAMWEAVER,完成首頁(yè)面的的實(shí)現(xiàn)，要求利用表格和css的方式進(jìn)行制作具體安排內(nèi)容如下:時(shí)間地點(diǎn)內(nèi)容6.11實(shí)訓(xùn)樓利用DWEAMWEAVER,完成首頁(yè)的制作第四項(xiàng)利用DWEAMWEAVER,完成子頁(yè)面的設(shè)計(jì)制作任務(wù)書(shū)要求：設(shè)計(jì)二級(jí)頁(yè)面的效果，并利用table+css方式制作完成具體安排內(nèi)容如下:時(shí)間地點(diǎn)內(nèi)容6.12實(shí)訓(xùn)樓利用DWEAMWEAVER,完成子頁(yè)面的制作第五項(xiàng)完善及總結(jié)要求：頁(yè)面的檢查，實(shí)訓(xùn)報(bào)告的撰寫(xiě)具體安排內(nèi)容如下:時(shí)間地點(diǎn)內(nèi)容6.13實(shí)訓(xùn)樓完善及總結(jié)

四、實(shí)訓(xùn)總結(jié)通過(guò)這半年的網(wǎng)頁(yè)課程學(xué)習(xí)和一個(gè)星期的網(wǎng)頁(yè)實(shí)習(xí)中在老師的指導(dǎo)下我們以大量明晰的操作應(yīng)用實(shí)例，教會(huì)我們.使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對(duì)所學(xué)的軟件融會(huì)貫通.所以本次實(shí)訓(xùn)中我結(jié)合所學(xué)專(zhuān)業(yè)的內(nèi)容完成了首頁(yè)的制作及子頁(yè)設(shè)計(jì)與制作，作為實(shí)習(xí)的成果.其內(nèi)容是多樣化的.制作網(wǎng)頁(yè)用的軟件是Dreamweaver,photoshop軟件.網(wǎng)頁(yè)的布局通常指的是網(wǎng)頁(yè)的整體架構(gòu)，說(shuō)的簡(jiǎn)單一點(diǎn)就是排版.如何突出最重要的內(nèi)容，即讓用戶(hù)眼就看到這個(gè)網(wǎng)頁(yè)所想要傳達(dá)的信息.這一點(diǎn)至關(guān)重要.在大多數(shù)做的比較成功的網(wǎng)頁(yè)中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁(yè)的整體架構(gòu)十分的清晰明了，便于用戶(hù)瀏覽。所以，在我的子頁(yè)的設(shè)計(jì)與制作過(guò)程中，我沿用了主頁(yè)的主體排版方式加以自己的改變，讓首頁(yè)與子頁(yè)整體上是一致的。在網(wǎng)頁(yè)的制作中我還是有很多的不足之處，經(jīng)常會(huì)出現(xiàn)不同的問(wèn)題，有些問(wèn)題都是我無(wú)法理解的，不知道從何下手也不知道如何解決，經(jīng)常需要老師的幫助，從代碼的編寫(xiě)到Dreamweaver的使用再到腳本的使用，我們學(xué)到了很多我們不曾知道的知識(shí)，了解了很多我們不知道的關(guān)于互聯(lián)網(wǎng)關(guān)于網(wǎng)頁(yè)的知識(shí)，受益無(wú)窮。一個(gè)星期的實(shí)訓(xùn)將要結(jié)束，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索.從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧.這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn).這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富.這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺(jué)在知識(shí)、技能等方面都有了不少的收獲.總體來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高.經(jīng)過(guò)這次實(shí)訓(xùn)，雖然時(shí)間很短，可我學(xué)到的卻很多。無(wú)論是專(zhuān)業(yè)知識(shí)上，還是為人處世上。在此首先非常感謝老師和同學(xué)們對(duì)我在實(shí)訓(xùn)中的指導(dǎo)和教誨，讓我能夠在遇到問(wèn)題的時(shí)候得到更加準(zhǔn)確的解答，在與同學(xué)進(jìn)行溝通的時(shí)候能夠?qū)⒆约旱南敕ê蛣e人進(jìn)行交流、探討，從而獲得更