第一篇：網(wǎng)頁界面構(gòu)圖與設(shè)計(jì)教學(xué)大綱

《網(wǎng)頁界面構(gòu)圖與設(shè)計(jì)》教學(xué)大綱

課程名稱：網(wǎng)頁界面構(gòu)圖與設(shè)計(jì) 課程編號:0651232070 課程性質(zhì)：獨(dú)立設(shè)課 課程屬性:必修課

課程總學(xué)時(shí)：2周學(xué)分：2 實(shí)驗(yàn)學(xué)時(shí)：20 實(shí)驗(yàn)課學(xué)分：1.5 面向?qū)I(yè)：藝術(shù)設(shè)計(jì)（網(wǎng)絡(luò)視覺設(shè)計(jì)方向）教研室名稱：視覺傳達(dá)教研室 應(yīng)開實(shí)驗(yàn)項(xiàng)目數(shù)：5

一、課程說明

網(wǎng)頁界面設(shè)計(jì)是將技術(shù)性與藝術(shù)性融為一體的創(chuàng)造性活動(dòng)。網(wǎng)頁設(shè)計(jì)是以功能性為第一指導(dǎo)原則，以技術(shù)因素為主要考慮對象，以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。以字符組成的界面可以起到基本的信息傳達(dá)作用，同時(shí)技術(shù)要求相對較低，易于實(shí)現(xiàn)，并且有較好的穩(wěn)定性，故而這種形式的界面在很長一段時(shí)間內(nèi)是人機(jī)交流的主要形式。

二、課程教學(xué)要求

網(wǎng)頁界面設(shè)計(jì)課程的教學(xué)目的和任務(wù)主要有兩個(gè)方面：一方面本課程通過對網(wǎng)頁用戶界面設(shè)計(jì)中的信息傳達(dá)、視覺符號的應(yīng)用等專業(yè)知識的講授，讓學(xué)生能掌握網(wǎng)頁設(shè)計(jì)中相關(guān)的設(shè)計(jì)思維與視覺表現(xiàn)方面的知識，讓學(xué)生把網(wǎng)站中要傳達(dá)的信息通過數(shù)碼交互媒體的手段展現(xiàn)出來。另一方面通過對相關(guān)設(shè)計(jì)軟件的使用進(jìn)行課堂講解與練習(xí)，使學(xué)生能夠掌握相關(guān)軟件操作的基本知識，并能夠通過靈活應(yīng)用課堂知識處理一些在實(shí)際項(xiàng)目中遇到的技術(shù)困難。

要求學(xué)生掌握基本內(nèi)容為： 第一章 網(wǎng)絡(luò)基礎(chǔ) 1.網(wǎng)絡(luò) 2.網(wǎng)絡(luò)原理

3.網(wǎng)絡(luò)設(shè)計(jì)作品的上傳、下載和展示 4.網(wǎng)頁 5.網(wǎng)站

第二章 網(wǎng)絡(luò)藝術(shù)設(shè)計(jì) 1.網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)基礎(chǔ) 2.網(wǎng)頁設(shè)計(jì) 3.網(wǎng)站設(shè)計(jì) 4.網(wǎng)絡(luò)其他設(shè)計(jì)

第三章 網(wǎng)絡(luò)設(shè)計(jì)特色分析 1.瀏覽人群分析 2.網(wǎng)絡(luò)交互藝術(shù) 3.西方網(wǎng)絡(luò)藝術(shù)

4.網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)現(xiàn)狀分析 5.網(wǎng)站特色設(shè)計(jì) 本課程的教學(xué)方法為：

1.重方法引導(dǎo)、重設(shè)計(jì)原理、重思維創(chuàng)意。2.把理論和實(shí)踐練習(xí)相結(jié)合來掌握知識。3.通過專題訓(xùn)練和分組討論來鞏固提高知識。

4.通過成功的設(shè)計(jì)案例，讓學(xué)生們了解本設(shè)計(jì)作為核心基礎(chǔ)課程的重要性。

三、理論教學(xué)內(nèi)容與學(xué)時(shí)分配 第一章 網(wǎng)絡(luò)基礎(chǔ)（5課時(shí)）1.網(wǎng)絡(luò) 2.網(wǎng)絡(luò)原理

3.網(wǎng)絡(luò)設(shè)計(jì)作品的上傳、下載和展示 4.網(wǎng)頁 5.網(wǎng)站

第二章 網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)（10課時(shí)）1.網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)基礎(chǔ) 2.網(wǎng)頁設(shè)計(jì) 3.網(wǎng)站設(shè)計(jì) 4.網(wǎng)絡(luò)其他設(shè)計(jì)

第三章 網(wǎng)絡(luò)設(shè)計(jì)特色分析（19課時(shí)）1.瀏覽人群分析 2.網(wǎng)絡(luò)交互藝術(shù) 3.西方網(wǎng)絡(luò)藝術(shù)

4.網(wǎng)絡(luò)藝術(shù)設(shè)計(jì)現(xiàn)狀分析 5.網(wǎng)站特色設(shè)計(jì)

四、考核方式與成績構(gòu)成

考核方式：階段作業(yè)、理論與實(shí)踐考試方式

成績構(gòu)成：平時(shí)成績10%、期中成績30%、期末成績60%（其中技能成績占70%，理論成績占30%）

五、教材與參考書 推薦教材： 1.《網(wǎng)頁界面設(shè)計(jì)創(chuàng)意指南》 侯慧俊主編 上?？茖W(xué)技術(shù)文獻(xiàn)出版社2009年版

2.《網(wǎng)頁界面設(shè)計(jì)藝術(shù)教程》 張帆、羅琦、宮曉東著 人民郵電出版社 2002年版 參考書目：

1.《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)》 謝成開、孫丹麗編著 西南師范大學(xué)出版社 2009年版

2.《網(wǎng)頁藝術(shù)設(shè)計(jì)》 彭綱等編著 高等教育出版社 2002年版

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

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

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

1、課程性質(zhì)

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

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

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

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

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

* 了解ASP開發(fā)平臺的搭建，Dreamweaver cs3在動(dòng)態(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è)計(jì)各種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，使學(xué)生通過本課程的學(xué)習(xí)，熟練掌握其基本制作方法和技巧，并最終設(shè)計(jì)一個(gè)綜合性的網(wǎng)站并且編制簡單的腳本上傳到互聯(lián)網(wǎng)上。

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

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

本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)： 服務(wù)意識：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)；

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

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

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

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

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

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

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

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

第一章

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

第二章

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

第三章

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

第四章

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

第五章

網(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é)生能夠用基本法和高級法新建站點(diǎn)、編輯站點(diǎn)，掌握如何在站點(diǎn)中新建文件和文件夾，會預(yù)覽網(wǎng)頁。

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

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

第七章

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

第八章

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

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

六、考核與評價(jià)方式

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

第三篇：《網(wǎng)頁設(shè)計(jì)》教學(xué)大綱

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

課程名稱：《網(wǎng)頁設(shè)計(jì)》 英文名稱：《Web Design》 課程性質(zhì)：學(xué)科教育平臺選修課 課程編號：P122006 所屬院部：美術(shù)與藝術(shù)設(shè)計(jì)學(xué)院 周 學(xué) 時(shí)：12學(xué)時(shí) 總 學(xué) 時(shí)：48學(xué)時(shí) 學(xué) 分：3學(xué)分

教學(xué)對象（本課程適合的專業(yè)和年級）：美術(shù)學(xué)類專業(yè)（本科）二年級學(xué)生 預(yù)備知識：掌握圖像處理技術(shù)，會使用Photoshop等圖像處理軟件；熟悉一定的視覺設(shè)計(jì)理念。

課程在教學(xué)計(jì)劃中的地位作用：本課程屬于美術(shù)學(xué)類專業(yè)的學(xué)科教育平臺選修課程，是一門實(shí)踐性很強(qiáng)的專業(yè)課程，包括16學(xué)時(shí)的理論課時(shí)和32學(xué)時(shí)的實(shí)驗(yàn)課時(shí)。

教學(xué)方法：講授+練習(xí)教學(xué)目標(biāo)與要求：（1）教學(xué)目標(biāo)：

通過《網(wǎng)頁設(shè)計(jì)》的學(xué)習(xí)，能夠提高學(xué)生掌握設(shè)計(jì)過程的熟練程度，把握網(wǎng)頁設(shè)計(jì)的方法和思路，更好地將技術(shù)與藝術(shù)相結(jié)合。（2）教學(xué)要求：

1.熟悉商業(yè)網(wǎng)站的策劃過程，理清作品創(chuàng)作的設(shè)計(jì)思路。

2.熟練掌握Dreamweaver軟件的各項(xiàng)操作，能夠制作復(fù)雜的靜態(tài)頁面。3.熟練掌握運(yùn)用PhotoShop軟件繪制網(wǎng)頁效果圖方法，并能夠合理對效果圖進(jìn)行切片和數(shù)據(jù)優(yōu)化。

課程教材：郭玉龍，王增.網(wǎng)頁設(shè)計(jì)與制作.南京：南京大學(xué)出版社，2010年8月.參考書目：

[1]譚貞軍，劉斌.中文版Dreamweaver+Flash+Photoshop網(wǎng)頁制作從入門到精通(CS3版).北京：清華大學(xué)出版社，2008年9月.考核形式：考查

編寫日期：2015年3月制定

課程內(nèi)容及學(xué)時(shí)分配（含教學(xué)重點(diǎn)、難點(diǎn)）： 第一章 網(wǎng)頁基礎(chǔ)知識（4學(xué)時(shí)）教學(xué)重點(diǎn)：網(wǎng)頁的構(gòu)成元素。

教學(xué)難點(diǎn)：動(dòng)態(tài)網(wǎng)頁和靜態(tài)網(wǎng)頁的區(qū)別。第二章 使用記事本創(chuàng)建HTML頁面（4學(xué)時(shí)）教學(xué)重點(diǎn)：使用記事本創(chuàng)建HTML頁面。教學(xué)難點(diǎn)：無。

第三章 使用 Dreamweaver 創(chuàng)建HTML頁面（4學(xué)時(shí)）教學(xué)重點(diǎn)：Dreamweaver軟件的使用。教學(xué)難點(diǎn)：Dreamweaver軟件的使用。第四章 使用表格布局網(wǎng)頁（4學(xué)時(shí)）教學(xué)重點(diǎn)：表格布局方法的使用。教學(xué)難點(diǎn)：跨行合并、跨列合并。第五章 使用CSS樣式表（4學(xué)時(shí)）教學(xué)重點(diǎn)：CSS代碼。教學(xué)難點(diǎn)：CSS代碼。

第六章 使用層布局網(wǎng)頁（4學(xué)時(shí)）教學(xué)重點(diǎn)：DIV+CSS布局方法的使用。教學(xué)難點(diǎn)：DIV+CSS中float浮動(dòng)用法。第七章 應(yīng)用表單（4學(xué)時(shí)）教學(xué)重點(diǎn)：表單的應(yīng)用。教學(xué)難點(diǎn)：表單的應(yīng)用。

第八章 用Photoshop制作網(wǎng)頁圖片（4學(xué)時(shí)）教學(xué)重點(diǎn)：用Photoshop切圖。教學(xué)難點(diǎn)：網(wǎng)頁圖片的優(yōu)化。第九章 網(wǎng)站策劃（4學(xué)時(shí)）教學(xué)重點(diǎn)：網(wǎng)站策劃的核心。教學(xué)難點(diǎn)：網(wǎng)站策劃的核心。

第十章

“達(dá)美樂比薩”網(wǎng)站制作（4學(xué)時(shí)）教學(xué)重點(diǎn)：“達(dá)美樂比薩”網(wǎng)站的布局。教學(xué)難點(diǎn)：DIV+CSS中float浮動(dòng)用法。補(bǔ)充說明： 無。

第四篇：《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)大綱

《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)大綱

一、課程基本信息

課程編號：

中文名稱：網(wǎng)頁設(shè)計(jì)與制作

英文名稱：Web Design and Production 課程類別：選修課 適用專業(yè)：所有專業(yè)

開課學(xué)期：2011-2012第2學(xué)期 總學(xué)時(shí)：24學(xué)時(shí) 總學(xué)分：1 課程簡介：

本課程突出網(wǎng)頁設(shè)計(jì)與制作的現(xiàn)代特點(diǎn)，從Internet的基礎(chǔ)知識入手，重點(diǎn)介紹HTML超文本標(biāo)記語言，以及所見即所得的網(wǎng)頁設(shè)計(jì)制作工具Dreamweaver的基本操作流程。從靜態(tài)頁面到動(dòng)態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計(jì)與制作全過程。采用案例分析和親自實(shí)踐的方式突出、突破課程的重點(diǎn)和難點(diǎn)。并指導(dǎo)每一名選課的同學(xué)為自己建一個(gè)博客網(wǎng)站，以此提高同學(xué)對網(wǎng)頁設(shè)計(jì)與制作的興趣和愛好。參考書：

1、網(wǎng)頁設(shè)計(jì)與制作教程，熊前興 閔聯(lián)營，科學(xué)出版社;

2、網(wǎng)站與網(wǎng)頁設(shè)計(jì)，張貴明，清華大學(xué)出版社;

3、網(wǎng)頁美術(shù)設(shè)計(jì)原理及實(shí)戰(zhàn)策略，王曉峰 焦燕，清華大學(xué)出版社;

4、網(wǎng)站建設(shè)典型案例，張梟，清華大學(xué)出版社；

二、課程教學(xué)目標(biāo)：

網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機(jī)構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個(gè)人發(fā)布主頁展示自己的風(fēng)采，人們從不同類型的網(wǎng)站來獲取需要的信息。因此，設(shè)計(jì)與制作網(wǎng)頁已經(jīng)成為計(jì)算機(jī)應(yīng)用技術(shù)的一個(gè)重要方面。本課程的主要教學(xué)目的是使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識，能運(yùn)用網(wǎng)頁工具設(shè)計(jì)和制作常用網(wǎng)頁。

三、理論教學(xué)內(nèi)容與要求

第一章、網(wǎng)頁的基礎(chǔ)知識（1學(xué)時(shí)）（1）Internet基礎(chǔ)知識

（2）www簡介

（3）網(wǎng)頁制作的技術(shù)和工具介紹

第二章、超文本編輯語言HTML（8學(xué)時(shí)）（1）HTML文件的基本結(jié)構(gòu)（2）文字和段落標(biāo)記

（3）列表標(biāo)記

（4）圖片標(biāo)記（5）表格標(biāo)記（6）超鏈接標(biāo)記（7）表單標(biāo)記（8）框架標(biāo)記

第三章、JavaScript語言（4學(xué)時(shí)）（1）JavaScript語言簡介（2）JavaScript編程基礎(chǔ)（3）基于對象的JavaScript語言（4）JavaScript程序?qū)嵗?/p>

第四章、層疊樣式表CSS（1學(xué)時(shí)）（1）CSS概述（2）CSS屬性

第五章、可視化網(wǎng)頁設(shè)計(jì)工具Dreamvawer8.0（1）網(wǎng)頁的基本操作（2）圖像、表格與超鏈接（3）表單與框架（4）添加網(wǎng)頁元素（5）發(fā)布站點(diǎn)

第六章、動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)語言ASP（4學(xué)時(shí)）（1）ASP簡介（2）VBScript腳本基礎(chǔ)（3）ASP的內(nèi)置對象（4）實(shí)用Global.asa文件

4學(xué)時(shí)）（第七章、利用AD0訪問數(shù)據(jù)庫（1學(xué)時(shí)）（1）數(shù)據(jù)庫的連接（2）數(shù)據(jù)庫的檢索（3）數(shù)據(jù)庫的操作

總結(jié)復(fù)習(xí)（1學(xué)時(shí)）

四、實(shí)驗(yàn)教學(xué)內(nèi)容與要求

五、作業(yè)

六、考核方式

期末考核每個(gè)同學(xué)為自己設(shè)計(jì)制作一個(gè)博客網(wǎng)站。

七、成績評定

1.自制網(wǎng)站（80%）2.平時(shí)考勤、作業(yè)(20%)平時(shí)成績分配：

平時(shí)考勤5次，每次2分，共占10% 作業(yè)5次，每次2分，共占10%

八、執(zhí)行大綱時(shí)應(yīng)注意的問題

根據(jù)學(xué)生對課程內(nèi)容的掌握和理解程度會對進(jìn)度做適當(dāng)?shù)恼{(diào)整。

執(zhí)筆人：邢雁平

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

《網(wǎng)頁制作與設(shè)計(jì)》教學(xué)大綱

課程編號：

總學(xué)時(shí)數(shù)：36學(xué)時(shí)（其中講授：20學(xué)時(shí)，實(shí)驗(yàn)：16學(xué)時(shí)）

一、課程性質(zhì)、目的和要求

本課程是我系各專業(yè)必修專業(yè)課程之一。該課程以Dreamweaver和CSS為藍(lán)本，全面介紹與網(wǎng)頁設(shè)計(jì)制作有關(guān)的知識，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有解決靜態(tài)網(wǎng)頁制作和設(shè)計(jì)等方面問題的能力。通過對WWW的基本概念、網(wǎng)頁設(shè)計(jì)的基本原則、網(wǎng)頁設(shè)計(jì)編程的基本技術(shù)與技巧的學(xué)習(xí)，使學(xué)生對于網(wǎng)頁設(shè)計(jì)中所涉及的相關(guān)知識有一個(gè)全面的了解。

在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁制作已成為當(dāng)今社會上一種比較熱門的技術(shù)，也是計(jì)算機(jī)專業(yè)學(xué)生的一門必修課，通過課程學(xué)習(xí)要求學(xué)生能夠掌握靜態(tài)網(wǎng)頁的制作工具的使用以及HTML標(biāo)記語言的運(yùn)用，并基本掌握J(rèn)avaScript腳本語言編程的常用方法與技巧。通過與前期課程的融會，運(yùn)用掌握的Flash等其他制作工具軟件，在具體的網(wǎng)頁設(shè)計(jì)過程中要很好的將幾者結(jié)合起來使用，從而能夠生成功能強(qiáng)大、豐富多彩、生動(dòng)活潑的高質(zhì)量的網(wǎng)頁。通過本門課程的學(xué)習(xí)，學(xué)生能夠具備以下能力：網(wǎng)站建設(shè)、網(wǎng)絡(luò)廣告、多媒體課件、網(wǎng)絡(luò)游戲、匯報(bào)材料，MTV等。同時(shí)培養(yǎng)學(xué)生以下素質(zhì)：服務(wù)意識：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)；文明法制意識：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力；較強(qiáng)的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動(dòng)態(tài)。

二、教學(xué)內(nèi)容、要點(diǎn)和課時(shí)安排

第一章 Dreamweaver MX概述 1．Dreamweaver MX簡介

2．Dreamweaver MX的工作界面介紹

3．窗口和面板

4．Dreamweaver MX的新特性

要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行設(shè)置具有獨(dú)特的工作環(huán)境，對Dreamweaver MX的主界面認(rèn)識透徹，便于以下課程的深度學(xué)習(xí)。

第二章 創(chuàng)建站點(diǎn) 1．站點(diǎn)的規(guī)劃

2．創(chuàng)建本地站點(diǎn) 3．創(chuàng)建ASP站點(diǎn) 4．連接數(shù)據(jù)庫

2學(xué)時(shí)

2學(xué)時(shí) 5．站點(diǎn)的管理與維護(hù) 6．發(fā)布站點(diǎn) 要求：了解站點(diǎn)的基本概念，熟悉掌握使用DreamweaverMX定義站點(diǎn)的方法，能根據(jù)自己的實(shí)際情況定義站點(diǎn)，定義ASP站點(diǎn)，掌握通過DreamweaverMX軟件連接簡單數(shù)據(jù)庫的方法。

第三章 文本及其格式化 1．文本及其格式化概述 2．文本的輸入 3．創(chuàng)建文本列表 4．CSS樣式文件的創(chuàng)建

5．將文檔中的樣式導(dǎo)出為CSS樣式文件 6．文本格式化綜合實(shí)例

要求：學(xué)習(xí)如何插入文本、設(shè)置字體類型、大小、顏色和對齊屬性，使用層疊樣式表創(chuàng)建和應(yīng)用自定義樣式。通過學(xué)習(xí)掌握利用CSS樣式格式文本，掌握導(dǎo)出和使用CSS樣式文件的基本方法。

第四章 圖像

2學(xué)時(shí)

2學(xué)時(shí)

1．常用圖像文件格式 2．插入圖像 3．設(shè)置圖像的屬性

要求：通過學(xué)習(xí)，學(xué)生必須完全掌握如何在DreamweaverMX軟件中插入圖像、修改圖像的屬性，利用外部圖象處理軟件編輯圖像以及創(chuàng)建圖像地圖等方法。實(shí)現(xiàn)圖像與文本的完美結(jié)合。

第五章 表格 1．概述

2．表格的基本操作 3．表格及其屬性設(shè)置 4．表格排序

要求：掌握使用DreamweaverMX建立表格、設(shè)置表格以及使用表格對網(wǎng)頁進(jìn)行布局和美化。通過表格定位文本和圖像在頁面出現(xiàn)的位置。對表格的修改主要是添加內(nèi)容、修改表格或單元格行/列屬性，復(fù)制或者粘貼多個(gè)單元格等操作。

第六章 框架 1．創(chuàng)建框架

2．框架和框架頁的基本操作

3．設(shè)置框架和框架頁的屬性、大小及背景色

2學(xué)時(shí)

2學(xué)時(shí) 4．框架及框架頁綜合實(shí)例

要求：掌握框架的創(chuàng)建、保存以及框架屬性的設(shè)置，難點(diǎn)在于框架的鏈接設(shè)置，掌握框架結(jié)構(gòu)的主要功能在于導(dǎo)航。注意框架和框架集的區(qū)別。

第七章 頁面布局視圖的使用

1．布局單元格和布局表格 2．繪制布局表格和布局單元格 3．布局表格和布局單元格的基本操作

4．設(shè)置布局寬度

要求：重點(diǎn)掌握如何創(chuàng)建布局表格和布局單元格，掌握布局視圖的切換方法，掌握布局表格和布局單元格屬性的設(shè)置和意義。

第八章 鏈接

3學(xué)時(shí)

3學(xué)時(shí)

1．鏈接、路徑與錨

2．建立鏈接 3．建立特殊鏈接

要求：了解鏈接、路徑與錨的使用條件、掌握鏈接的幾種設(shè)置方法和他們的區(qū)別，學(xué)會使用特殊鏈接（書簽、電子郵箱、網(wǎng)站URL）,理解掌握鏈接目標(biāo)的指定。

第九章 表單 1．表單概述 2．創(chuàng)建表單 3．表單對象 4．客戶注冊表單 5．網(wǎng)上調(diào)查表單

要求：掌握如何創(chuàng)建表單，以及如何在表單中添加表單對象，掌握常見的表單對象的功能和使用方法，理解表單處理的原理，能夠完成基本的表單設(shè)計(jì)。

第十章 層

1．關(guān)于層

2．創(chuàng)建層

3．顯示隱藏層實(shí)例

4．下列菜單實(shí)例 5．層綜合應(yīng)用實(shí)例

要求：讓學(xué)生掌握層的概念和層的分類，掌握關(guān)于層的屬性，掌握建立層的基本方法，掌握層的各種屬

2學(xué)時(shí)

2學(xué)時(shí) 性的設(shè)置。

第十一章 行為

1．什么是行為

2．行為面板的用法

3．行為的基本操作

4．使用Dreamweaver自帶的行為

5．行為應(yīng)用實(shí)例

要求：重點(diǎn)掌握DreamweaverMX自帶的行為的使用方法，掌握這些常用行為事件的設(shè)置，了解行為的意義以及行為面板的使用方法，能根據(jù)具體的行為設(shè)置對應(yīng)的行為事件，能對所使用的行為事件進(jìn)行修改。

第十二章 時(shí)間軸與動(dòng)畫

1．時(shí)間軸面板

2．使用時(shí)間軸創(chuàng)建動(dòng)畫

3．修改時(shí)間軸

4．創(chuàng)建錄制路徑動(dòng)畫 5．在時(shí)間軸中改變對象屬性

6．在時(shí)間軸中使用行為

7．時(shí)間軸動(dòng)畫實(shí)例

要求：掌握如何使用時(shí)間軸創(chuàng)建時(shí)間線動(dòng)畫，重點(diǎn)掌握如何修改時(shí)間線及其對象的屬性，添加和刪除禎、修改動(dòng)畫的起始時(shí)間、修改動(dòng)畫路徑的位置等。

第十三章 Dreamweaver MX程序設(shè)計(jì)

1．Dreamweaver MX程序設(shè)計(jì)基礎(chǔ) 2．建立數(shù)據(jù)庫連接 3．定義記錄集

4．動(dòng)態(tài)數(shù)據(jù)綁定 5．應(yīng)用服務(wù)器行為

要求：掌握基本的術(shù)語和如何建立數(shù)據(jù)庫連接，掌握如何建立記錄集，以及記錄集中數(shù)據(jù)的綁定，了解各類服務(wù)器行為的功能，重點(diǎn)掌握如何定義記錄集和應(yīng)用服務(wù)器行為，掌握WEB應(yīng)用程序的構(gòu)建。

第十四章 模板與庫

1．什么是模板和庫

2．創(chuàng)建模板

3．定義可編輯區(qū)域

2學(xué)時(shí)

2學(xué)時(shí)

2學(xué)時(shí)

2學(xué)時(shí) 4．應(yīng)用模板建立網(wǎng)頁 5．應(yīng)用模板更新站點(diǎn) 6．庫的使用

7．模板的創(chuàng)建與設(shè)置實(shí)例

要求：掌握模版和庫的原理和優(yōu)勢，掌握掌握如何建立和使用模版，掌握庫的使用和添加到庫文件。第十五章 代碼片斷

1．使用代碼片斷 2．代碼片斷的創(chuàng)建

3．代碼片斷的使用

4．代碼片斷的創(chuàng)建與使用綜合實(shí)例

要求：理解代碼片斷的概念，掌握創(chuàng)建代碼片斷的方法，掌握如何使用代碼片斷。第十六章 經(jīng)典實(shí)例

1．個(gè)人網(wǎng)站 2．網(wǎng)站論壇

要求：了解頁面的整體設(shè)計(jì)，掌握表格的高級應(yīng)用技巧，了解交互網(wǎng)站的運(yùn)行機(jī)制，掌握服務(wù)器行為的應(yīng)用，學(xué)生通過鍛煉，掌握創(chuàng)建網(wǎng)站的全部過程和機(jī)制，能夠獨(dú)立網(wǎng)站一個(gè)小型的全面的個(gè)人網(wǎng)站。

4學(xué)時(shí)

2學(xué)時(shí)

三、教學(xué)方法

要求：

1、結(jié)合DreamweaverMX軟件使用的特點(diǎn)，以上機(jī)演示教學(xué)方法為主，輔之教學(xué)課件等方法進(jìn)行教學(xué)。

2、結(jié)合本學(xué)科特點(diǎn)在教學(xué)過程中，使學(xué)生形成多動(dòng)手、積極探究、勤于思考、學(xué)會學(xué)習(xí)等良好的學(xué)習(xí)習(xí)慣，培養(yǎng)學(xué)生搜集和整理素材的能力、理解實(shí)驗(yàn)?zāi)芰?、分析和解決程序設(shè)計(jì)中的問題的能力等。

四、成績考核方法：

要求：

1、課后試驗(yàn)作業(yè)每周一次。

2、期末考試采取理論考試為主、大作業(yè)（完整的個(gè)人網(wǎng)站）為輔的形式。

3、平時(shí)成績30%、期末成績70%，期末考試（筆試70%，大作業(yè)30%）。

五、教材與主要參考書目

教材：

路甬祥：《DreamweaverMX職業(yè)技能培訓(xùn)教程》，電子科技大學(xué)出版社，2004年3月。參考書： 位元文化：《CSS/HTML網(wǎng)頁設(shè)計(jì)》，中國鐵道鐵道出版社，2002年2月。

劉洪武：《網(wǎng)頁設(shè)計(jì)與制作（高職教材）》，大連理工大學(xué)出版社，2003年7月。李卓玲：《java程序設(shè)計(jì)語言》，大連理工大學(xué)出版社，2003年8月。

執(zhí)筆人： 審訂人：