网页制作授课计划.docx

网页制作授课计划.docx

《网页制作授课计划.docx》由会员分享，可在线阅读，更多相关《网页制作授课计划.docx（36页珍藏版）》请在冰豆网上搜索。

网页制作授课计划

学期授课计划

2011-2012学年度第二学期

课程名称：

《Dreamweaver8网页设计与实训》

教学周学时：

　13　周×　6学时

总学时数：

　　　　78　　　　　学时

理论授课：

　　　　　36　　　　　学时

实验实习（作业）：

42　　　学时

任课专业班级：

计算机2011-1

编制时间：

　　2012年3月8日　　

任课教师：

采用教材：

科学出版社出版的

《Dreamweaver8网页设计与实训》

教研室主任签字：

教务科长签字：

教学校长签字：

学期授课计划说明

本计划为2011级中专生第二学期而制定。

采用教材为科学出版社出版的，由于虹主编的《Dreamweaver8网页设计与实训》。

一、教学目的：

通过本课程的学习，可掌握创建网页的基本知识和基本方法方法，能创建具有简单功能的网页，初步掌握网站中静态网页的制作和美化。

二、教学内容：

本套教材涉及计算机网页的基本制作以及创建不同网页和功能的方法。

本学期用书共一册。

共14个项目，每个项目围绕一个主题组织教学活动，内容包括网页基础知识和基本制作、文本编辑和网站链接等，每个单元后安排了复习和测验。

三、教学重点：

计算机网页的制作方法及各种功能的实现。

四、教学难点：

静态网页中各种功能的实现。

五、教学方法：

项目教学法、讲授法、问答法、讨论法。

六、本门课程成绩评定采用平时成绩与考试成绩综合评定，平时成绩占50%，期末考试成绩占50%，缺课超过总学时的二分之一者，本门课程无成绩。

教学时数分配表

章

次

各章名称

总学时

其中

讲

练

1

走进Dreamweaver8

2

1

1

2

创建本地站点

4

2

2

3

网页基础知识和基本操作

4

2

2

4

文本编辑

4

2

2

5

图像与多媒体的应用

6

2

4

6

网站链接

4

2

2

7

表格和布局

8

4

4

8

框架

4

2

2

9

表单

4

2

2

10

模板和库

4

2

2

11

CSS样式

10

4

6

12

行为和JavaScript

6

3

3

13

层和时间轴

8

4

4

14

整站建设、测试与上传

6

2

4

15

机动

4

2

2

合计

78

36

42

学期授课计划内容

周次

教学目的、讲授内容及要点

学时

作业

教具

1.1

项目一走进Dreamweaver8

任务Dreamweaver8概述

目的：

了解网页设计基础知识，了解Dreamweaver8工作界面与基本操作

知识点：

1、网页设计简介

2、Dreamweaver8功能简介

3、网页赏析

4、工作界面介绍

5、“插入”“属性”“浮动”面板介绍

6、标签选择器功能

7、实训一观察网页元素属性

8、实训二重组面板

技能点：

Dreamweaver8工作界面与基本操作

2

1.如何折叠、展开、扩展面板？

2.如何显示对象的属性面板？

计算机

1.2

项目二创建本地站点

任务一网站规划

目的：

掌握利用向导建立站点的方法。

熟悉站点的编辑方法。

知识点：

1、站点的概念

2、网站规划的方法

3、安排站点结构的方法

4、设计网页布局的方法

5、实训三为网站设计网页布局

6、项目小结

技能点：

建立站点的方法

2

1、在Dreamweaver中建立站点的作用？

2、如何设置学校网站布局？

1.3

项目二创建本地站点

任务二创建本地站点

目的：

熟悉网站的建站规则，学习利用利用向导创建本地站点的方法。

知识点：

1、建站规则

2、利用向导创建站点

3、实训一创建本地站点

4、实训二利用高级创建站点

5、项目小结

技能点：

利用向导创建本地站点

2

对站点中的文件进行改名时，是否可以在资源管理器中完成？

周次

教学目的、讲授内容及要点

学时

作业

教具

2.1

项目三网页基础知识和基本制作

任务一网页基础知识

目的：

理解HTML语言的含义；理解三种试图方式的作用；理解网页文件的结构。

知识点：

1、网页的分类

2、三种视图方式

3、HTML源代码

4、网页的颜色

5、实训一查看三种视图方式

6、项目小结

技能点：

建立站点的方法

2

1、试述网页三种试图方式的作用。

2、P33第一大题

计算机

2.2

项目三网页基础知识和基本制作

任务二网页的基本制作

目的：

掌握页面属性的设置方法；掌握META的设置方法；掌握网页的基本制作方法。

知识点：

1、页面属性的设置方法

2、META标记

3、实训二简单网页制作（旅游网）

4、实训三制作网页过渡效果

5、实训四简单页面布局（卫浴网）

6、项目小结

技能点：

页面属性、META值的设置方法

2

1.头标记都能定义哪些内容？

2.P34第二大题

2.3

项目四文本编辑

任务一文本基本操作

目的：

掌握文本的基本编辑方法；理解换行和分段的区别；文字属性面板各选项的功能。

知识点：

1、选择性粘贴

2、插入连续空格

3、分段与换行

4、文本属性面板

5、实训一

6、项目小结

技能点：

换行、分段、文本编辑的方法

2

1.怎样对齐文本，如何改变文本的颜色？

2.如何编辑网页中可用的中英文字体？

周次

教学目的、讲授内容及要点

学时

作业

教具

3.1

项目四文本编辑

任务二插入其他对象

目的：

掌握插入特殊对象的插入方法；掌握段落的设置方法；掌握项目编号和列表的设置方法。

知识点：

1、插入特殊字符

2、插入水平线和日期

3、实训二文本编辑（商务网）

4、实训三制作跑马灯文字

5、实训四文字排版与动态时间制作

6、项目小结

技能点：

特殊对象的插入方法

2

综合实训：

购物指南页面文字排版（鲜花网）

计算机

3.2

项目五图像与多媒体的应用

任务一图像的应用

目的：

掌握图像属性面板的设置；掌握插入图片对象的方法。

知识点：

1、网页常用的图像格式

2、插入图像

3、插入鼠标经过图像

4、实训一制作图文混排的网页（瑜伽网）

5、项目小结

技能点：

插入图像对象的方法

2

P65第一大题，P66第二大题

3.3

项目五图像与多媒体的应用

任务二插入多媒体

目的：

掌握Flash及透明Flash效果的制作；掌握多媒体的插入方法。

知识点：

1、插入Flash影片、Flash按钮、Flash文本、Flash图像查看器、Flash视频

2、音频和视频

3、实训二添加超炫Flash效果（珠宝网）

4、项目小结

技能点：

添加多媒体的方法

2

简述Flash视频的优点。

周次

教学目的、讲授内容及要点

学时

作业

教具

4.1

项目五图像与多媒体的应用

任务三插入多媒体

目的：

掌握Flash及透明Flash效果的制作；掌握多媒体的插入方法。

知识点：

1、实训三添加多媒体对象（旅游网）

2、实训四图片属性和透明banner制作（鲜花网）

3、项目小结

技能点：

多媒体对象的插入方法

2

如何制作透明Flash效果？

计算机

4.2

项目六网站链接

任务一关于路径

目的：

理解文档位置和路径。

知识点：

1、绝对路径

2、文档相对路径

3、站点根目录相对路径

4、实训一

5、项目小结

技能点：

相对路径和绝对路径

2

什么是绝对路径和相对路径？

4.3

项目六网站链接

任务二制作链接

目的：

掌握超链接的定义、作用和分类。

知识点：

1、超链接的分类

2、制作超链接的方法

3、打开超链接的目标位置

4、实训二编织网站链接（化妆品网）

5、实训三制作锚点链接（化妆品网）

6、项目小结

技能点：

制作超链接的操作方法；热点、锚点链接的操作方法；电子邮件链接的操作方法；脚本链接的创建方法

2

1.电子邮件链接如何表示？

2.P79第二大题

周次

教学目的、讲授内容及要点

学时

作业

教具

5.1

项目七表格和布局

任务一表格的应用

目的：

掌握表格的设置方法。

知识点：

1、建立表格

2、表格基本操作

3、预格式化表格

4、表格属性面板

5、表格的HTML标记

6、实训一设置表格属性（公司网）

7、项目小结

技能点：

表格和单元格的属性设置

2

P104第一大题

计算机

5.2

项目七表格和布局

任务二单元格的应用

目的：

掌握单元格属性的设置方法。

知识点：

1、单元格基本操作

2、单元格属性面板

3、实训二绘制细线表格（公司网）

4、项目小结

技能点：

单元格属性的设置方法

2

P104第二大题

5.3

项目七表格和布局

任务三利用表格布局网页

目的：

掌握布局表格的概念和使用。

知识点：

1、扩展表格模式

2、实训三嵌套表格（酒店网站）

3、实训四制作卫浴网

4、实训五圆角表格的制作

5、项目小结

技能点：

利用布局表格制作网页

2

在制作嵌套表格时要注意些什么问题？

周次

教学目的、讲授内容及要点

学时

作业

教具

6.1

项目七表格和布局

任务四布局表格

目的：

掌握表格的设置方法。

知识点：

1、创建布局表格和布局单元格

2、编辑布局表格和布局单元格

3、嵌套布局表格

4、实训六制作布局表格（个人首页）

5、实训七制作网站首页（鲜花网）

6、项目小结

技能点：

表格的布局方法

2

简述表格和布局表格的区别。

计算机

6.2

项目八框架

任务一制作框架网页

目的：

掌握框架、框架集的建立及保存；掌握框架属性面板各选项的功能；掌握框架的链接。

知识点：

1、框架基本操作

2、框架集和框架属性

3、保存框架集和框架文档

4、实训一利用框架制作网页（服装网）

5、项目小结

技能点：

框架、框架集的建立方法；框架的链接及目标位置

2

1.框架与框架集的区别。

2.框架属性面板中“滚动”下拉列表中包含哪些选项，各有什么作用？

6.3

项目八框架

任务二内联式框架

目的：

掌握内联式框架的建立方法。

知识点：

1、实训二制作内联式网框架网页（服装网）

2、实训三建立框架网页（冲浪俱乐部）

3、项目小结

技能点：

制作内联式框架

2

内联式框架与普通框架的区别。

周次

教学目的、讲授内容及要点

学时

作业

教具

7.1

项目九表单

任务一表单制作

目的：

掌握表单的插入方法；掌握插入文本域和密码域操作方法；掌握单选按钮和复选框的操作方法。

知识点：

1、插入表单

2、添加表单对象

3、实训一制作表单（公司网）

4、项目小结

技能点：

表单元素的使用方法；表单元素属性的设置；添加表单行为的操作方法

2

1.在文本字段的“属性”面板中，什么是字符宽度和最多字符数？

2.P132第一大题。

计算机

7.2

项目九表单

任务二表单制作

目的：

掌握掌握列表和跳转菜单的操作方法；掌握文件域和按钮的操作方法；掌握表单行为的设置方法。

知识点：

1、实训二表单的验证（公司网）

2、会员注册表单制作

3、项目小结

技能点：

添加表单行为的操作方法

2

1.如何检查表单？

2.P132第二大题。

7.3

项目十模板和库

任务一模板

目的：

掌握建立模板、更新模板的方法；掌握可编辑区的建立方法。

知识点：

1、创建模板

2、可编辑区域

3、实训一模板的应用（灯具网）

4、项目小结

技能点：

建立模板和可编辑区域的方法

2

P143第一大题和第二大题

周次

教学目的、讲授内容及要点

学时

作业

教具

8.1

项目十模板和库

任务二库

目的：

掌握建立库、更新库的方法。

知识点：

1、库的概念

2、实训二库的应用（灯具网）

3、实训三利用模板制作网页（鲜花网）

4、项目小结

技能点：

利用模板生产网页的方法

2

1.简述库项目的概念及其特点。

2.简述模板和库项目的区别。

计算机

8.2

项目十一CSS样式

任务一CSS样式概述

目的：

掌握CSS样式的创建和套用方法。

知识点：

1、什么是CSS样式

2、CSS的存在方式

3、CSS样式的创建

4、实训一

5、项目小结

技能点：

CSS样式及其作用

2

1.试述CSS样式的作用。

2.外部样式表的作用是什么？

8.3

项目十一CSS样式

任务二CSS属性

目的：

掌握CSS样式的创建和套用方法。

知识点：

1、CSS类型属性

2、CSS背景属性设置

3、CSS边框样式

4、CSS扩展属性

5、实训二

6、项目小结

技能点：

CSS样式及其作用

2

CSS样式共有几种属性？

每种属性分别是什么？

周次

教学目的、讲授内容及要点

学时

作业

教具

9.1

项目十一CSS样式

任务三自定义类样式

目的：

掌握CSS样式的建立和套用方法。

知识点：

1、生成自定义类样式的方法

2、实训三利用CSS样式美化文字

3、实训四利用CSS样式美化背景

4、实训五CSS边框样式

5、项目小结

技能点：

CSS样式的建立和套用方法

2

168页第二大题

计算机

9.2

项目十一CSS样式

任务四重定义HTML标记

目的：

掌握CSS类型、边框样式的在、设置方法；掌握外部CSS样式的链接方法。

知识点：

1、新建CSS规则

2、实训六重定义水平线标记

3、实训七设置超链接样式

4、项目小结

技能点：

CSS类型、边框样式的在、设置方法

2

设置超链接样式的方法

9.3

项目十一CSS样式

任务五CSS外部样式表

目的：

掌握CSS背景、区块和扩展样式的设置方法。

知识点：

1、新建CSS样式文件

2、导入/链接CSS样式

3、导出样式表文件

4、实训八建立外部CSS样式

5、实训九利用滤镜制作阴影字效果

6、实训十利用CSS样式美化表单（鲜花网）

7、项目小结

技能点：

CSS样式的设置方法

2

建立和使用外部CSS样式的方法

周次

教学目的、讲授内容及要点

学时

作业

教具

10.1

项目十二行为和Javascript

任务一行为概述

目的：

掌握行为的基本要素；掌握行为面板各选项的功能。

知识点：

1、事件和动作

2、行为面板

3、基本动作和事件

4、实训一

5、项目小结

技能点：

行为面板各选项的功能

2

在行为中，事件与动作是什么关系？

计算机

10.2

项目十二行为和Javascript

任务二行为效果

目的：

掌握简单行为的应用方法。

知识点：

1、播放声音

2、打开浏览器窗口

3、实训二打开浏览器窗口（瑜伽网）

4、交换图像

5、实训三交换图像（瑜伽网）

6、项目小结

技能点：

播放声音行为；打开浏览器窗口行为；交换图像行为

2

如何使用行为给网页播放音乐？

10.3

项目十二行为和Javascript

任务三Javascript行为

目的：

掌握调用Javascript行为方法。

知识点：

1、实训四调用Javascript（瑜伽网）

2、插入Javascript脚本

3、实训五弹出信息行为（瑜伽网）

4、实训六改变属性和状态栏文本行为（鲜花网）

5、项目小结

技能点：

调用Javascript行为方法

2

181页第一大题、第二大题

周次

教学目的、讲授内容及要点

学时

作业

教具

11.1

项目十三层和时间轴

任务一层

目的：

掌握层的概念及作用；层的基本操作。

知识点：

1、创建层

2、层面板

3、选择移动层

4、层属性

5、实训一制作滚动文字（游戏网）

6、实训二利用层制作网页

7、项目小结

技能点：

层的基本操作

2

如何实现表格与层的转换？

计算机

11.2

项目十三层和时间轴

任务二和层有关的行为

目的：

掌握设置文本行为的设置；掌握显示-隐藏层行为的设置。

知识点：

1、设置层文本动作

2、实训三设置层文本（购物网）

3、显示-隐藏层行为

4、实训四利用显示-隐藏层制作下拉菜单（购物网）

5、项目小结

技能点：

文本行为的设置；显示-隐藏层行为的设置；关于层的行为

2

有关层的行为都有哪些？

11.3

项目十三层和时间轴

任务三和层有关的行为

目的：

掌握设置文本行为的设置；掌握显示-隐藏层行为的设置。

知识点：

1、拖动层行为

2、实训五芭比换装游戏（游戏网）

3、实训六制作二级弹出式菜单（鲜花网）

4、项目小结

技能点：

设置文本行为的设置；显示-隐藏层行为的设置；关于层的行为

2

如何给层添加CSS样式？

周次

教学目的、讲授内容及要点

学时

作业

教具

12.1

项目十三层和时间轴

任务四层与时间轴

目的：

掌握时间轴的使用。

知识点：

1、时间轴命令

2、实训七漂浮的广告（购物网）

3、层与表格的转换

4、实训八制作栏目说明（购物网）

5、项目小结

技能点：

时间轴的使用

2

204页第一大题、第二大题

计算机

12.2

项目十四整站建设、测试与上传

任务一网页切片

目的：

掌握利用切片的生成网页的方法；掌握利用Photoshop切图的方法。

知识点：

1、Photoshop切片工具

2、网站结构

3、实训一网页切片（儿童摄影网）

4、项目小结

技能点：

利用切片的生成网页的方法；利用Photoshop切图的方法

2

简述网页从切片刀建立的过程。

12.3

项目十四整站建设、测试与上传

任务二模板的制作

目的：

掌握模板的建立及应用。

知识点：

1、制作模板的步骤

2、实训二制作网页模板（儿童摄影网）

3、实训三网页切片及网站制作（鲜花网）

4、项目小结

技能点：

模板的建立及应用

2

231页第一大题、第二大题

周次

教学目的、讲授内容及要点

学时

作业

教具

13.1

项目十四整站建设、测试与上传

任务三页面的制作及站点的整理与上传

目的：

掌握网站测试及上传的方法；掌握利用Dreamweaver布局网页的方法。

知识点：

1、实训四制作网页（儿童摄影网）

2、实训五制作主题产品页（儿童摄影网）

3、站点的整理与上传

4、项目小结

技能点：

网站测试及上传的方法；利用Dreamweaver布局网页的方法

2

231页第一大题、第二大题

计算机

13.2

机动

2

13.3

机动

2