第一篇：網頁設計實訓報告

實訓報告

題 目： 實訓課程名稱： 網頁設計 系 別： 專業 / 班級： 年 級： 學 號： 姓 名： 指 導 老 師：

2018年4月27日

目 錄 實訓目的......................................................................................................................................................................1 2 實訓內容......................................................................................................................................................................1

2.1準備工作............................................................................................................................................................2 2.2使用的技術........................................................................................................................................................2 2.3設計制作要求....................................................................................................................................................2 3 方案設計與實施步驟..................................................................................................................................................2 4 實訓中出現的問題、分析及解決方法......................................................................................................................3

5.2日志....................................................................................................................................................................4 5.3 教程視頻...........................................................................................................................................................4 6 實訓總結......................................................................................................................................................................5 實訓目的

通過綜合實訓進一步鞏固，深化和拓展學生的理論知識與專業技能。(1)掌握規劃網站的內容結構，目錄結構,鏈接結構的方法。(2)掌握頁面的整體控制和頭部內容設置的方法。(3)熟練掌握網頁頁面布局的各種方法。

(4)熟練掌握在網頁中輸入,設置標題和正文文字的方法。(5)熟練掌握在網頁中插入圖象,flash動畫和背景音樂的方法。(6)熟練建立各種形式的超級鏈接的方法。(7)掌握表單網頁制作方法。(8)掌握網頁特效制作方法。(9)掌握網站測試的方法。實訓內容

1．網站主題要求

結合個人工作需要及興趣愛好，獨立完成主題的選擇。

2．網站內容要求

網站不少于2級，頁面總數不少于10個；內容和素材避免雷同。

3．設計制作要求 設計靜態網站(HTML頁面)； 站點文件、文件夾的命名與組織要求規范；

每個網頁要求有標題； 網頁要求整合多種媒體（音頻、視頻、動畫、圖片、文字等）；

要求有CSS的設計和使用； 要求網站無錯誤鏈接；

2.1準備工作 前期做好網頁的規劃，設計好image view vied css 等目錄，做好不混亂易于維護 2.2使用的技術 html css html5 2.3設計制作要求

網頁內容有內涵，圖文并麻，跳轉無問題，配合csss 進行開發，千

萬規劃好項目的架構，易于維護。在網頁中有圖片，有視頻，有圖片，有動畫。方案設計與實施步驟

1、網站主題

我的網站的主旨在于從各個方面全面的介紹我自己，展示自己，包括我的個人資料、愛好。建立一個展示自我形象的平臺。同時，網站里的每一個網頁都有統一的風格，每一個網頁的主題色彩都是淺灰色，用以展示自己性格的效果。最重要的是做出自己的風格，給瀏覽者好的欣賞感受。

2、網站材料

主要在網站上搜集所要的網頁信息，包括圖片、文字、相關的新聞。同時，查詢相關的書籍、百度和素材光盤等方式收集所需的文字資料,圖象資料,flash動畫和網頁特效等，用以得來更加具有說服力的頁面。要想做好自己的網站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。精選自己收集的材料，作為自己制作網頁的素材，這樣就可以做好一個好的網站

3、網站規劃

我的網站共有4個主頁面：首頁、日志、視頻教程、留言。實訓中出現的問題、分析及解決方法

在實訓中經常出現 樣式重復用，未避免冗余，提取公共樣式。5 實訓作品展示

5.1首頁

清晰的導航條，右邊是音頻播放 并且帶上專輯圖片

5.2日志

簡單清晰的各人日志，主要寫了對技術的了解，左上角有個返回按鈕 便于用戶操作

5.3 教程視頻

點擊會出現視頻，左上角同樣有個便于客戶操作的返回按鈕實訓總結

首先我非常感謝學校給了我這次制作網頁的機會，通過這次實訓，我學到了很多有價值的東西。我獨立的完成了網站設計的全過程，把設計中散亂的網頁鏈接成框架體系，使平時學到的知識點有了很高的提高，并且合理的在試驗中進行了實踐。在這次實驗的過程中，我搜集了大量的素材和網頁設計的技術技巧方面的書，擴大了知識面，給我在以后的設計過程中能博采眾長，制作出好的網頁打下了基礎我現在已經掌握文檔排版標記的使用熟練使用及其屬性設置、特殊符號；我現在已經熟練使用超級鏈接，合理使用列表；我現在已經掌握圖片標記及相關屬性的使用、了解表格標記制作表格的方法。最后，我感受最深的是：要想做好一個網站，素材和技能都十分重要。好的素材需要多方查找資料，可以從圖書、網站和新聞上查找。好的技能需要不斷的實踐，經常鍛煉做網頁。如果擁有好的素材和精湛的技能就可以做出精湛的網頁。

第二篇：網頁設計實訓報告

天津電子信息職業技術學院 暨國家示范性軟件職業技術學院

網頁制作實訓報告

姓名：系別：專業：班級：指導教師：完成時間：2012 年 6 月 1日

第三篇：網頁設計實訓報告

重慶科創職業學院

《靜態網站建設》 實 訓 報 告

題目：

專業：班級：學號：姓名：成績：指導教師：

完成日期：年月日

目錄

一、課程設計目的....................1

二、課程設計題目描述和要求.....................1

三、課程設計報告內容...................1

3.1總體功能介紹...............................1

3.2總體框架結構設計..............................2

3.3頁面設計.........................2

3.4總體測試與發布...........................2

四、結論......................2

五、結束語.........................3

六、主要參考資料....................3一、課程設計目的本課程是一門計算機科學與技術及相關專業實踐性環節。以HTML和CSS為基礎，全面介紹與網頁設計制作有關的知識，向學生闡明Web基本工作機制，并使學生具有一般網頁制作的能力。與此同時，通過對Web頁制作技術和制作工具的學習，使學生對網頁設計中所涉及的相關知識有一個全面的了解。通過本課程的學習，使學生全面了解網站建設與網頁設計的基本概念、基本理論及業務運作模式，了解網站建設與網頁設計的特點及工作過程，掌握網站的建立及網頁設計制作的方法，能夠完成一般性網站的建設，因此要求利用網頁設計方法，設計一個網站，提高綜合應用所學知識的能力，積累 Web 程序的編程經驗，提高編程與調試能力，培養獨立學習、吸取他人的經驗、探討技術的習慣和團隊協作能力。

二、課程設計題目描述和要求

每個設計人員設計制作利用DIV+CSS網頁布局方法制作的任意類型的網站（主題不限），制作網站所需的相關文字資料、圖片資料等可以到相關類型的網站上進行采集或自行采集。

要求：根據上面指定的網站開發項目內容進行開發設計，網站欄目設置、網站要表達的具體內容和網站的風格根據小組確定的課題進行設計；要求根據網站設計規范和常用網制作頁技術進行設計；設計的網站要求結構合理，版面美觀大方，顏色合理，風格一致，并運用適當的動態網頁技術進行修飾。

三、課程設計報告內容

3.1總體功能介紹

制作該網站的時代背景？該網站主要的功能是什么？可以實現哪些用途？主要使用的技術是什么？利用了哪些語言實現哪些效果……

3.2總體框架結構設計

該網站有多少個模塊？層次關系是什么樣子的？并且可以繪制一個流程圖來進行進一步說明。

3.3頁面設計

3.3.1首頁（頁面、設計思路、主要代碼）

1．進行截圖；

2．對設計思路進行說明。

3．將主要代碼復制粘貼。

3.3.2各子頁（頁面、設計思路、主要代碼）

1．進行截圖；

2．對設計思路進行說明。

3．將主要代碼復制粘貼。

3.4總體測試與發布

使用的測試方法是什么？

測試中遇到的問題以及解決的方法。

四、結論

寫法要求：

1、概括地說明所進行工作的情況和價值，分析其優點和特色，指出創新所在，性能達到何種水平，并應指出其中存在的問題和今后的改進方向，特別是對工作中遇到的重要問題要著重指出，并提出自己的見解。篇幅不宜過長。

2、結論要簡單、明確。在措辭上應嚴密，容易被人領會。應實事求是地介紹自己的工作成果，忌言過其實，在無充分把握時，應留有余地。

五、結束語

要求：在文章結尾處，通常以簡短的文字，對設計過程中自己的收獲，及工作過程中曾給自己以直接幫助的人員，例如指導老師、答疑老師及其他人員，表示自己的謝意。這不僅是一種禮貌，也是對他人勞動的尊重，是治學者應有的品質。

六、主要參考資料

[1]吳東偉等，《網頁設計三劍客》，北京，清華大學出版社，2004年

[2]李宏，張敏，《網頁設計與制作》，北京，化學工業出版社，2006年

[3]李桂杰，《網頁設計與制作》，大連，大連理工大學出版社，2008年

[4]李英俊，《網頁設計與制作》，大連，大連理工大學出版社，2010年

…………………………………………………………………………..(要求:五號字，宋體，1.5倍行距。按作者、書名、出版社、地點、出版時間格式逐一列出，中間用逗號格開)

第四篇：網頁設計實訓報告

《網頁設計與制作》實訓報告

實訓題目:

專業:

班級：

學號:

姓名：

實訓時間：

實訓地點：

指導教師:

一、實訓目的二、實訓環境(軟、硬件環境)

三、實訓內容及相關技術

(具體的設計步驟及所使用的關鍵技術，要求附有圖表說明)

四、實訓結果及分析

五、實訓收獲、體會和問題

第五篇：《網頁設計》實訓報告

溫州科技職業學院信息技術系

《網頁設計》實訓報告

班級：數字媒體12-2班

學號:120309215指導教師：李余黨

姓名:李敏梓

一、實訓目的與要求

通過實訓使學生能夠更進一步的領會網站建設和網頁設計的基本知識，熟悉和掌握網站建設的基本流程和注意事項，熟練運用常用的網頁制作和設計工具的使用，熟練掌握DIV+CSS網頁布局設計技術,希望通過對網站的規劃與設計來培養學生綜合運用所學知識來建立網站的能力，掌握相關網頁制作軟件，為今后從事網站規劃、設計和開發工作打下基礎。

二.實訓內容

制作好心情科技網頁，要求該網站能基本滿足該類型企業的某些需求能展示公司或產品的相關信息、宣傳企業形象與產品性能。網站設計和開發過程中，可以采用網絡素材，技術以靜態為主，積極支持和鼓勵使用動態技術

三.實訓過程中出現的主要問題和解決辦法

主要問題：在網頁創作中，網站主頁分布不規范，解決問題：利用div根據網頁所需的內容 創建大致網站的框架，使之網頁美觀，干凈，整潔