網頁設計課程培訓報告

實際上，網頁設計本身一直在逐步的轉變和調整，這也使得我們所用的工具和服務也逐步隨之轉變。那麼，網頁設計課程培訓報告怎麼寫？以下是小編整理的網頁設計課程培訓報告，歡迎來閲讀!

　　1 前言

　　1.1課題背景

中國的傳統節日形式多樣，內容豐富，是我們中華民族悠久的歷史文化的一個組成部分。傳統節日的形成過程，是一個民族或國家的歷史文化長期積澱凝聚的過程，下面列舉的這些節日，無一不是從遠古發展過來的，從這些流傳至今的節日風俗裏，還可以清晰地看到古代人民社會生活的精彩畫面。中國的傳統節日形式多樣，內容豐富，是中華民族悠久的歷史文化的一個組成部分。傳統節日的形成過程，是一個民族或國家的歷史文化長期積澱凝聚的過程，中國傳統節日無一不是從遠古發展過來的，從這些流傳至今的節日風俗裏，還可以清晰地看到古代人民社會生活的精彩畫面。中國傳統節日頻道將全面介紹中華傳統節日，延續中國節日傳值得一提的是，在漫長的歷史長河中，歷代的文人雅士、詩人墨客，為一個個節日譜寫了許多千古名篇，這些詩文膾炙人口，被廣為傳頌，使我國的傳統節日滲透出深厚的文化底藴，精彩浪漫，大俗中透着大雅，雅俗共賞。這裏所介紹只是漢民族的一些較大的傳統節日，我國是個多民族的國家，各民族都有自己的文化習俗，眾多的民族節日，是一份有待挖掘的文化寶藏。

　　1.2開發工具

以Dreameweaver CS4為主要製作工具，Photoshop處理相關素材。 計算機及操作系統：WindowsXP 或Windows7;運行環境: 裝有Dreameweaver CS4 的系統 1.3 Dreameweaver CS4 Dreamweaver CS4即為Dreamweaver的CS4版本，Dreamweaver是美國MACROMEDIA公司開發(後被Adobe公司收購)的集網頁製作和管理網站於一身的所見即所得網頁編輯器，它是一套針對專業網頁設計師特別是發展的視覺化網頁開發工具，利用它可以輕而易舉的製作出跨平台限制和跨越瀏覽器限制的充滿動感的頁面。作為突出的可視化網頁編輯軟件，它具有靈活編寫網頁的特點、可視化編輯界面、強大的web站點管理功能、具有集成特點、豐富的媒體支持能力和超強的擴展能力。

　　2 課程設計題目

　　中國傳統文化節日

用現代語言把中國傳統文化的內涵表達出來，使人們真正的理解中國傳統文化，這並不是我有什麼能耐，而是中國傳統文化中本來就包涵的本質。再者，這也是人類歷史發展到今天的必然的產物，因為大家都有文化了，語言也表述能力也加強了;第三、科學已經很發達了，我可以藉助科學上的發現和科學語言，對其理論體系進行系統細緻地表述，這樣就更有説服力與感染力。

　　3 需求分析

隨着互聯網的飛速發展，人類正進入一個前所未有的信息化社會。互聯網已經成為世界上覆蓋面最廣、規模最大、信息資源最豐富的計算機信息網絡，它不僅給人們提供了一個全新的獲取信息的手段，正在逐步改變我們的生活、學習和工作方式。作為互聯網的主要組成部分，網頁和網站得到了極為廣泛的應用，企業、公司和機構通過網站能夠宣傳自己的技術和產品，個人通過主頁展示自己的風采，我們可以從不同的網站獲取需求的信息，掌握網頁製作和網站建設技術成為了我們的需求。因此由於我國文化節日眾多，我們學習製作了有關於中國傳統文化節日的這個網站，以期可以使更多的人可以進一步瞭解我國的節日文化。

　　3.1網頁設計目標

網頁設計滿足以下原則：

(1)實用性原則;能夠真正的為網民提供一個比較全面的介紹中國傳統文化節日，更進一步的瞭解我國的傳統節日。

(2)多樣性原則;製作的網頁不僅包涵一些介紹，還應有相應的多媒體元素讓網民更直觀的全面的瞭解。

(3)簡潔性原則;製作的網頁要層次分明，不能有太多宂餘內容，各網頁之間要添加相應的鏈接網頁設計課程培訓報告網頁設計課程培訓報告。

3.2網頁需求

根據現在我國傳統節日漸漸的受到外國的節日衝擊，尤其是對年輕的一代影響更大，為了我國年輕一代對傳統節日比較有個全面的瞭解，網頁設計中概述了我國一些傳統節日的起源、習俗、故事、養生、詩歌等內容。

網站有一箇中國傳統節日的主頁，共有八個頁面不同節日的分頁面構成，春節網頁、元宵節網頁、清明節網頁、端午節網頁、七夕節網頁、中秋節網頁、重陽節網頁、冬至網頁以及其他的一些子網頁構成。

　　4 網頁設計方案

4.1 框架設計

1.草圖的設計，瀏覽了各大環保網站後,我已在心中確定了我的環保網站的大體佈局,併成功的建立網站草圖。

2.佈局的規劃，第一步新建“HTML” 在新建的空白網頁的”工具欄”選項卡中選中”佈局”由於在網頁中”層”不好固定位置,所以我選用表格佈局,進入佈局模式選用”繪製佈局單元格”在空白網頁中根據先前設計的個人網站草圖繪出網頁的框架. 根據個人網站顯示的需要更改表格佈局的屬性值, 最後成功完成了網站主頁的佈局設計,並根據需要調整好頁面的佈局表格屬性值。

4.2 排版設計

一個好的網頁，首先要有一個好看的主頁，給人良好的第一印象，所以要精心設計自己網頁的這一“門面”。主頁的設計首先涉及到的是頁面的版面編排問題(一般有表格、框架、樣式表等)。主頁作為一種版面，既有文字，又有圖片。文字有大有小，還有標題和正文之分;圖片也有大小，而且有橫有豎之別。圖片和文字都需要同時展示給觀眾，總不能簡單地羅列在一個頁面上，這樣往往會搞得雜亂無章。因此必須根據內容的需要，將這些圖片和文字按照一定的'次序進行合理的編排和佈局，使它們組成一轉載請保留此鏈接!。若拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裏，是需要點、線、面的共同組合與搭配來構造整個頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反覆、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。 造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。

1、主次分明，中心突出。在一個頁面上，必然考慮視覺的中心，這個中心一般在屏幕的中央，或者在中間偏上的部位。因此，一些重要的文章和圖片一般可以安排在這個部位，在視覺中心以外的地方就可以安排那些稍微次要的內容，這樣在頁面上就突出了重點，做到了主次有別。

2、大小搭配，相互呼應。較長的文章或標題，不要編排在一起，要有一定的距離，同樣，較短的文章，也不能編排在一起。對待圖片的安排也是這樣，要互相錯開，造成大小之間有一定的間隔，這樣可以使頁面錯落有致，避免重心的偏離。

3、圖文並茂，相得益彰。可以選擇一幅適合表現主題的好圖片作為主頁背景，以增強吸引力。文字和圖片具有一種相互補充的視覺關係，頁面上文字太多，就顯得沉悶，缺乏生氣。頁面上圖片太多，缺少文字，必然就會減少頁面的信息容量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又使主頁有豐富的內容網頁設計課程培訓報告網頁程序設計。還可以在自己的主頁設計主題詞——簡短的幾句“廣告宣傳語”，可以是自我介紹，也可以是網頁主題説明，還可以是一首抒情小詩„„可以隨意設計，適當符合圖片就行。

　　5 設計總結

我主要做了春節、元宵節、清明節、端午節、七夕節、中秋節、重陽節和冬至節的網頁以及裏面的子網頁部分，共四十個頁面。這次課程設計是我第一次做網頁，很多方面做的不是很專業，還有好多要學習的地方和不足的地方。通過這次網頁設計，明白了一些內容

堅持原創：剛開始學做主頁時，適當模仿別人的優秀設計是可取的，但模仿絕不等同於抄襲，一定要把握好其中的尺度。設計是這樣，內容的選取也是如此，多一些原創的內容，主頁才會帶有更多的個性色彩。先為站點定義好統一的外部CSS，內部頁面都調用這個CSS，這樣不但可以讓的網頁在瀏覽器改變設置時不變形，還有助於保持整個站點的風格統一，並且方便修改。網頁課程設計它不僅為學習者提供了豐富的學習資源，還為學習者提供了功能強大的協作平台和專題研討區，為學習者開展協作學習、交流和探討相關問題、展示自己的學習成果提供了良好的舞台，通過教學實踐分析可得出“中國傳統文化節日”專題網站教學對能力提高，知識獲取，合作情況、學習態度，任務完成，環保知識、環保意識，環保行為等方面都取得了良好的效果。信息技術與課程整合中“整合”的實質與落腳點是變革傳統的教學結構，創建新型的、既能發揮教師主導作用又能充分體現學生主體地位的以“自主、探究、合作”為特徵的教與學方式，落實創新精神與實踐能力培養的目標。