【文章內(nèi)容簡(jiǎn)介】 息工程系）綜合實(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í)間： 20122013學(xué)年第一學(xué)期第20周網(wǎng)頁(yè)制作實(shí)訓(xùn)總結(jié)報(bào)告一、實(shí)訓(xùn)目標(biāo)知識(shí)目標(biāo)：⑴掌握設(shè)置站點(diǎn)。⑵掌握網(wǎng)頁(yè)元素的基本操作。⑶靈活使用超級(jí)鏈接。⑷熟練掌握表格、層和框架來(lái)布局頁(yè)面。⑸掌握表單的設(shè)置與使用。⑹掌握設(shè)置CSS樣式。⑺能夠使用多媒體來(lái)豐富頁(yè)面。⑻能夠使用模板制作大批風(fēng)格相似的頁(yè)面。技能目標(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è)備、軟件齊全硬件設(shè)備PC機(jī)軟件環(huán)境Dreamweaver 、flash、photoshop等三、實(shí)訓(xùn)內(nèi)容確定的網(wǎng)站內(nèi)容要健康、具有時(shí)代氣息。網(wǎng)站提供的信息應(yīng)與網(wǎng)站主題相符合。頁(yè)面布局合理，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，主題鮮明，界面美觀、簡(jiǎn)潔。建議采用層、表格、框架結(jié)構(gòu)布局頁(yè)面，導(dǎo)航和超鏈接清晰。插入圖片、多媒體元素。撰寫(xiě)實(shí)訓(xùn)報(bào)告。四、實(shí)訓(xùn)步驟根據(jù)老師布置的實(shí)訓(xùn)要求，構(gòu)思整體布局以及LOGO的設(shè)計(jì)。打開(kāi)Macromedia Dreamweaver 8，創(chuàng)建相應(yīng)的本地站點(diǎn)，命名為banjizhuye(E/banjizhuye)，在banjizhuye站點(diǎn)中建立文檔和文件夾，分別為index，xiangce，banwei，chengyuan，huodong和文件夾images，flash，ps等。打開(kāi)Adobe Photoshop CS4，利用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ě)。如下圖；利用表格對(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)建用戶(hù)登錄界面，插入圖片等，首頁(yè)頭部插入了flash動(dòng)畫(huà)，改變其參數(shù)，使其達(dá)到了雪花飄落的動(dòng)態(tài)效果，如下圖：主頁(yè)的左邊我用代碼實(shí)現(xiàn)了其自動(dòng)播放幻燈片的效果，右邊利用代碼達(dá)到了字幕的滾動(dòng)效果，如下圖：子頁(yè)面的設(shè)計(jì)，整體格局美觀，溫馨，明亮，能讓觀賞者眼前一亮，并在每個(gè)子頁(yè)面添加了滾動(dòng)字幕，以及flash特效。如下圖：每個(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)該做的事，努力的開(kāi)拓我們的極限，沒(méi)有什么是不可能的，我們要更加的去努力。通過(guò)這五天的學(xué)習(xí)，在制作過(guò)程中出現(xiàn)了許多問(wèn)，這些都是細(xì)節(jié)問(wèn)題，我與同學(xué)進(jìn)行了細(xì)致的研究后，最后達(dá)到了所要預(yù)期的效果。我非常感謝學(xué)校給了我這次制作網(wǎng)頁(yè)的機(jī)會(huì)！第四篇：網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告日照職業(yè)技術(shù)學(xué)院網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告學(xué)號(hào)：姓名：班級(jí)：實(shí)訓(xùn)日期：指導(dǎo)老師：X年X 月 X 日個(gè)人博客一、實(shí)訓(xùn)目的與要求目的：通過(guò)實(shí)訓(xùn)讓同學(xué)們對(duì)網(wǎng)頁(yè)有更深一步的了解，培養(yǎng)學(xué)生的動(dòng)手能力，提高學(xué)生運(yùn)用HTML語(yǔ)言編寫(xiě)靜態(tài)網(wǎng)頁(yè)能力的水平，掌握HTML和CSS語(yǔ)言的應(yīng)用，為學(xué)生學(xué)習(xí)動(dòng)態(tài)網(wǎng)頁(yè)打下堅(jiān)實(shí)的基礎(chǔ)，通過(guò)實(shí)訓(xùn)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁(yè)制作的知識(shí)，并使之得以融會(huì)貫通，在掌握理論的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)學(xué)生的綜合能力，把本學(xué)期學(xué)到的東西都運(yùn)用起來(lái)達(dá)到一定的技術(shù)性、創(chuàng)意性，讓其更美觀。（1）掌握創(chuàng)建Dreamweaver本地站點(diǎn)的方法，利用表格和層規(guī)劃網(wǎng)頁(yè)布局（2）掌握在網(wǎng)頁(yè)中添加文本、圖像、Flash動(dòng)畫(huà)等頁(yè)面元素（3）掌握在網(wǎng)頁(yè)中輸入、設(shè)置標(biāo)題和正文文字的方法。（4）掌握在Dreamweaver中建立鏈接（5）綜合運(yùn)用所學(xué)軟件進(jìn)行網(wǎng)頁(yè)材料的準(zhǔn)備要求：掌握網(wǎng)頁(yè)設(shè)計(jì)基本概念和