第四篇：網(wǎng)頁設(shè)計與制作課程設(shè)計

使用所學(xué)知識獨立制作一個網(wǎng)站，網(wǎng)站的主題可以是文學(xué)、音樂、影視、自我介紹（求職）、家鄉(xiāng)介紹等。

1．設(shè)計基本要求

（1）要將站點目錄明確分層，不能將內(nèi)容都放在根目錄下；不要使用中文目錄；為每種類型文件都建立一個獨立的目錄。（例如images、music文件夾，以便于管理）

（2）網(wǎng)頁數(shù)為3頁以上（網(wǎng)頁數(shù)量不足扣分，缺少1張以上視為無效作業(yè) 包括首頁 介紹頁面還有訂購表單頁面首頁必須用index.html命名）

（3）傳站點壓縮文件，壓縮文件命名方式：班級+學(xué)號（兩位班內(nèi)學(xué)號）+姓名。

（4）網(wǎng)頁必須包含內(nèi)容要求：

a)網(wǎng)頁中必須存在以下技術(shù)元素：

① 有表單頁面

② 鼠標(biāo)經(jīng)過圖像（即滾蓋圖）或跳轉(zhuǎn)菜單

③ 框架網(wǎng)頁技術(shù)

④ 層技術(shù)網(wǎng)頁

⑤ 利用行為制作網(wǎng)頁

⑥ 主頁導(dǎo)航欄上最少有5個指向其它頁面的電子鏈接，首頁必須用表格進(jìn)行頁面布局（其它頁面必須使用表格或?qū)樱?/p>

b)主頁下方寫明自己詳細(xì)信息（年級、系別、班級、姓名、聯(lián)系方式）和 網(wǎng)頁更新日期（儲存時自動更新）

（5）網(wǎng)站規(guī)劃書一份（1000字）要求書寫網(wǎng)站的創(chuàng)意設(shè)計，設(shè)計流程以及涉及的技術(shù)，完成的目標(biāo)等。

（6）網(wǎng)站設(shè)計草圖一份 PSD格式

（7）要求制作頁面功能：

2.作業(yè)創(chuàng)意加分：

在完成標(biāo)準(zhǔn)作業(yè)要求的前提下，對作業(yè)有獨創(chuàng)性及設(shè)計美觀的作業(yè)跟據(jù)情況給予加分。方法如下：

（1）思想性、科學(xué)性

主題明確，內(nèi)容積極、健康向上，文字內(nèi)容通順，無錯別字

（2）創(chuàng)造性、藝術(shù)性

素材獲取及其加工屬原創(chuàng)、主題表達(dá)形式新穎，構(gòu)思獨特、巧妙，具有想象力和個性表現(xiàn)力，內(nèi)容、結(jié)構(gòu)設(shè)計合理，完美運用各種形式表現(xiàn)主題

（3）技術(shù)性

選用制作工具和制作技巧恰當(dāng)，導(dǎo)航和鏈接準(zhǔn)確，網(wǎng)頁瀏覽速度快

上交作業(yè)要求：PSD草圖設(shè)計一份、PSD或者AI或CDR所有頁面效果圖一份、做好的網(wǎng)頁打包刻CD、設(shè)計規(guī)劃書一份。

第五篇：網(wǎng)頁設(shè)計教學(xué)大綱

網(wǎng)頁設(shè)計教學(xué)大綱

一、課程性質(zhì)與任務(wù)

1、課程性質(zhì)

《網(wǎng)頁設(shè)計與制作》是中計算機(jī)專業(yè)開設(shè)的一門專業(yè)必修課，是計算機(jī)類專業(yè)的一門實踐環(huán)節(jié)課程，也可以作為其他相關(guān)專業(yè)的實踐課程或選修課，它是一門操作性和實踐性很強(qiáng)的職業(yè)技術(shù)課程。本課程的主要內(nèi)容為系統(tǒng)介紹網(wǎng)頁編輯與制作軟件Dreamweaver cs3，通過這種有代表性的網(wǎng)頁制作軟件的使用，掌握網(wǎng)站設(shè)計的全過程，并能熟練地制作出有專業(yè)水準(zhǔn)的網(wǎng)站。2、課程任務(wù)

本門課程在專業(yè)教學(xué)計劃中起著十分重要的作用，通過這門課程，學(xué)生可以掌握以下技能和知識：

* 掌握網(wǎng)站的開發(fā)流程，如建站規(guī)劃、效果圖制作、建立站點等相關(guān)知識。

* 掌握各種網(wǎng)頁元素在Dreamweaver cs3中的使用。例如表格、文本、圖像、超級鏈接、層和表單等。

* 熟悉一些網(wǎng)頁設(shè)計輔助軟件的功能和使用方法。例如Flash、Fireworks、Photoshop等。* 掌握測試和發(fā)布網(wǎng)站的方法。包括網(wǎng)站測試的內(nèi)容和方法。* 能夠解決一些網(wǎng)頁設(shè)計中的常見問題。

* 了解ASP開發(fā)平臺的搭建，Dreamweaver cs3在動態(tài)網(wǎng)頁制作方面的應(yīng)用。

二、課程教學(xué)目標(biāo)與要求

1、本課程的基本目標(biāo)

（1）使學(xué)生通過本課程的學(xué)習(xí)，掌握Dreamweaver cs3的使用方法，學(xué)會使用Dreamweaver cs3制作Web網(wǎng)頁的技術(shù)。

（2）本課程學(xué)習(xí)結(jié)束后，學(xué)生應(yīng)能自行設(shè)計各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，使學(xué)生通過本課程的學(xué)習(xí)，熟練掌握其基本制作方法和技巧，并最終設(shè)計一個綜合性的網(wǎng)站并且編制簡單的腳本上傳到互聯(lián)網(wǎng)上。

2、課程在知識、素質(zhì)方面的基本要求（1）知識要求

深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網(wǎng)站設(shè)計和發(fā)布的1 流程。理解網(wǎng)站維護(hù)管理的意義及重要性，理解服務(wù)器、客戶端、瀏覽器的概念和作用；了解多種網(wǎng)頁制作軟件和圖像處理軟件相結(jié)合設(shè)計網(wǎng)站的好處。了解Dreamweaver cs3在動態(tài)網(wǎng)站上的應(yīng)用。（2）素質(zhì)要求

本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)： 服務(wù)意識：能夠為他人提供優(yōu)質(zhì)的服務(wù)；

文明法制意識：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；

合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力； 較強(qiáng)的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動態(tài)。

三、教學(xué)內(nèi)容結(jié)構(gòu)

學(xué)生應(yīng)按照《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計指導(dǎo)書》的要求認(rèn)真設(shè)計。教師應(yīng)掌握好課程設(shè)計的總體進(jìn)度，并組織答疑，以保證學(xué)生按時保質(zhì)、保量地完成任務(wù)。學(xué)生最后所完成的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計報告》應(yīng)當(dāng)做到內(nèi)容齊全、條理清楚、文字通暢、打印或書寫規(guī)范。

（1）網(wǎng)站建設(shè)總體策劃

（2）域名注冊與建站方式選擇論證（3）網(wǎng)站總體設(shè)計（4）網(wǎng)站靜態(tài)頁面設(shè)計（5）Web數(shù)據(jù)庫設(shè)計

（6）網(wǎng)站測試、發(fā)布與維護(hù)管理

四、教學(xué)內(nèi)容與要求

第一章

網(wǎng)頁設(shè)計概述：重點講授網(wǎng)站，網(wǎng)頁設(shè)計的概念；了解網(wǎng)頁設(shè)計設(shè)計的相關(guān)概念；了解網(wǎng)頁設(shè)計的語言HTML；掌握學(xué)習(xí)網(wǎng)頁設(shè)計的某一種工具；理解網(wǎng)站和網(wǎng)頁的關(guān)系。

第二章

網(wǎng)頁賞析：初步了解網(wǎng)頁賞析要求；理解網(wǎng)頁賞析的理論要求；掌握網(wǎng)頁突破性設(shè)計的要素；分清各類網(wǎng)站的設(shè)計要求和框架；理解實例分析過程。

第三章

網(wǎng)頁規(guī)劃與布局：了解網(wǎng)頁的組織結(jié)構(gòu)，掌握網(wǎng)頁內(nèi)容上的組織方法；熟悉網(wǎng)頁設(shè)計的流程和注意事項；了解網(wǎng)站的規(guī)劃與建設(shè)；熟悉網(wǎng)站設(shè)計，掌握網(wǎng)站與網(wǎng)頁的區(qū)別。

第四章

網(wǎng)頁設(shè)計創(chuàng)意：通過對創(chuàng)意思維及創(chuàng)意手法的講解，輔以對優(yōu)秀網(wǎng)頁作品的分析，啟發(fā)學(xué)生全面的創(chuàng)新思維，進(jìn)而從多角度的思維中獨樹一幟，培養(yǎng)學(xué)生的個性化意識。讓學(xué)生對優(yōu)秀設(shè)計的創(chuàng)意進(jìn)行解讀和闡釋，并分析其創(chuàng)新之處，鼓勵學(xué)生敢于發(fā)覺新意，提2 出自己獨到的見解。

第五章

網(wǎng)頁編程語言：了解HTML、CSS的定義、概念和作用；理解HTML語言中的各種文本格式、字符格式、段落設(shè)置、列表標(biāo)記的作用；會用HTML語言總的標(biāo)記設(shè)置顏色、文本格式和列表；掌握HTML的語法結(jié)構(gòu)，掌握HTML語言中標(biāo)記的使用方法；理解表格、框架、表單的作用。理解CSS樣式表的作用和意義；掌握CSS樣式表的結(jié)構(gòu)；掌握在網(wǎng)頁中添加CSS的方法。掌握三種添加樣式信息的方法，會使用CSS設(shè)置網(wǎng)頁格式和列表的格式。

第六章

網(wǎng)頁制作工具：

（1）通過教學(xué)，使學(xué)生能夠用基本法和高級法新建站點、編輯站點，掌握如何在站點中新建文件和文件夾，會預(yù)覽網(wǎng)頁。

（2）掌握表格的組成和基本操作方法；熟練掌握穿件表格、表格操作、表格編輯的方法；（3）掌握表單的基本概念和表單的各個組成元素；掌握插入表單以及表單元素的方法；會制作具有表單的網(wǎng)頁。

（4）通過教學(xué)，掌握在動畫中添加聲音的操作方法以及設(shè)置動畫聲音的各種屬性。（5）通過教學(xué)，使學(xué)生掌握導(dǎo)出與發(fā)布Flash動畫的方法，能夠準(zhǔn)確設(shè)置Flash8動畫作品的發(fā)布格式。

第七章

動態(tài)網(wǎng)頁介紹：掌握靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的概念；了解實現(xiàn)動態(tài)網(wǎng)頁的四種技術(shù)（CGI、ASP、JSP和PHP）的特點；掌握數(shù)據(jù)庫、數(shù)據(jù)庫管理系統(tǒng)、Web數(shù)據(jù)庫的概念及關(guān)系數(shù)據(jù)庫的特點；理解數(shù)據(jù)庫在開發(fā)動態(tài)網(wǎng)頁中的地位；了解ASP、JSP、PHP如何訪問Web數(shù)據(jù)庫。

第八章

設(shè)計實例：綜合運用前七章所學(xué)的知識創(chuàng)建和編輯一個站點，掌握主頁和子頁、子頁之間、以及站內(nèi)和站外的鏈接。

五、教學(xué)實施、教學(xué)方法：本課程是一門應(yīng)用型課程，涉及到以前所學(xué)知識點較多，因此在教學(xué)中應(yīng)注意啟發(fā)式教學(xué)并加強(qiáng)項目教學(xué)的直觀性。、教學(xué)場所與設(shè)備要求：安裝有 Windows XP 或 Windows 2000 的機(jī)房均可以進(jìn)行實驗，教學(xué)要求在多媒體教室進(jìn)行。

六、考核與評價方式

有筆試和機(jī)試兩種考試形式，主要由選擇題、實驗操作題組成。在總成績中，筆試成績和上機(jī)考試成績各占50%。