第二篇：網頁制作課程設計報告

網頁制作課程設計報告

一.緒論

1.課程設計的目的、意義

本課程的設計目的是通過實踐使同學們經歷Dreamweaver cs5開發的全過程和受到一次綜合訓練，以便能較全面地理解、掌握和綜合運用所學的知識。結合具體的開發案例，理解并初步掌握運用Dreamweaver cs5可視化開發工具進行網頁開發的方法；了解網頁設計制作過程。通過設計達到掌握網頁設計、制作的技巧。了解和熟悉網頁設計的基礎知識和實現技巧。根據題目的要求，給出網頁設計方案，可以按要求，利用合適圖文素材設計制作符合要求的網頁設計作品。熟練掌握Dreamweaver cs5的的操作和應用。增強動手實踐能力，進一步加強自身綜合素質。2.設計情況的簡介

我做的網站是以動漫世界為主題，內含各種風格和類型的動漫。網站中插入了大量的圖片和鏈接，界面簡單明了。網頁常規技術.素材處理.網頁創意.實用性和推廣性等方面均有所涉及和注意.3.設計原理與規模介紹

主要運用一些基本的網頁制作技術,分三大板塊分級進行闡述主題。規模上，屬于小型和個人興趣類型的網站。二.網站需求分析

本網站符合大眾喜愛動漫的心理。動漫愛好者對于動漫的要求首先要是好看的動漫，其次便是種類多樣的動漫。網站首頁需要做到簡潔明了，針對性強，因為這樣才可以留住顧客以及開發潛在顧客。

三.網站概要設計

網站主頁分為三級頁面。第一級為主頁面，內含網站的各種信息。第二級頁面分大類解釋網站動漫種類信息，第三級頁面就是對于每一部動漫的詳細解釋。另外就是站主介紹，這是網站中雖不重要卻不可缺少的部分。

四.網站詳細設計

網站分國產動漫，最新動漫，經典動漫三個部分。每一部分都有更細的下一級頁面對其進行詳細描述。站中插入大量圖片，在每一部動漫介紹時均有圖片介紹以及鏈接。網站中需要運用的一些常規技術蘊含其中得以體現，比如在頁面中，插入文字、圖片、超級鏈接等技術。另外還需要對文字圖片進行進一步修改，比如字體顏色圖片大小以及背景顏色等等。

五.網站實現與調試

在網站做好之后，我對網站進行整體調試，確保每一級鏈接沒有發生錯誤。不過，卻發現另一個問題，鏈接雖然沒有問題，可是在插入的圖片上添加鏈接時卻把圖片給裂開了。于是只好把超級鏈接改為熱點鏈接。

六.收獲與體會

通過這次網站的制作，我更加熟悉dw的各項功能和操作。對于建站的流程有了了解。對于動漫方面的知識也有所了解。

第三篇：《網頁制作課程設計》任務書

《網頁制作課程設計》任務書

一、課程設計的目的及功能定位：

1.鞏固遠程站點管理的知識和技能； 2.鞏固本地站點管理的知識和技能； 3.鞏固網頁頁面設計的知識和技能； 4.鞏固網頁制作的知識和技能；

5.培養以上知識和技能的綜合應用能力；

二、課程設計總體要求： 1.自己負責作品的保存；

2.課程設計可以獨立完成，也可以合作（不多余3人）； 3.申請免費域名、免費主頁空間，并發布站點；

4.站點設計合理、管理有序、無多余文件和文件夾、大小合適；不要使用媒體（視頻文件）； 5.站點至少要有三層結構，頁面數不得少于5頁；其中一頁必須是留言板； 6.自選主題，主題內容要合法、健康、實用； 7.網頁要有落款、版權說明；

8.分析面向的潛在訪客群體的需求特點，選擇內容和版式； 9.網站主題突出、內容豐富；

10.網站風格統一，設計適合于主題的LOGO；

11.各頁面設計合理、美觀，有創意，適用于各種顯示器的分辨率和顏色； 12.各個頁面之間的鏈接要合理有效； 13.代碼結構清晰，無垃圾代碼

三、課程設計進程表： 1.設計方案：

(1)潛在訪客群體的需求特點：版式和內容的需求；(2)站點目錄結構圖：

(3)色彩方案：主色調、次色調；

(4)布局方案：導航和其他網頁內容的位置；

(5)平面設計圖：使用photoshop繪制網頁平面設計圖； 2.制作網頁：(1)切割圖片；(2)制作動畫；(3)錄入文字；(4)制作網頁；

3.在課程設計的最后一次課上提交課程設計報告和作品。

四、站點結構圖：

五、課程設計評分細則：

項目 指標 分數 3 2 2 2 3 3 2 遠程站點 有效的主頁空間，并上傳站點 5 分 有效的域名

主頁文件名正確

本地 主頁保存位置正確

站點 站點資源組織（目錄結構）合理 42 分 站點中無多余文件和文件夾

站點中平均網頁大小小于 400K 站點至少有三層

頁面數 5 — 8 頁（2*5+1*3）

各頁之間跳轉方便，各子頁均可返回到主頁 沒有無效鏈接

文字內容使用 CSS 樣式表文件控制 合理使用 JavaScript 腳本或行為 合理使用 Js 文件，并含有適當的注釋 各網頁內容合法、健康、實用

內容

網站主題突出、內容豐富 分

各網頁主次分明，文章流暢，內容正確

網站風格統一 LOGO 設計新穎、美觀 網頁布局設計合理、清晰

網頁 色彩搭配合理平面

動靜搭配合理

設計 分 圖像、動畫設計美觀、大方、專業、有創意

導航設計實用美觀 文字清晰、規范

適用于各種顯示器分辨率和顏色 瀏覽速度正常

技術 圖片和動畫能夠正常顯示 12 分 代碼結構清晰，無垃圾代碼

表單使用合理，提交后打開瀏覽留言頁； 考勤（缺勤 2 課時以上不予以評分）

其它 按時提交設計方案報告（課設進行第二天前必須提交，否10 分 則不予以評分）

按時提交課程設計報告（提交報告后評分）

合計 13 2 3 4 2 3 4 2 2 2 5 2 3 3 5 3 2 3 2 3 3 4 4 3 3 105

六、推薦的主題：

1.肇慶學院計算機學院學生成績查詢系統 2.花卉市場 3.理發店 4.洗衣店

5.肇慶學院計算機科學學院學生會 6.肇慶學院飲食服務公司 7.肇慶學院后勤服務中心 8.肇慶學院求職網 9.個人網站

八、參考網站：

1.內蒙古師范大學首頁http://www.tmdps.cn 4.中華手套網http://www.tmdps.cn

第四篇：網頁制作課程設計要求

《網頁設計與制作》課程設計

課程設計是課程教學中的一項重要內容，是完成專業教學計劃，達到教學目標的重要環節，課程設計是通過真實工作任務或產品設計等綜合性較強的實例而進行的實踐環節，它對幫助學生全面掌握課堂教學內容，培養學生實踐和實際動手能力，培養團隊協作，人際交往等素質的提高具有很重要的意義，《網頁設計與制作》是一門實用性和實踐性都很強的課程，課程設計應占有更重要的地位。

一、課程設計任務

培養學生計算機操作的能力和用計算機設計網頁的基本技能，使學生具備分析問題、用編程思維解決問題的能力，達到計算機初級網頁設計員的水平，使學生養成既善于獨立思考，又樂于與人溝通、具備團隊合作意識的職業素質。

二、課程設計目的課程設計總的目的在于加深對網頁設計與制作的基本知識的理解，網頁設計與制作技能綜合運用和提高，通過真實工作任務，使學生能設計出有一定水平的網頁并解決培養解決實際問題的能力，掌握實際網頁設計與制作開發流程和開發方法。

具體的課程設計應達到以下目的：

1．提高學生在實際操作中收集信息，對信息進行價值判斷，進行信息整理、加工的能力。

2．在實際的項目任務中培養網頁設計方面的素養。

3．在實際的項目任務中使學生網頁編程和制作的能力得到提高。

4．培養學生團隊協作和人際交往方面的能力。

5.培養相關知識和技能的綜合應用能力。

三、課程設計的要求

《網頁設計與制作》的課程設計課題選擇應從實際出發。具體要求如下：

1.網頁的選題可以是個人網站、班級網站，也可以自選主題。

2.站點設計合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規范，存放位置要正確，主頁文件名應該使用index或default等。其他文件或文件名命名也要規范，不使用漢字或帶有空格的名稱。最好是符合各種系統命名規則。

3.要使用到本書所介紹的各種技術及網頁元素。

4.自選主題，主題內容要合法、健康、實用。

5.網站主題突出、內容豐富；

6.網站與網頁風格應該協調一致，網站結構應層次分明，內容重點突出，頁面設計要符合追求色彩的搭配、布局和合理性，以及要有一定的創意。

四、課程設計報告要求

1.要有封面（格式無特殊要求，注明專業、年級、班級、姓名、學號等信息）

2.分章節解釋并指出本人所做的網頁包括哪幾部分，每部分用到什么元素及技術。

五、源碼及報告提交

1.將源碼打包，打包文件名為：專業+年級+班級+姓名+學號。并發送到：cbfcourse@126.com

例：包裝工程09（1）王小二3109009999.rar

2.課程設計報告需交打印版，于第八周三（4月20日）晚上交到教3-303。2

第五篇：網頁設計與制作課程設計

一、設計目的

通過一個月的網頁設計學習，設計一個簡單的網站來檢測自己的學習成果，看看哪些東西還沒有掌握，需要進一步的去鞏固！網頁的設計區別于實體化的一些東西，其多為多媒體的存在，意味著它可以容納更多的信息以及更多的展示形式，網頁設計則要求設計者具備一些特殊技能以營造特定瀏覽情景。網頁設計可以在短時間內增強我們的洞察力以更好察覺使用者的興趣點，只有這樣才能滿足他們的需要。

二、設計要求

運用所學的知識設計一個簡單的網站，類型不限

三、需求分析

網頁設計是將技術性與藝術性融為一體的創造性活動。網頁設計是以功能行為第一指導原則，以技術因素為主要考慮對象，以完成或實現必要的功能為目標。近幾年隨著網絡的發展而逐漸受到人們的重視，它本身已網絡為載體，把各種信息以快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產生了審

美需求和功能需求等。人們對美的追求是不斷深入的，網頁設計同樣如此。如何使受眾能更好的和有效率地接受網頁上的信息，這就需要從審美方面入手。網頁設計的審美需求是對視覺設計美學的一種繼承和延伸，兩者的表現形式和目的都有一定的相似性。

網頁設計的主題為我的籃球網，它是我根據自己的興趣做出來的網站，內容非常簡單，但卻富有深意！它融合了當今大多數青少年朋友的興趣愛好，可以說是一個大眾化的網站！

四、制作過程的內容及結果

1、網站目錄

打開dreamweaver cs4，建立站點，放到F盤里，在目錄下有images(包括圖片、flash)、scripts、shipin、web（建立的網站）文件夾。如下圖示：

2、我的籃球網（首頁）

主要代碼：