網(wǎng)頁(yè)實(shí)訓(xùn)總結(jié)

PAGEPAGE3（信息工程系）綜合實(shí)訓(xùn)總結(jié)報(bào)告實(shí)訓(xùn)課程：____網(wǎng)頁(yè)制作__________實(shí)訓(xùn)項(xiàng)目：_網(wǎng)頁(yè)制作基礎(chǔ)教程實(shí)訓(xùn)_姓名：___________班級(jí)：_11計(jì)算機(jī)應(yīng)用學(xué)號(hào)：_______指導(dǎo)教師：_____實(shí)訓(xùn)時(shí)間：2012-2013學(xué)年第一學(xué)期第20周網(wǎng)頁(yè)制作實(shí)訓(xùn)總結(jié)報(bào)告一、實(shí)訓(xùn)目標(biāo)1、知識(shí)目標(biāo)：⑴掌握設(shè)置站點(diǎn)。⑵掌握網(wǎng)頁(yè)元素的基本操作。⑶靈活使用超級(jí)鏈接。⑷熟練掌握表格、層和框架來(lái)布局頁(yè)面。⑸掌握表單的設(shè)置與使用。⑹掌握設(shè)置CSS樣式。⑺能夠使用多媒體來(lái)豐富頁(yè)面。⑻能夠使用模板制作大批風(fēng)格相似的頁(yè)面。2、技能目標(biāo)：⑴對(duì)于給定的設(shè)計(jì)題目，學(xué)會(huì)如何進(jìn)行分析，理清思路，并給出相應(yīng)的結(jié)構(gòu)模型。⑵通過(guò)對(duì)所選課題的分析，有針對(duì)性的進(jìn)行調(diào)查研究，學(xué)會(huì)收集、整理相關(guān)資料。⑶合理運(yùn)用所學(xué)過(guò)的知識(shí)及實(shí)驗(yàn)中的練習(xí)，將其融入本次實(shí)訓(xùn)當(dāng)中，真正成為自己的東西。⑷熟練運(yùn)用所學(xué)知識(shí)制作出具有個(gè)人特色的班級(jí)網(wǎng)站二、實(shí)訓(xùn)環(huán)境我們?cè)?號(hào)機(jī)房完成了為期一周的實(shí)訓(xùn)，此機(jī)房設(shè)備、軟件齊全1、硬件設(shè)備PC機(jī)2、軟件環(huán)境Dreamweaver8.0、flash、photoshop等三、實(shí)訓(xùn)內(nèi)容1、確定的網(wǎng)站內(nèi)容要健康、具有時(shí)代氣息。2、網(wǎng)站提供的信息應(yīng)與網(wǎng)站主題相符合。3、頁(yè)面布局合理，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，主題鮮明，界面美觀、簡(jiǎn)潔。4、建議采用層、表格、框架結(jié)構(gòu)布局頁(yè)面，導(dǎo)航和超鏈接清晰。5、插入圖片、多媒體元素。6、撰寫(xiě)實(shí)訓(xùn)報(bào)告。四、實(shí)訓(xùn)步驟1、根據(jù)老師布置的實(shí)訓(xùn)要求，構(gòu)思整體布局以及LOGO的設(shè)計(jì)。2、打開(kāi)MacromediaDreamweaver8，創(chuàng)建相應(yīng)的本地站點(diǎn)，命名為banjizhuye(E/banjizhuye)，在banjizhuye站點(diǎn)中建立文檔和文件夾，分別為index，xiangce，banwei，chengyuan，huodong和文件夾images，flash，ps等。3、打開(kāi)AdobePhotoshopCS4，利用ps著手做logo，因?yàn)槲覀兪?1級(jí)計(jì)算機(jī)應(yīng)用班，所以我就用藝術(shù)字設(shè)計(jì)了字體，外面的圖標(biāo)代表這我們團(tuán)結(jié)進(jìn)取，里面倒影的樹(shù)葉是代表著我們蓬勃的精神面貌，下面的五個(gè)字母是計(jì)算機(jī)應(yīng)用的首字母縮寫(xiě)。如下圖；4、利用表格對(duì)頁(yè)面布局，我的網(wǎng)站共有5個(gè)主頁(yè)面：班級(jí)首頁(yè)、相冊(cè)集合、班委成員、班級(jí)成員、班級(jí)活動(dòng)，每一個(gè)頁(yè)面用統(tǒng)一的背景以及圖片，以保證網(wǎng)站統(tǒng)一的頁(yè)面風(fēng)格，版面設(shè)計(jì)十分靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計(jì)。網(wǎng)頁(yè)布局主要用框架和表格，用框架定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計(jì)也是重要的一個(gè)部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是用css設(shè)計(jì)一個(gè)樣式，以保證隨時(shí)、準(zhǔn)確的調(diào)用。1)通過(guò)繪制表格來(lái)設(shè)計(jì)頁(yè)面布局；2）在表格中插入頁(yè)面元素，如利用文本域，來(lái)創(chuàng)建用戶登錄界面，插入圖片等，首頁(yè)頭部插入了flash動(dòng)畫(huà)，改變其參數(shù)，使其達(dá)到了雪花飄落的動(dòng)態(tài)效果，如下圖：主頁(yè)的左邊我用代碼實(shí)現(xiàn)了其自動(dòng)播放幻燈片的效果，右邊利用代碼達(dá)到了字幕的滾動(dòng)效果，如下圖：5、子頁(yè)面的設(shè)計(jì)，整體格局美觀，溫馨，明亮，能讓觀賞者眼前一亮，并在每個(gè)子頁(yè)面添加了滾動(dòng)字幕，以及flash特效。如下圖：6、每個(gè)網(wǎng)頁(yè)完成后，為其添加鏈接，以達(dá)到瀏覽每個(gè)頁(yè)面時(shí)暢通無(wú)阻，在添加鏈接時(shí)，為了使導(dǎo)航文字在瀏覽時(shí)是白色字體，我用CSS為導(dǎo)航欄定義了一個(gè)版塊，并用CSS高級(jí)設(shè)置設(shè)置我需要的色彩。五、實(shí)訓(xùn)總結(jié)在這三天多的實(shí)訓(xùn)當(dāng)中和同學(xué)進(jìn)討論制作網(wǎng)站，同時(shí)學(xué)到了許多關(guān)于網(wǎng)頁(yè)制作的相關(guān)知識(shí)。第一，我覺(jué)得在制作過(guò)程中，發(fā)現(xiàn)自己學(xué)的東西太欠缺了，要學(xué)習(xí)有條不紊，要學(xué)習(xí)冷靜思索，所以我想以后課上課下一定要認(rèn)真學(xué)習(xí)，虛心聽(tīng)取別人意見(jiàn)，多去學(xué)習(xí)一點(diǎn)網(wǎng)頁(yè)制作的技術(shù)，以備我以后的制作之路。通過(guò)這次實(shí)訓(xùn)，我學(xué)到了很多有價(jià)值的東西。我獨(dú)立的完成了網(wǎng)站設(shè)計(jì)的全過(guò)程，把設(shè)計(jì)中散亂的網(wǎng)頁(yè)鏈接成框架體系，使平時(shí)學(xué)到的知識(shí)點(diǎn)有了很高的提高，并且合理的在試驗(yàn)中進(jìn)行了實(shí)踐。第二，在這次實(shí)驗(yàn)的過(guò)程中，我搜集了大量的素材和網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)技巧方面資料，擴(kuò)大了知識(shí)面，給我在以后的設(shè)計(jì)過(guò)程中能博采眾長(zhǎng)，制作出好的網(wǎng)頁(yè)打下了基礎(chǔ)。我現(xiàn)在已經(jīng)掌握文檔排版標(biāo)記的使用熟練使用及其屬性設(shè)置、特殊符號(hào)；第三：我現(xiàn)在已經(jīng)熟練使用超級(jí)鏈接，合理使用列表；第四：我現(xiàn)在已經(jīng)掌握?qǐng)D片標(biāo)記及相關(guān)屬性的使用、了解表格標(biāo)記制作表格的方法。最后，我感受最深的是：要想做好一個(gè)網(wǎng)站，素材和技能都十分重要。好的素材需要多方查找資料，可以從圖書(shū)、網(wǎng)站和新聞上查找。好的技能需要不斷的實(shí)踐，經(jīng)常鍛煉做網(wǎng)頁(yè)。如果擁有好的素材和精湛的技能就可以做出精湛的網(wǎng)頁(yè)。五天的實(shí)訓(xùn)課程結(jié)束了，此次實(shí)訓(xùn)檢驗(yàn)了通過(guò)一學(xué)期的學(xué)習(xí)對(duì)知識(shí)進(jìn)行了匯總，通過(guò)本次實(shí)訓(xùn)我已基本掌握了制作簡(jiǎn)單網(wǎng)頁(yè)的過(guò)程，基本熟悉了各種軟件的綜合使用方法。實(shí)踐出真理，實(shí)訓(xùn)的日子過(guò)去了，從理論和操作中融合了我們平時(shí)所學(xué)的知識(shí)，為我們的學(xué)習(xí)和工作鋪墊了精彩的一幕。因此，我堅(jiān)信，用血去做自己認(rèn)為應(yīng)該做