第一篇：《高級(jí)網(wǎng)頁(yè)制作技術(shù)》課程教學(xué)大綱(精)大全

《高級(jí)網(wǎng)頁(yè)制作技術(shù)》課程教學(xué)大綱

一、課程的地位、作用與任務(wù)

本課程是計(jì)算機(jī)科學(xué)與技術(shù)（本科）應(yīng)用軟件開(kāi)發(fā)方向選修的專(zhuān)業(yè)課，通過(guò)本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的網(wǎng)頁(yè)制作技術(shù)與網(wǎng)頁(yè)編程技術(shù)想結(jié)合的能力，同時(shí)也能夠?qū)⑾嚓P(guān)課程中學(xué)習(xí)的多媒體技術(shù)和程序開(kāi)發(fā)技術(shù)融合到本課程中，力求培養(yǎng)學(xué)生綜合運(yùn)用所學(xué)課程知識(shí)開(kāi)發(fā)高級(jí)應(yīng)用網(wǎng)頁(yè)的能力。

學(xué)生通過(guò)學(xué)習(xí)該課程，能夠根據(jù)自己的實(shí)踐和經(jīng)驗(yàn)制作出功能強(qiáng)大的動(dòng)態(tài)網(wǎng)頁(yè)，并具備管理站點(diǎn)和獨(dú)立思考的能力。

二、學(xué)習(xí)內(nèi)容和教學(xué)要求

第一部分 ASP.Net概述

1．教學(xué)內(nèi)容和教學(xué)要求

（1）掌握

ASP.Net的特點(diǎn)、功能、編譯原理及ASP.Net的運(yùn)行環(huán)境及其安裝。

（2）理解

ASP.Net相對(duì)于早期的ASP和JSP的新增功能。

（3）了解

ASP.Net的優(yōu)點(diǎn)和發(fā)展歷史。

2．能力培養(yǎng)要求

（1）能正確地安裝ASP.Net的運(yùn)行環(huán)境。

（2）能正確地運(yùn)行第一個(gè)簡(jiǎn)單的ASP.Net程序。

（3）能正確理解ASP.Net的執(zhí)行原理。

第二部分 ASP.Net的基本語(yǔ)法和C#語(yǔ)言

1．教學(xué)內(nèi)容和教學(xué)要求

（1）掌握

ASP.Net的基本語(yǔ)法結(jié)構(gòu)、C#語(yǔ)法及其數(shù)據(jù)類(lèi)型以及ASP.Net編譯器的合理配置。

（2）理解

ASP.Net與C#語(yǔ)言的關(guān)系。

（3）了解

C#語(yǔ)言與C語(yǔ)言和C++語(yǔ)言的聯(lián)系與區(qū)別。

2．能力的培養(yǎng)要求

（1）能正確使用ASP.Net的基本語(yǔ)句編寫(xiě)簡(jiǎn)單的ASP.Net程序。

（2）能正確使用編輯器編寫(xiě)ASP.Net源程序。

（3）能正確使用C#語(yǔ)言編寫(xiě)簡(jiǎn)單的應(yīng)用程序及程序的調(diào)試。

第三部分 常用對(duì)象的應(yīng)用

1．教學(xué)內(nèi)容和教學(xué)要求

（1）掌握

Request、Response、Server三種常用對(duì)象的使用；使用ASP.Net的輸入輸出

（2）理解

ASP.Net的對(duì)象應(yīng)用與ASP的區(qū)別以及實(shí)現(xiàn)方法的差別。

（3）了解

其他的Request對(duì)象及方法。

2．能力的培養(yǎng)要求

（1）可以使用三種常用的對(duì)象編寫(xiě)基本的輸入輸出程序。

（2）可以使用Browser對(duì)象、環(huán)境變量收集客戶(hù)機(jī)和服務(wù)器的系統(tǒng)信息。

第四部分 Server控件

1．教學(xué)內(nèi)容和教學(xué)要求

（1）掌握

常用的HTML控件和Web控件的使用及其執(zhí)行的原理、用戶(hù)控件的使用。

（2）理解

HTML語(yǔ)言的格式、功能及其與ASP.Net語(yǔ)法的聯(lián)系與區(qū)別。

（3）了解

自定義控件的使用方法。

2．能力培養(yǎng)要求

使用Server控件編寫(xiě)真正ASP.Net意義的程序。

第五部分 數(shù)據(jù)庫(kù)訪問(wèn)

1．教學(xué)內(nèi)容和教學(xué)要求

（1）掌握

DataSet對(duì)象的使用、ADO.Net的數(shù)據(jù)庫(kù)操作方法、DataGrid等表格控件的使用方法與技巧。

（2）理解

數(shù)據(jù)綁定（DataBind）技術(shù)。

（3）了解

OLE.DB與SQL Server數(shù)據(jù)庫(kù)的基本語(yǔ)法。

２．能力培養(yǎng)要求

具有將網(wǎng)頁(yè)制作技術(shù)與數(shù)據(jù)庫(kù)編程結(jié)合起來(lái)使網(wǎng)絡(luò)具有網(wǎng)絡(luò)數(shù)據(jù)處理功能的能力。

第六部分 ASP.Net的高級(jí)應(yīng)用

1．教學(xué)內(nèi)容和教學(xué)要求

（1）掌握

文本文件和二進(jìn)制文件的操作技巧與編程方法、WebService程序的編寫(xiě)與實(shí)現(xiàn)方法、網(wǎng)絡(luò)應(yīng)用程序的編寫(xiě)、組件的編寫(xiě)及電子郵件、域名查詢(xún)程序的實(shí)現(xiàn)等高級(jí)網(wǎng)頁(yè)制作技術(shù)。

（2）理解

.Net平臺(tái)中網(wǎng)絡(luò)應(yīng)用的實(shí)現(xiàn)方法，應(yīng)用Code-Behind技術(shù)實(shí)現(xiàn)頁(yè)面代碼的分離。

（3）了解

文件中中文的處理方法。

２．能力培養(yǎng)要求

能使用ASP.Net的高級(jí)網(wǎng)頁(yè)制作技術(shù)制作出功能強(qiáng)大的動(dòng)態(tài)Web頁(yè)面。

三、學(xué)生實(shí)驗(yàn)

實(shí)驗(yàn)一：ASP.Net環(huán)境的安裝

實(shí)驗(yàn)二：利用ASP.Net的基本語(yǔ)法和C#編寫(xiě)簡(jiǎn)單的ASP.Net程序

實(shí)驗(yàn)三：基本輸入輸出程序的設(shè)計(jì)及收集客戶(hù)機(jī)和服務(wù)器系統(tǒng)信息的方法

實(shí)驗(yàn)四：Server控件的使用

實(shí)驗(yàn)五：數(shù)據(jù)庫(kù)訪問(wèn)技術(shù)

實(shí)驗(yàn)六：ASP.Net的高級(jí)網(wǎng)頁(yè)制作技術(shù)

四、學(xué)時(shí)分配建議

序號(hào) 教學(xué)內(nèi)容 學(xué)時(shí)分配

講課 實(shí)驗(yàn) 技能訓(xùn)練 小計(jì)

１ ASP.Net概述 4 2 6

２ ASP.Net語(yǔ)法和C#語(yǔ)言 4 2 6 ３ 常用對(duì)象的應(yīng)用 4 4 8 ４ Server控件 8 6 14 ５ 數(shù)據(jù)庫(kù)訪問(wèn) 10 8 18

６ ASP.Net的高級(jí)應(yīng)用 12 10 22 ７ 機(jī)動(dòng) 2 2 4 合計(jì) 44 34 78

五、說(shuō)明

１．本教學(xué)計(jì)劃適合用于電大計(jì)算機(jī)科學(xué)與技術(shù)本科專(zhuān)業(yè)，完成本課程最少為78學(xué)時(shí)，本教學(xué)基本要求的學(xué)時(shí)分配是建議性的。

２．本課程與其他課程的銜接和分工

（１）本課程與《網(wǎng)頁(yè)制作技術(shù)》課程和《數(shù)據(jù)庫(kù)技術(shù)》銜接，特別是第一部分。兩門(mén)課程間可以互相補(bǔ)充。

（２）與其它專(zhuān)業(yè)課程相比，該課程可做為計(jì)算機(jī)專(zhuān)業(yè)課設(shè)置。

３．各教學(xué)部分重點(diǎn)、難點(diǎn)和深廣度教學(xué)說(shuō)明。

（１）本課程第四、五、六部分是重點(diǎn)、難點(diǎn)，應(yīng)給予重視。

（２）本課程第五部分與數(shù)據(jù)庫(kù)技術(shù)聯(lián)系比較密切，深廣度可以根據(jù)學(xué)生前期數(shù)據(jù)庫(kù)課程的特點(diǎn)進(jìn)行調(diào)節(jié)。

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

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

1.課程設(shè)計(jì)的指導(dǎo)思想

（一）課程性質(zhì)

1．課程類(lèi)別：專(zhuān)業(yè)選修課 2．適應(yīng)專(zhuān)業(yè)：軟件工程 3．開(kāi)設(shè)學(xué)期：第二學(xué)期

4．學(xué)時(shí)安排：周學(xué)時(shí)2＋2，總學(xué)時(shí)72 5．學(xué)分分配：

（二）開(kāi)設(shè)目的

本課程是計(jì)算機(jī)類(lèi)專(zhuān)業(yè)的專(zhuān)業(yè)選修課,它是一門(mén)操作性和實(shí)踐性很強(qiáng)的課程。本課程開(kāi)設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁(yè)制作打下基礎(chǔ)。通過(guò)本課程的學(xué)習(xí)，讓學(xué)生了解一定的網(wǎng)絡(luò)應(yīng)用基礎(chǔ)知識(shí)；能夠熟練掌握網(wǎng)頁(yè)制作工具——網(wǎng)頁(yè)三劍客Dreamweaver、Fireworks、Flash的使用，能自行設(shè)計(jì)各種網(wǎng)頁(yè)、編輯一定的平面圖像、網(wǎng)絡(luò)動(dòng)畫(huà)。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能，能獨(dú)立設(shè)計(jì) WEB 站點(diǎn)。

（三）基本要求

1、知識(shí)要求：

（1）網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網(wǎng)站制作實(shí)例

2、能力要求：

（1）學(xué)會(huì)熟練運(yùn)用 Dreamweaver、Flash 和 Fireworks 應(yīng)用軟件；（2）熟練掌握使用絕對(duì)和相對(duì) URL，創(chuàng)建超鏈接，圖像鏈接；（3）熟練掌握設(shè)置顏色、文本格式和列表；（4）掌握在網(wǎng)頁(yè)中添加 CSS 的方法

（5）掌握在網(wǎng)頁(yè)中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學(xué)會(huì)利用表格布局網(wǎng)頁(yè)；（7）掌握框架制作網(wǎng)頁(yè)的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁(yè)；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網(wǎng)頁(yè)動(dòng)畫(huà)。

3、素質(zhì)要求：

（1）具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；（2）具有良好的心理素質(zhì)和職業(yè)道德素質(zhì)（3）具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神

（4）具有一定的科學(xué)思維方式和判斷分析問(wèn)題的能力（5）具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維、藝術(shù)設(shè)計(jì)素質(zhì)。

（四）主要內(nèi)容 計(jì)算機(jī)網(wǎng)站基礎(chǔ)知識(shí)、網(wǎng)頁(yè)三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。

（五）先修課程 計(jì)算機(jī)基礎(chǔ)

（六）后繼課程 Web 程序設(shè)計(jì)

（七）考核方式 上機(jī)考試

（八）使用教材

（九）參考書(shū)目

1、《網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)教程》 作者：王傳華、段青玲、馬欽? 清華大學(xué)出版社?第二版.2、網(wǎng)頁(yè)和網(wǎng)站制作基礎(chǔ)操作與實(shí)例教程.陜西科學(xué)技術(shù)出版社

3、Dreamweaver8PhotoshopCS2Flash8網(wǎng)頁(yè)制作教材.陳笑；李景池.清華大學(xué)出版社

4、《使用網(wǎng)站技術(shù)基礎(chǔ)》作者：德力、盧明波、王化宇.內(nèi)蒙古教育出版社 教學(xué)內(nèi)容

第一部分 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí) 教學(xué)目的

使學(xué)生了解什么是網(wǎng)頁(yè)，網(wǎng)站，網(wǎng)頁(yè)元素等概念 主要內(nèi)容 什么是網(wǎng)頁(yè)，網(wǎng)站;2 Html語(yǔ)言基礎(chǔ)； 構(gòu)建網(wǎng)站的一般過(guò)程； 教學(xué)要求

了解：網(wǎng)站設(shè)計(jì)與制作的前期準(zhǔn)備 掌握： 繪制網(wǎng)站首頁(yè)效果圖 第二部分 網(wǎng)頁(yè)制作軟件Dreamweaver 教學(xué)目的

使學(xué)生了解網(wǎng)站設(shè)計(jì)概念；掌握軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁(yè)制作的高級(jí)技術(shù)。主要內(nèi)容

1、網(wǎng)站設(shè)計(jì)概念，要求達(dá)到“了解掌握”程度 網(wǎng)站的主題定位

網(wǎng)站的風(fēng)格和創(chuàng)意設(shè)計(jì) 準(zhǔn)備材料和結(jié)構(gòu)規(guī)劃 頁(yè)面布局

定義站點(diǎn)、申請(qǐng)域名、空間 認(rèn)識(shí)HTML語(yǔ)言

2、初識(shí)軟件界面及站點(diǎn)建立，要求達(dá)到“了解掌握”程度 Dreamweaver軟件界面 對(duì)象控制面板的使用 建立本地站點(diǎn) 建立遠(yuǎn)程站點(diǎn) 站點(diǎn)的更新和管理

3、Dreamweaver的基本功能，要求達(dá)到“掌握”程度，添加文本 插入圖片 插入表格

超級(jí)鏈接和導(dǎo)航條的創(chuàng)建 插入多媒體

4、表單和CSS樣式表的應(yīng)用，要求達(dá)到“了解掌握”程度 插入表單

插入表單對(duì)象

創(chuàng)建并鏈接到外部CSS樣式

5、網(wǎng)頁(yè)制作高級(jí)技術(shù)，要求達(dá)到“了解掌握”程度 創(chuàng)建層 設(shè)置層

層與表格的相互轉(zhuǎn)換 創(chuàng)建框架 行為操作 創(chuàng)建模板 模板的應(yīng)用 教學(xué)要求

了解：網(wǎng)站設(shè)計(jì)概念

掌握：軟件界面及站點(diǎn)建立，Dreamweaver的基本功能，表單和CSS樣式表的應(yīng)用及網(wǎng)頁(yè)制作的高級(jí)技術(shù)。

第三部分 圖形制作與處理軟件Firewoks 教學(xué)目的

使學(xué)生了解Fireworks軟件界面；掌握?qǐng)D像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動(dòng)畫(huà)的制作。主要內(nèi)容

1、Fireworks簡(jiǎn)介，要求達(dá)到“了解掌握”程度 Fireworks概述

Fireworks的系統(tǒng)需求 Fireworks的新增功能 Fireworks窗口界面 創(chuàng)建新文檔

導(dǎo)入和導(dǎo)出文檔

2、圖像的繪制和編輯，要求達(dá)到“掌握”程度 繪制圖像 編輯圖像

3、文本與顏色，要求達(dá)到“掌握”程度 文本的使用 顏色的使用 設(shè)置畫(huà)布

4、層與元件，要求達(dá)到“掌握”程度 層的使用 元件的使用

5、濾鏡和特效，要求達(dá)到“了解掌握”程度 使用濾鏡 使用特效

6、按鈕和動(dòng)畫(huà)，要求達(dá)到“了解掌握”程度 按鈕 動(dòng)畫(huà)

教學(xué)要求

了解：Fireworks軟件界面

掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動(dòng)畫(huà)的制作。第四部分 動(dòng)畫(huà)制作與編輯軟件Flash 教學(xué)目的

使學(xué)生了解Flash基本工作環(huán)境；掌握Flash繪圖工具的使用方法，F(xiàn)lash動(dòng)畫(huà)基礎(chǔ)及FIash影片制作和發(fā)布。主要內(nèi)容

1、初識(shí)Flash，要求達(dá)到“了解”程度 Flash基本工作環(huán)境 認(rèn)識(shí)舞臺(tái)與時(shí)間軸.認(rèn)識(shí)不同作用的面板

2、Flash繪圖工具，要求達(dá)到“掌握”程度 矢量圖與位圖 線(xiàn)型與顏色

線(xiàn)條的繪制與修改 填充圖形的繪制，選取工具 文本

變換工具 其他工具

3、Flash動(dòng)畫(huà)基礎(chǔ)，要求達(dá)到“掌握”程度 層 幀 元件

Flash的基本操作

4、FIash影片制作和發(fā)布，要求達(dá)到“掌握”程度 動(dòng)畫(huà)基礎(chǔ) 逐幀動(dòng)畫(huà) 形狀漸變 動(dòng)作漸變 蒙板

運(yùn)動(dòng)導(dǎo)線(xiàn) 按鈕

軌跡追蹤 導(dǎo)入聲音 加入視頻 測(cè)試發(fā)布 教學(xué)要求

了解：Flash基本工作環(huán)境

掌握：Flash繪圖工具的使用方法，F(xiàn)lash動(dòng)畫(huà)基礎(chǔ)及FIash影片制作和發(fā)布。第五章 綜合實(shí)例 教學(xué)目的

使學(xué)生能夠熟練掌握網(wǎng)頁(yè)制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設(shè)計(jì)各種網(wǎng)頁(yè)、編輯一定的平面圖象、網(wǎng)絡(luò)動(dòng)畫(huà)。具備網(wǎng)站的建立、規(guī)劃、管理、發(fā)布的相關(guān)技術(shù)及網(wǎng)頁(yè)制作的操作技能，能獨(dú)立設(shè)計(jì) WEB 站點(diǎn)。主要內(nèi)容

綜合實(shí)例，要求達(dá)到“掌握”程度 網(wǎng)頁(yè)設(shè)計(jì)準(zhǔn)備工作

用Fireworks設(shè)計(jì)網(wǎng)頁(yè)結(jié)構(gòu) 用Dreamweaver生成網(wǎng)頁(yè) 用Flash制作網(wǎng)頁(yè)動(dòng)畫(huà) 整理網(wǎng)頁(yè)

完成小型WEB站點(diǎn)網(wǎng)頁(yè)的規(guī)劃、設(shè)計(jì)、管理與維護(hù) 教學(xué)要求

掌握：Web網(wǎng)站建設(shè)的基本方法，掌握網(wǎng)頁(yè)制作工具的使用方法和技巧，培養(yǎng)學(xué)生設(shè)計(jì)網(wǎng)站的能力。課時(shí)分配及其它

（一）課時(shí)分配

課程總教學(xué)時(shí)數(shù)為90學(xué)時(shí)，安排在第二學(xué)期，每周3＋2學(xué)時(shí)，上課18周。具體分配如下

教學(xué)內(nèi)容 講授學(xué)時(shí)數(shù)

章次

第一部分 網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)知識(shí) 4 第二部分 網(wǎng)頁(yè)制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動(dòng)畫(huà)制作與編輯軟件Flash 8 第五部分 綜合實(shí)例 4 合計(jì)

實(shí)驗(yàn)學(xué)時(shí)數(shù) 10 8 2 36

（二）考核要求

平時(shí)成績(jī)（含考勤、作業(yè)與實(shí)驗(yàn)）占50%，期末（上機(jī)考試）成績(jī)占50%。

第三篇：網(wǎng)頁(yè)制作教學(xué)大綱(專(zhuān)業(yè)課)

《網(wǎng)頁(yè)制作》教學(xué)大綱（40學(xué)時(shí)）

課程代碼：13407334

一、課程性質(zhì)、目的及開(kāi)課對(duì)象

（一）課程性質(zhì)：專(zhuān)業(yè)選修課

（二）目的：對(duì)學(xué)生進(jìn)行網(wǎng)頁(yè)制作技能訓(xùn)練，提高他們對(duì)網(wǎng)絡(luò)資源利用開(kāi)發(fā)的能力，處于信息時(shí)代，還應(yīng)努力培養(yǎng)學(xué)生的信息素養(yǎng)，使他們掌握網(wǎng)頁(yè)制作的基本技能和網(wǎng)絡(luò)資源利用的基本能力，以及網(wǎng)絡(luò)道德素養(yǎng)的培養(yǎng)與提高。

（三）開(kāi)課對(duì)象：教育技術(shù)學(xué)專(zhuān)業(yè)本科學(xué)生，時(shí)間為第七學(xué)期。

二、先修課程：無(wú)

三、教學(xué)方法和考核方法

（一）教學(xué)方法：演示法、講授法。

（二）考核方式：考查

四、學(xué)時(shí)數(shù)分配

總學(xué)時(shí)：40學(xué)時(shí)。授課20學(xué)時(shí)，實(shí)驗(yàn)20學(xué)時(shí)。

五、教學(xué)內(nèi)容與學(xué)時(shí)

第一章 HTML基礎(chǔ)（2學(xué)時(shí)）【主要內(nèi)容】：

1.1 什么是HTML 1.Web頁(yè)的基本概念 2.HTML的工作原理 3.創(chuàng)建和測(cè)試Web頁(yè) 1.2 創(chuàng)建WEB頁(yè) 1.標(biāo)記符基礎(chǔ)

2.Web頁(yè)的基本結(jié)構(gòu) 3.設(shè)置頁(yè)面屬性 4.添加注釋 5.顯示特殊符號(hào) 1.3 發(fā)布WEB頁(yè) 1.創(chuàng)建本地站點(diǎn) 2.申請(qǐng)網(wǎng)頁(yè)空間 3.用FTP上傳網(wǎng)頁(yè)

【重點(diǎn)難點(diǎn)】：站點(diǎn)的創(chuàng)建與使用

【學(xué)生掌握要點(diǎn)】：什么是HTML、站點(diǎn)的創(chuàng)建與使用 【習(xí)題】：

1.簡(jiǎn)要說(shuō)明HTML的基本工作原理。

2.編寫(xiě)一個(gè)能夠顯示背景圖案并能播放背景音樂(lè)的網(wǎng)頁(yè)。

第二章 文本格式（2學(xué)時(shí)）【主要內(nèi)容】： 2.1 文本分段

1.段落標(biāo)記符P和換行標(biāo)記符BR 2.水平線(xiàn)標(biāo)記符HR 3.標(biāo)題標(biāo)記符Hn 4.段落對(duì)齊

2.2 控制文本的顯示效果 1.字體控制標(biāo)記符FONT 2.物理字符樣式 3.邏輯字符樣式 4.滾動(dòng)文字效果 2.3 列表格式 1.有序列表 2.無(wú)序列表

【重點(diǎn)難點(diǎn)】：控制文本的顯示效果 【學(xué)生掌握要點(diǎn)】：文本格式化 【習(xí)題】：

1、自行編寫(xiě)實(shí)例，嘗試本章中介紹的所有標(biāo)記符和屬性。

第三章

使用圖像（4學(xué)時(shí)）【主要內(nèi)容】：

3.1 web頁(yè)圖像基礎(chǔ) 1.位圖與矢量圖形 2.Web頁(yè)圖像格式 3.使用網(wǎng)頁(yè)圖像的要點(diǎn) 3.2 圖像處理基本操作 1.Fireworks的界面 2.修改圖像大小

3.用適當(dāng)?shù)母袷綄?dǎo)出圖像 4.制作GIF動(dòng)畫(huà) 3.3 圖像標(biāo)記符IMG 1.插入圖像 2.設(shè)置圖像屬性 3.4 創(chuàng)建超鏈接

1.相對(duì)地址和絕對(duì)地址 2.頁(yè)面鏈接 3.錨點(diǎn)鏈接 4.電子郵件鏈接 3.5 使用圖像映射 1.什么是圖像映射 2.創(chuàng)建圖像映射

【重點(diǎn)難點(diǎn)】：創(chuàng)建超級(jí)鏈接和對(duì)頁(yè)面空間結(jié)構(gòu)的理解?！緦W(xué)生掌握要點(diǎn)】：圖像處理基礎(chǔ)、圖像處理、超級(jí)鏈接 【習(xí)題】：

1.2.3.4.簡(jiǎn)要說(shuō)明GIF格式和JPEG格式各自的特點(diǎn)。說(shuō)明在網(wǎng)頁(yè)中使用圖像時(shí)應(yīng)注意的基本原理。

使用FRIEWORKS制作一個(gè)GIF動(dòng)畫(huà)，并將動(dòng)畫(huà)插入到網(wǎng)頁(yè)中。制作一個(gè)簡(jiǎn)單的圖像映射網(wǎng)頁(yè)。

第四章

表格與框架（2學(xué)時(shí)）【主要內(nèi)容】：

4.1 創(chuàng)建表格

1.表格的基本結(jié)構(gòu) 2.合并單元格

3.構(gòu)造表格的步驟 4.2 表格的屬性設(shè)置 1.邊框與分隔線(xiàn) 2.控制單元格空白 3.表格的對(duì)齊

4.3 使用表格設(shè)計(jì)網(wǎng)頁(yè)布局 1.控制表格和單元格大小 2.控制表格和單元格的背景 3.使用嵌套表格

4.表格布局綜合應(yīng)用 4.4 創(chuàng)建框架 1.什么是框架 2.指定框架結(jié)構(gòu) 3.框架的嵌套 4.框架的初始化

4.5 控制框架的顯示效果 1.邊框效果 2.設(shè)置框架空白

4.6 使用框架設(shè)計(jì)網(wǎng)頁(yè)布局 1.指定超鏈接的目標(biāo)框架 2.使用頁(yè)面框架

【重點(diǎn)難點(diǎn)】：使用表格與框架設(shè)計(jì)網(wǎng)頁(yè)布局

【學(xué)生掌握要點(diǎn)】：實(shí)現(xiàn)表格的各種作用、使用框架設(shè)計(jì)網(wǎng)頁(yè)布局 【習(xí)題】：

1、按照講解實(shí)例自行制作。

2、制作一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)站，要求使用表格排版，并用到框架導(dǎo)航結(jié)構(gòu)。請(qǐng)注意不同頁(yè)面到框架頁(yè)面的跳轉(zhuǎn)，以及如何從框架頁(yè)面跳出。第五章

CSS技術(shù)（4學(xué)時(shí)）【主要內(nèi)容】：

6.1 CSS入門(mén) 1.什么是CSS 2.CSS的屬性單位 6.2 在網(wǎng)頁(yè)中使用CSS 1.在標(biāo)記符中直接嵌套樣式信息 2.在STYLE標(biāo)記符中定義樣式信息 3.鏈接外部樣式表中的樣式信息 4.樣式的優(yōu)先級(jí) 6.3 CSS樣式定義

1.HTML標(biāo)記符selector 2.具有上下文關(guān)系的HTML標(biāo)記符selector 3.用戶(hù)定義的類(lèi)selector 4.用戶(hù)定義的ID selector 5.虛類(lèi)selector 6.4 CSS屬性

1.字體與文本屬性 2.顏色與背景屬性 3.布局屬性

4.定位和顯示屬性 5.列表屬性 6.鼠標(biāo)屬性

6.5 CSS過(guò)濾器效果 1.過(guò)濾器屬性列表 2.過(guò)濾器效果示例

【重點(diǎn)難點(diǎn)】：CSS樣式定義

【學(xué)生掌握要點(diǎn)】：在網(wǎng)頁(yè)中使用CSS 【習(xí)題】：

1.2.3.4.簡(jiǎn)要說(shuō)明在網(wǎng)頁(yè)中使用CSS的三種方式，并說(shuō)明各自的特點(diǎn)。說(shuō)明如何確定網(wǎng)頁(yè)中特定CSS樣式的優(yōu)先級(jí)。試驗(yàn)各節(jié)介紹的各種CSS屬性效果和過(guò)濾器效果。

制作一個(gè)個(gè)人網(wǎng)站，要求合理使用CSS技術(shù)和其他網(wǎng)頁(yè)技術(shù)。

第六章

用DreamweaverMX制作網(wǎng)頁(yè)（6學(xué)時(shí)）【主要內(nèi)容】：

7.1 DreamweaverMX的界面 1.DreamweaverMX的界面元素 2.設(shè)置文檔窗口 7.2 創(chuàng)建和管理站點(diǎn) 1.網(wǎng)站開(kāi)發(fā)流程 2.創(chuàng)建本地站點(diǎn) 3.管理本地站點(diǎn)

4.創(chuàng)建與管理遠(yuǎn)程站點(diǎn) 7.3 文本修飾與超鏈接 1.制作網(wǎng)頁(yè)的一般過(guò)程 2.設(shè)置字符格式 3.設(shè)置段落格式 4.設(shè)置列表格式 5.使用超鏈接 7.4 使用圖像 1.插入圖像 2.設(shè)置圖像屬性 3.制作圖像映射 4.動(dòng)態(tài)圖像效果 7.5 使用多媒體對(duì)象 1.使用聲音與視頻 2.使用Flash對(duì)象 7.6 設(shè)置頁(yè)面版式 1.使用表格排版 2.使用層排版 3.使用框架排版 7.7 表單與行為 1.創(chuàng)建表單 2.創(chuàng)建表單控件

3.添加表單控件標(biāo)簽 4.行為的概念與基本操作

5.使用DreamweaverMX自帶的行為動(dòng)作 7.8 使用樣式

1.使用HTML樣式 2.創(chuàng)建和應(yīng)用CSS樣式

3.創(chuàng)建和鏈接外部CSS樣式表

【重點(diǎn)難點(diǎn)】：站點(diǎn)的建立與管理；網(wǎng)頁(yè)設(shè)計(jì)與制作 【學(xué)生掌握要點(diǎn)】：用DreamweaverMX制作網(wǎng)頁(yè) 【習(xí)題】：

1.簡(jiǎn)要說(shuō)明Dreamweaver的界面組成元素及其相應(yīng)功能。

2.簡(jiǎn)要說(shuō)明網(wǎng)站建設(shè)的工作流程，規(guī)劃站點(diǎn)時(shí)要考慮哪些問(wèn)題？設(shè)計(jì)站點(diǎn)時(shí)要考慮哪些問(wèn)題？

3.總結(jié)在Dreamweaver中制作網(wǎng)頁(yè)的一般過(guò)程。4.如何在網(wǎng)頁(yè)中使用聲音和視頻？

5.在Dreamweaver中分別用表格和層兩種方法制作同一個(gè)頁(yè)面效果。具體頁(yè)面要求見(jiàn)授課內(nèi)容。

6.在Dreamweaver中實(shí)現(xiàn)一個(gè)簡(jiǎn)單的網(wǎng)站（5－10頁(yè)），要求使用框架導(dǎo)航結(jié)構(gòu)。7.什么是行為？Dreamweaver提供哪些常用的行為動(dòng)作？它們的作用是什么？

8.什么是HTML樣式？它和CSS樣式有何不同？在Dreamweaver中能夠?qū)崿F(xiàn)哪些類(lèi)型的CSS樣式？

9.簡(jiǎn)述在Dreamweaver中使用CSS樣式表的步驟。

六、教材與教參

（一）教材：

無(wú)

（二）教參：

1、《網(wǎng)頁(yè)制作教程》

2、《網(wǎng)頁(yè)制作三劍客實(shí)例精粹》

3、《跟我學(xué)Dreamweaver MX》

趙豐年等 姜谷鵬等 甘登岱等6

人民郵電出版社航空工業(yè)出版社人民郵電出版社 2005年 2003年 2002年

第四篇：網(wǎng)頁(yè)設(shè)計(jì)高級(jí)課程

網(wǎng)頁(yè)設(shè)計(jì)高級(jí)課程（5個(gè)月）

學(xué)習(xí)內(nèi)容：使用Dreamweaver制作網(wǎng)頁(yè)、使用Photoshop處理圖像、網(wǎng)站配色與布局、制作Flash動(dòng)畫(huà)、DIV+CSS、淘寶網(wǎng)店裝飾與推廣、網(wǎng)站架構(gòu)與策劃、PHP+MySql網(wǎng)站開(kāi)發(fā)、SEO網(wǎng)站優(yōu)化與推廣。白云技師學(xué)院，最好的計(jì)算機(jī)培訓(xùn)課程，電腦培訓(xùn)課程，網(wǎng)頁(yè)設(shè)計(jì)高級(jí)課程。電話(huà)020-36093333 px.byxy.com byxy.com

網(wǎng)頁(yè)設(shè)計(jì)制作基本概述

理解網(wǎng)頁(yè)設(shè)計(jì)制作原理、基本手段、流程與制作要求。

1．互聯(lián)網(wǎng)、網(wǎng)頁(yè)、網(wǎng)站、超級(jí)連接、HTML語(yǔ)言等基礎(chǔ)網(wǎng)絡(luò)知識(shí)的概念及定義

2．網(wǎng)站設(shè)計(jì)制作的常用工具與基本流程

3．HTML語(yǔ)言的基本結(jié)構(gòu)和語(yǔ)法

熟練掌握網(wǎng)頁(yè)設(shè)計(jì)制作的基礎(chǔ)操作。講解HTML代碼。主要包括：

1、如何建立站點(diǎn)

2、對(duì)于網(wǎng)站文字，圖片，超鏈接的設(shè)置

3、以及以上網(wǎng)頁(yè)元素所對(duì)應(yīng)的html代碼

熟練掌握常用的頁(yè)面版式與布局控制技術(shù)。

1、表格的應(yīng)用

2、表單的應(yīng)用

3、框架的使用

熟練掌握css+div的模式進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，并能夠使用css制作特殊的效果的樣式。講解css和div的相關(guān)知識(shí)，主要包括：

1.css的基本概念，基礎(chǔ)知識(shí)

2.css對(duì)于文字，圖片的設(shè)置

3.css對(duì)于網(wǎng)頁(yè)布局的控制，css的特殊效果等

使用JavaScript的相關(guān)行為進(jìn)行網(wǎng)頁(yè)的一些特效以及驗(yàn)證。

1、講解JavaScript的基礎(chǔ)知識(shí)

2、講解JavaScript的常用方法。

了解網(wǎng)頁(yè)設(shè)計(jì)色彩的搭配原則以及網(wǎng)站logo設(shè)計(jì)的基本原則。

1、網(wǎng)頁(yè)色彩的色調(diào)組合，網(wǎng)頁(yè)設(shè)計(jì)中色彩的基本原則

2、網(wǎng)站logo設(shè)計(jì)的原則以及基本創(chuàng)意

3、優(yōu)秀網(wǎng)站作品賞析

掌握網(wǎng)站導(dǎo)航條的設(shè)計(jì)制作技巧以及網(wǎng)站banner的制作方法。

1、導(dǎo)航條設(shè)計(jì)的原則

2、導(dǎo)航條設(shè)計(jì)的創(chuàng)意

3、網(wǎng)站banner的表現(xiàn)手法

4、制作網(wǎng)站banner常用的技法

5、如何制作有創(chuàng)意且美觀的網(wǎng)站banner

白云技師學(xué)院，最好的計(jì)算機(jī)培訓(xùn)課程，電腦培訓(xùn)課程，網(wǎng)頁(yè)設(shè)計(jì)高級(jí)課程。電話(huà)020-36093333

px.byxy.com byxy.com 歡迎前來(lái)報(bào)讀

第五篇：《網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML+CSS)》課程教學(xué)大綱（精選）

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

任課教師：張志慧 編寫(xiě)時(shí)間：2018-12-14

一、課程的性質(zhì)與目標(biāo)

《網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML+CSS)》是面向計(jì)算機(jī)相關(guān)專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)基礎(chǔ)課，涉及計(jì)算機(jī)基礎(chǔ)、互聯(lián)網(wǎng)等內(nèi)容，通過(guò)本課程的學(xué)習(xí)，學(xué)生能夠了解網(wǎng)頁(yè)web發(fā)展歷史及其未來(lái)方向，熟悉網(wǎng)頁(yè)設(shè)計(jì)流程、掌握網(wǎng)絡(luò)中常見(jiàn)的網(wǎng)頁(yè)布局效果、學(xué)會(huì)制作各種企業(yè)，門(mén)戶(hù)，電商類(lèi)網(wǎng)站。

二、課程的主要內(nèi)容及基本要求