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

1、1網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)大綱一、課程的性質(zhì)和任務(wù)課程性質(zhì)：網(wǎng)頁設(shè)計(jì)與制作是現(xiàn)代汽車技術(shù)/計(jì)算機(jī)及應(yīng)用專業(yè)的一門選 修課程，是學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作的一門重要課程。主要任務(wù)：向?qū)W生全面介紹與網(wǎng)頁設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有解決一般網(wǎng)頁制作問題的能力。與此同時(shí)，通過對(duì)Web頁制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對(duì)于網(wǎng)頁設(shè)計(jì)中所涉及的相關(guān)知識(shí)有 一個(gè)全面的了解。掌握通過HTMI語言、FrontPage、Flash工具軟件設(shè)計(jì)制作一 個(gè)網(wǎng)站的方法與技巧?；疽螅?、 了解In ternet的過去、現(xiàn)在和將來及有關(guān)WWWHTTP HTML CSS的定 義，概念和作用；2、了解

2、圖像的幾種格式：GIF、JPEG PNGffi矢量圖格式，它們各自的特點(diǎn) 和差別；3、理解服務(wù)器、客戶端、瀏覽器的概念和作用；4、深入理解HTM語言中的各種文本格式、字符格式、段落設(shè)置、列表、標(biāo) 記、表格、框架、表單的作用；5、理解客戶端腳本程序的工作方式；6熟練掌握使用絕對(duì)和相對(duì)URL創(chuàng)建超鏈接，圖象鏈接，圖象映射的建 立方法；7、會(huì)使用FrontPage2000、DreamWeave等網(wǎng)頁制作工具制作網(wǎng)頁；二、課時(shí)分配課程教學(xué)總學(xué)時(shí)數(shù)為42學(xué)時(shí)，具體分配見課時(shí)分配表。課時(shí)分配表課題教學(xué)時(shí)數(shù)小計(jì)講課實(shí)驗(yàn)機(jī)動(dòng)-一一第一章HTML概述211-二二第二章頁面背景與顏色控制211第二章文本格式211

3、四第四章列表格式211五第五章使用圖像211六第六章使用超鏈接211七第七章使用表格211八第八章使用框架211九第九章使用表單211十第十章使用對(duì)象2112十一第十一章CSS技術(shù)422十二第十二章網(wǎng)頁設(shè)計(jì)工具Fron tPage2000633十三網(wǎng)頁設(shè)計(jì)工具- Dreanweaver844十四綜合實(shí)例22十五機(jī)動(dòng)2總計(jì)4219212三、本課程的教學(xué)內(nèi)容第一章HTML概述什么是HTML什么是WEB HTM啲定義；基本的HTM語法；標(biāo)記符的屬 性；WEB頁的基本結(jié)構(gòu)；HTML標(biāo)記；首部標(biāo)記；正文標(biāo)記符；添加注釋；顯示 特殊字符。第二章頁面背景與顏色控制頁面背景；背景顏色；背景圖案；字符和鏈接的顏

4、色。第三章文本格式字符格式；物理字符樣式；邏輯字符樣式；段落格式；分段與換行；段落對(duì) 齊。第四章列表格式有序列表；0L標(biāo)記符和LI標(biāo)記符；有序列表的嵌套；無序列表；定義無序 列表；混合嵌套列表；定義列表；創(chuàng)建定義列表；使用定義列表縮排文檔第五章使用圖象WEBS圖象格式；在網(wǎng)頁中插入圖象；IMG標(biāo)記符及其基本屬性；圖象布 局；使用GIF動(dòng)畫；創(chuàng)建GIF動(dòng)畫；注意事項(xiàng)；使用網(wǎng)頁圖象的要點(diǎn)。第六章使用超鏈接超鏈接基礎(chǔ)；URL簡(jiǎn)介；絕對(duì)URL與相對(duì)URL BASE標(biāo)記符；創(chuàng)建超鏈接；.1指向本地網(wǎng)頁的鏈接；指向其他網(wǎng)頁的鏈接；指向頁面中特定部分的鏈接；指向 電子郵件的鏈接；圖象與超鏈接；鏈接到圖象；圖

5、象鏈接；圖象映射；客戶端圖 象映射；服務(wù)器端圖象映射。第七章使用表格創(chuàng)建表格；表格標(biāo)記符TABLE創(chuàng)建表格標(biāo)題；表格的表頭；表格的行與列； 表格的修飾；邊框和分隔線；表格的對(duì)齊；控制單元格空白；行組；列組；使用 表格設(shè)計(jì)網(wǎng)頁布局；設(shè)置表格或單元格的背景；嵌套表格。第八章 使用框架框架的基本概念；框架與框架集；框架的嵌套；NOFRAME標(biāo)記；框架的初始化；框架的顯示效果；設(shè)置框架的邊框；設(shè)置框架邊空；設(shè)置框架的滾動(dòng)條； 控制框架邊框的移動(dòng)；指定超鏈接的目標(biāo)框架；使用頁內(nèi)框架。第九章 使用表單3表單概述；什么是控件；FORM標(biāo)記符；創(chuàng)建輸入型表單元素；文本框與口 令框；復(fù)選框與單選框；文件選擇框；

6、提交按鈕和重置按鈕；多行文本與按鈕；創(chuàng)建多行文本輸入框；使用BUTTON標(biāo)記符創(chuàng)建按鈕；創(chuàng)建選項(xiàng)菜單；SELECT與OPTION標(biāo)記符；OPTGROU標(biāo)記符；表單元素的標(biāo)簽與輸入焦點(diǎn)；設(shè)置標(biāo)簽； 獲得輸入焦點(diǎn)；表單的提交與處理。第十章 使用對(duì)象多媒體對(duì)象； 鏈接多媒體對(duì)象； 嵌入多媒體對(duì)象；JAVA小應(yīng)用程序 （Applet）和Active控件；Java小應(yīng)用程序；Active X控件；滾動(dòng)字幕。第十一章CSS技術(shù)CSS基礎(chǔ)；CSS的概念；樣式表中的屬性單位；在網(wǎng)頁中添加CSS樣式表 項(xiàng)的組成；使用DIV和SPAN標(biāo)記符；三種添加樣式信息的方法；層疊樣式表的 優(yōu)先規(guī)則；使用CSS設(shè)置網(wǎng)頁格式；

7、設(shè)置字體格式；設(shè)置顏色與背景；設(shè)置文本 屬性；設(shè)置邊框?qū)傩?；設(shè)置布局屬性；設(shè)置列表格式；使用CSS進(jìn)行定位。第十二章 網(wǎng)頁設(shè)計(jì)工具FrontPage2000FrontPage2000的界面；FrontPage2000主窗口；FrontPage2000的視圖；站 點(diǎn)與網(wǎng)頁的基本操作；創(chuàng)建、打開和保存網(wǎng)頁；站點(diǎn)基本操作；網(wǎng)頁文本的基本 操作；設(shè)置網(wǎng)頁的格式；使用DHTM效果和網(wǎng)頁過渡效果；特殊網(wǎng)頁元素的插入； 插入圖片； 插入組件和高級(jí)選項(xiàng)； 創(chuàng)建超鏈接； 創(chuàng)建表格； 使用表單； 創(chuàng)建表單； 設(shè)置表單控件屬性。中文文檔編輯、列表、水平線、背景、圖像處理、超鏈接設(shè)置等有關(guān)操作； 設(shè)置表單控件屬性；標(biāo)

8、簽與熱鍵；表單處理等。 。第十三章 網(wǎng)頁設(shè)計(jì)工具 -DreanweaverDreanweavermx的界面；Dreanweavermx主窗口；Dreanweavermx的視圖； 站點(diǎn)與網(wǎng)頁的基本操作；創(chuàng)建、打開和保存網(wǎng)頁；站點(diǎn)基本操作；網(wǎng)頁文本的基 本操作；設(shè)置網(wǎng)頁的格式；使用DHTM效果和網(wǎng)頁過渡效果；特殊網(wǎng)頁元素的插 入；插入圖片；插入組件和高級(jí)選項(xiàng)；創(chuàng)建超鏈接；創(chuàng)建表格；使用表單；創(chuàng)建 表單；設(shè)置表單控件屬性；標(biāo)簽與熱鍵；表單處理等。四、課程實(shí)踐環(huán)節(jié)教學(xué)安排網(wǎng)頁制作課程具有很強(qiáng)的實(shí)踐性， 所以在本課程的實(shí)踐教學(xué)主要以掌握如下 制作技能的實(shí)訓(xùn)教學(xué)為主， 可以采用在計(jì)算機(jī)多媒體教室進(jìn)行課堂教

9、學(xué)， 緊接著 在計(jì)算機(jī)機(jī)房按教師布置題目要求進(jìn)行實(shí)訓(xùn)操作。五、本課程教材及參考書目1.推薦教材Drea nweavermx實(shí)用培訓(xùn)教程作者：朱萍、張超清華大學(xué)出版社 出版日期：2003年8月，第一版2.參考書目4(1)網(wǎng)頁設(shè)計(jì)4合一 培訓(xùn)教程作者：江春 機(jī)械工業(yè)出版社 出版日 期：2000年7月，第一版(2)WEB程叢書-HTML編程指南作者：武焰電子工業(yè)出版社，出版日期：1999年6月，第一版(3)計(jì)算機(jī)網(wǎng)絡(luò)與因特網(wǎng) Computer Networks and Internets Second Edition作者：Douglas E.comer翻譯：徐良賢等 清華大學(xué)出版社 出版日 期：2000年8月，第二版(4)Internet網(wǎng)頁工廠 作者：張健Wittime工作室 重慶出版社 出 版日期：2000年4月第一版六、關(guān)于其他要說明的問題1、在大綱中涉及的工具軟件應(yīng)以當(dāng)前社