網頁設計實訓報告大綱

新的世紀，互聯網將進入一個嶄新的階段，信息化的發展帶動其它產業的發展，各行業都將與它進行更深入的融合和滲透。下面是小編收集的網頁設計實訓報告，歡迎參考閱讀!

　　【網頁設計實訓報告1】

1、 預期目標

(1) 通過本次實訓要完成仙劍奇俠傳的網頁製作，包括二級頁面和三級頁面，還要應用一些網頁製作的基本技巧。

(2) 掌握佈局技術，模版應用，CSS樣式，超級鏈接，並運用fireworks做簡單的圖形編輯。

(3) 通過連續時間的實際操作，鞏固對網站的創建、網頁的策劃、設計與製作的理解，加深理解網站、網頁、製作的過程，理解團隊互助共同完成項目的協作精神。

2.關鍵技術及解決途徑：

　　一、關鍵技術：

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

(2)有標題的網站以及有對應自己創意設計製作的Logo圖象、廣告條等圖象;

(3)至少有首頁、二級頁面、三級頁面的層結構;

(4)有框架、有表單;

(5)有自己創作輸入的文字內容並經過排列整理;

(6)Dreamweaver模板技術;

(7)至少採用了樣式表技術;

(8)採用鼠標事件等行爲設置之一;

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

(10)有版權聲明、網站更新日期、創意製作人員。

　　二、解決途徑

根據課堂所學，充分利用相關技術要點，對於不懂的地方問實訓老師。製作完成後，反覆檢查，保證鏈接的正確性。

3.方案設計與實施步驟：

一、方案設計

二、實施步驟(可以包括網站內容)

(1)確定網站內容爲仙劍奇俠傳4,並制定詳細的策劃報告

(2)查找相關資料，製作banner，logo，和相關動畫圖片

(3)小組分工合作，我負責首頁製作，人物介紹，友情鏈接，留言板相關內容。

(4)採用佈局技術設計首頁，然後插入logo，banner美化首頁

(5)應用模版技術製作人物介紹，介紹仙劍4中的重要出場人物，並配上相關圖片和文字，製作了網站相冊，使用了錨記。

(6)友情連接應用了框架，鏈接到百度貼吧，官網等相關網站，並用fireworks製作了相關的logo和banner。

(7)採用表單技術製作留言板。

(8)最後創建CSS樣式，並運用到各個連接上。

(9)個相關頁面之間進行必要的超級鏈接，友情鏈接與相關網站上鍊接。

(10)最後和另一小組成員進行作品彙總，完成相關站點的鏈接

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

4.自我評價

這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得製作過程方便了很多。

在完成基本要求得基礎上，文件夾、文件命名規範;文件存放位置合理;

製作完成之後進行過現場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內容較豐富、自己設計製作的素材應用多;色系、佈局合理美觀、考慮用戶訪問方便;採用各種特效、並且運用合理。

不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導致後面彙總時比較麻煩。

不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以後的應用中，我們會做的更加完美!

　　【網頁設計實訓報告2】

　　一、 實訓意義

網頁設計與製作綜合實訓是教學過程中重要的實踐性教學環節.它是根據專業教學計劃的要求.在教師的指導下對學生進行網頁製作專業技能的訓練,培養學生綜合運用理論知識分析和解決實際問題的能力,實現由理論知識向操作技能的培養過程.因此加強實踐教學環節,搞好實訓教學,對實現本專業的培養目標,提高學生的綜合素質有着重要的作用.

　　二、 實訓目的

1. 通過綜合實訓進一步鞏固,深化和加強學生的理論知識於專業技能。

(1) 掌握規劃網站的內容結構,目錄結構,鏈接結構的方法。

(2) 熟練掌握網頁製作軟件Dreamweaver8和基本操作和使用技能。

(3) 掌握頁面的整體控制和頭部內容設置的方法。

(4) 熟練掌握網頁頁面佈局的各種方法。

(5) 熟練掌握在網頁中輸入,設置標題和正文文字的方法。

(6) 熟練掌握在網頁中插入圖像,Flash動畫和背景音樂的方法。

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

(8) 掌握表單網頁製作方法。

(9) 掌握網頁特效製作方法。

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

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

3. 培養學生運用所學的理論知識和技能解決網站開發過程中所遇到的實際問題的能力及基本工作素質。

4. 培養學生理論聯繫實際的工作作風,嚴肅認真的科學態度以及獨立工作的能力,樹立自信心。

　　三、實訓步驟

1.定義站點

2.設定網頁屬性和文本格式

3.從大到小把結構設計好

4.輸入主要內容並進行排版

5、檢查並保存

　　四、實訓心得

兩週的實訓轉瞬即逝，在這短暫的時間裏，我們在老師的指導和幫助下，對於網頁設計與製作有了進一步的瞭解。

在這兩週內，同學們每天都按時完成老師留下的作業，對於自己以前不理解的東西，通過老師的重新講解、指導和自己的練習，對其有了很好的瞭解;對於我們看不懂的一些內容，通過與同學協商和聽老師的講解來理解並掌握它。在這兩週的實訓裏，我發現了許多自己以前沒有注意到的問題，在flash製作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我瞭解到一些新的東西並對網頁設計與製作有了更深的興趣，如falsh製作與運用、網站的基本製作、超鏈接的設置等;我們對網頁設計與製作方面的知識有了一定的認識，爲我們以後對網站的學習和運用有很大的幫助。

通過實訓，我們把網頁設計與製作中涉及到的理論和實踐更好的結合起來，我對網頁設計與製作這本書有了更深的理解，在flash製作方面有了很大提高，操作能力也得到了增強，使我們瞭解到無論做什麼事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我瞭解到同學之間要相互協作、共同努力。