新的世紀(jì)，互聯(lián)網(wǎng)將進(jìn)入一個嶄新的階段，信息化的發(fā)展帶動其它產(chǎn)業(yè)的發(fā)展，各行業(yè)都將與它進(jìn)行更深入的融合和滲透。下面是小編收集的網(wǎng)頁設(shè)計實訓(xùn)報告，歡迎參考閱讀!

　　【網(wǎng)頁設(shè)計實訓(xùn)報告1】

　　1、 預(yù)期目標(biāo)

　　(1) 通過本次實訓(xùn)要完成仙劍奇?zhèn)b傳的網(wǎng)頁制作，包括二級頁面和三級頁面，還要應(yīng)用一些網(wǎng)頁制作的基本技巧。

　　(2) 掌握布局技術(shù)，模版應(yīng)用，CSS樣式，超級鏈接，并運用fireworks做簡單的圖形編輯。

　　(3) 通過連續(xù)時間的實際操作，鞏固對網(wǎng)站的創(chuàng)建、網(wǎng)頁的策劃、設(shè)計與制作的理解，加深理解網(wǎng)站、網(wǎng)頁、制作的過程，理解團(tuán)隊互助共同完成項目的協(xié)作精神。

　　2.關(guān)鍵技術(shù)及解決途徑：

　　一、關(guān)鍵技術(shù)：

　　(1)有完整的策劃報告(電子版)，實際內(nèi)容有改動不受影響;

　　(2)有標(biāo)題的網(wǎng)站以及有對應(yīng)自己創(chuàng)意設(shè)計制作的Logo圖象、廣告條等圖象;

　　(3)至少有首頁、二級頁面、三級頁面的層結(jié)構(gòu);

　　(4)有框架、有表單;

　　(5)有自己創(chuàng)作輸入的文字內(nèi)容并經(jīng)過排列整理;

　　(6)Dreamweaver模板技術(shù);

　　(7)至少采用了樣式表技術(shù);

　　(8)采用鼠標(biāo)事件等行為設(shè)置之一;

　　(9)不允許出現(xiàn)超級鏈接錯誤!

　　(10)有版權(quán)聲明、網(wǎng)站更新日期、創(chuàng)意制作人員。

　　二、解決途徑

　　根據(jù)課堂所學(xué)，充分利用相關(guān)技術(shù)要點，對于不懂的地方問實訓(xùn)老師。制作完成后，反復(fù)檢查，保證鏈接的正確性。

　　3.方案設(shè)計與實施步驟：

　　一、方案設(shè)計

　　二、實施步驟(可以包括網(wǎng)站內(nèi)容)

　　(1)確定網(wǎng)站內(nèi)容為仙劍奇?zhèn)b傳4,并制定詳細(xì)的策劃報告

　　(2)查找相關(guān)資料，制作banner，logo，和相關(guān)動畫圖片

　　(3)小組分工合作，我負(fù)責(zé)首頁制作，人物介紹，友情鏈接，留言板相關(guān)內(nèi)容。

　　(4)采用布局技術(shù)設(shè)計首頁，然后插入logo，banner美化首頁

　　(5)應(yīng)用模版技術(shù)制作人物介紹，介紹仙劍4中的重要出場人物，并配上相關(guān)圖片和文字，制作了網(wǎng)站相冊，使用了錨記。

　　(6)友情連接應(yīng)用了框架，鏈接到百度貼吧，官網(wǎng)等相關(guān)網(wǎng)站，并用fireworks制作了相關(guān)的logo和banner。

　　(7)采用表單技術(shù)制作留言板。

　　(8)最后創(chuàng)建CSS樣式，并運用到各個連接上。

　　(9)個相關(guān)頁面之間進(jìn)行必要的超級鏈接，友情鏈接與相關(guān)網(wǎng)站上鏈接。

　　(10)最后和另一小組成員進(jìn)行作品匯總，完成相關(guān)站點的鏈接

　　(11)檢查鏈接，清除多余文件和圖片

　　4.自我評價

　　這次實訓(xùn)充分利用了課堂所學(xué)，掌握了許多關(guān)鍵技術(shù)，例如模版技術(shù)，CSS樣式，使得制作過程方便了很多。

　　在完成基本要求得基礎(chǔ)上，文件夾、文件命名規(guī)范;文件存放位置合理;

　　制作完成之后進(jìn)行過現(xiàn)場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內(nèi)容較豐富、自己設(shè)計制作的素材應(yīng)用多;色系、布局合理美觀、考慮用戶訪問方便;采用各種特效、并且運用合理。

　　不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導(dǎo)致后面匯總時比較麻煩。

　　不過總的來說，對這次的作品相當(dāng)滿意，不僅選擇了我們自己喜歡的內(nèi)容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關(guān)技術(shù)上的不足，通過學(xué)習(xí)，知道了如何改進(jìn)我們的缺點，相信在以后的應(yīng)用中，我們會做的更加完美!

　　【網(wǎng)頁設(shè)計實訓(xùn)報告2】

　　一、 實訓(xùn)意義

　　網(wǎng)頁設(shè)計與制作綜合實訓(xùn)是教學(xué)過程中重要的實踐性教學(xué)環(huán)節(jié).它是根據(jù)專業(yè)教學(xué)計劃的要求.在教師的指導(dǎo)下對學(xué)生進(jìn)行網(wǎng)頁制作專業(yè)技能的訓(xùn)練,培養(yǎng)學(xué)生綜合運用理論知識分析和解決實際問題的能力,實現(xiàn)由理論知識向操作技能的培養(yǎng)過程.因此加強(qiáng)實踐教學(xué)環(huán)節(jié),搞好實訓(xùn)教學(xué),對實現(xiàn)本專業(yè)的培養(yǎng)目標(biāo),提高學(xué)生的綜合素質(zhì)有著重要的作用.

　　二、 實訓(xùn)目的

　　1. 通過綜合實訓(xùn)進(jìn)一步鞏固,深化和加強(qiáng)學(xué)生的理論知識于專業(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動畫和背景音樂的方法。

　　(7) 熟練建立各種形式的超級鏈接的方法。

　　(8) 掌握表單網(wǎng)頁制作方法。

　　(9) 掌握網(wǎng)頁特效制作方法。

　　(10) 掌握網(wǎng)站測試的方法。

　　2. 訓(xùn)練和培養(yǎng)學(xué)生獲取信息和處理信息的能力,充分培養(yǎng)和提高學(xué)生的動手能力,學(xué)會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、Flash動畫和網(wǎng)頁特效等。

　　3. 培養(yǎng)學(xué)生運用所學(xué)的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及基本工作素質(zhì)。

　　4. 培養(yǎng)學(xué)生理論聯(lián)系實際的工作作風(fēng),嚴(yán)肅認(rèn)真的科學(xué)態(tài)度以及獨立工作的能力,樹立自信心。

　　三、實訓(xùn)步驟

　　1.定義站點

　　2.設(shè)定網(wǎng)頁屬性和文本格式

　　3.從大到小把結(jié)構(gòu)設(shè)計好

　　4.輸入主要內(nèi)容并進(jìn)行排版

　　5、檢查并保存

　　四、實訓(xùn)心得

　　兩周的實訓(xùn)轉(zhuǎn)瞬即逝，在這短暫的時間里，我們在老師的指導(dǎo)和幫助下，對于網(wǎng)頁設(shè)計與制作有了進(jìn)一步的了解。

　　在這兩周內(nèi)，同學(xué)們每天都按時完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導(dǎo)和自己的練習(xí)，對其有了很好的了解;對于我們看不懂的一些內(nèi)容，通過與同學(xué)協(xié)商和聽老師的講解來理解并掌握它。在這兩周的實訓(xùn)里，我發(fā)現(xiàn)了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學(xué)的幫助，我了解到一些新的東西并對網(wǎng)頁設(shè)計與制作有了更深的興趣，如falsh制作與運用、網(wǎng)站的基本制作、超鏈接的設(shè)置等;我們對網(wǎng)頁設(shè)計與制作方面的知識有了一定的認(rèn)識，為我們以后對網(wǎng)站的學(xué)習(xí)和運用有很大的幫助。

　　通過實訓(xùn)，我們把網(wǎng)頁設(shè)計與制作中涉及到的理論和實踐更好的結(jié)合起來，我對網(wǎng)頁設(shè)計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強(qiáng)，使我們了解到無論做什么事都要有足夠的耐心，還要認(rèn)真細(xì)心。在做題時要對自己做過得東西進(jìn)行仔細(xì)的檢查，同時也使我了解到同學(xué)之間要相互協(xié)作、共同努力。