网页制作授课计划

学期授课计划2011-2012学年度第二学期课程名称：Dreamweaver8网页设计与实训教学周学时：13周 6学时总学时数： 78学时理论授课：36学时实验实习（作业）： 42 学时任课专业班级： 计算机2011-1 编制时间： 2012年3月8日 任课教师： 采用教材：科学出版社出版的Dreamweaver8网页设计与实训教研室主任签字：教务科长签字：教学校长签字： 学 期 授 课 计 划 说 明本计划为2011级中专生第二学期而制定。采用教材为科学出版社出版的，由于虹主编的Dreamweaver8网页设计与实训。一、 教学目的： 通过本课程的学习，可掌握创建网页的基本知识和基本方法方法，能创建具有简单功能的网页，初步掌握网站中静态网页的制作和美化。二、教学内容：本套教材涉及计算机网页的基本制作以及创建不同网页和功能的方法。本学期用书共一册。共14个项目，每个项目围绕一个主题组织教学活动，内容包括网页基础知识和基本制作、文本编辑和网站链接等，每个单元后安排了复习和测验。三、 教学重点：计算机网页的制作方法及各种功能的实现。四、 教学难点：静态网页中各种功能的实现。五、教学方法：项目教学法、讲授法、问答法、讨论法。 六、本门课程成绩评定采用平时成绩与考试成绩综合评定，平时成绩占50%，期末考试成绩占50%，缺课超过总学时的二分之一者，本门课程无成绩。教 学 时 数 分 配 表章次各 章 名 称总学时其中讲练1走进Dreamweaver82112创建本地站点4223网页基础知识和基本操作4224文本编辑4225图像与多媒体的应用6246网站链接422 7表格和布局844 8框架4229表单42210模板和库42211CSS样式104612行为和JavaScript63313层和时间轴844 14整站建设、测试与上传624 15机动422 合计783642学 期 授 课 计 划 内 容周次教学目的、讲授内容及要点学时作业教具1.1项目一 走进Dreamweaver8任务 Dreamweaver8概述目的：了解网页设计基础知识，了解Dreamweaver8工作界面与基本操作知识点：1、网页设计简介2、Dreamweaver8功能简介3、网页赏析4、工作界面介绍5、“插入”“属性”“浮动”面板介绍6、标签选择器功能7、实训一 观察网页元素属性8、实训二 重组面板技能点：Dreamweaver8工作界面与基本操作21. 如何折叠、展开、扩展面板？2. 如何显示对象的属性面板？计算机1.2项目二 创建本地站点任务一 网站规划目的：掌握利用向导建立站点的方法。熟悉站点的编辑方法。知识点：1、站点的概念2、网站规划的方法3、安排站点结构的方法4、设计网页布局的方法5、实训三 为网站设计网页布局6、项目小结技能点：建立站点的方法21、在Dreamweaver中建立站点的作用？2、如何设置学校网站布局？1.3项目二 创建本地站点任务二 创建本地站点目的：熟悉网站的建站规则，学习利用利用向导创建本地站点的方法。知识点：1、建站规则2、利用向导创建站点3、实训一 创建本地站点4、实训二 利用高级创建站点5、项目小结技能点：利用向导创建本地站点2对站点中的文件进行改名时，是否可以在资源管理器中完成？周次教学目的、讲授内容及要点学时作业教具2.1项目三 网页基础知识和基本制作任务一 网页基础知识目的：理解HTML语言的含义；理解三种试图方式的作用；理解网页文件的结构。知识点：1、网页的分类2、三种视图方式3、HTML源代码4、网页的颜色5、实训一 查看三种视图方式6、项目小结技能点：建立站点的方法21、 试述网页三种试图方式的作用。2、 P33第一大题 计算机2.2项目三 网页基础知识和基本制作任务二 网页的基本制作目的：掌握页面属性的设置方法；掌握META的设置方法；掌握网页的基本制作方法。知识点：1、页面属性的设置方法2、META标记3、实训二 简单网页制作（旅游网）4、实训三 制作网页过渡效果5、实训四 简单页面布局（卫浴网）6、项目小结技能点：页面属性、META值的设置方法21.头标记都能定义哪些内容？2.P34第二大题 2.3项目四 文本编辑任务一 文本基本操作目的：掌握文本的基本编辑方法；理解换行和分段的区别；文字属性面板各选项的功能。知识点：1、选择性粘贴2、插入连续空格3、分段与换行4、文本属性面板5、实训一6、项目小结技能点：换行、分段、文本编辑的方法21.怎样对齐文本，如何改变文本的颜色？2.如何编辑网页中可用的中英文字体？周次教学目的、讲授内容及要点学时作业教具3.1项目四 文本编辑任务二 插入其他对象目的：掌握插入特殊对象的插入方法；掌握段落的设置方法；掌握项目编号和列表的设置方法。知识点：1、插入特殊字符2、插入水平线和日期3、实训二 文本编辑（商务网）4、实训三 制作跑马灯文字5、实训四 文字排版与动态时间制作6、项目小结技能点：特殊对象的插入方法2综合实训：购物指南页面文字排版（鲜花网）计算机3.2项目五 图像与多媒体的应用任务一 图像的应用目的：掌握图像属性面板的设置；掌握插入图片对象的方法。知识点：1、网页常用的图像格式2、插入图像3、插入鼠标经过图像4、实训一 制作图文混排的网页（瑜伽网）5、项目小结技能点：插入图像对象的方法2P65第一大题，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、项目小结技能点：制作超链接的操作方法；热点、锚点链接的操作方法；电子邮件链接的操作方法；脚本链接的创建方法21.电子邮件链接如何表示？2.P79第二大题周次教学目的、讲授内容及要点学时作业教具5.1项目七 表格和布局任务一 表格的应用目的：掌握表格的设置方法。知识点：1、建立表格2、表格基本操作3、预格式化表格4、表格属性面板5、表格的HTML标记6、实训一 设置表格属性（公司网）7、项目小结技能点：表格和单元格的属性设置2P104第一大题计算机5.2项目七 表格和布局任务二 单元格的应用目的：掌握单元格属性的设置方法。知识点：1、单元格基本操作2、单元格属性面板3、实训二 绘制细线表格（公司网）4、项目小结技能点：单元格属性的设置方法2P104第二大题5.3项目七 表格和布局任务三 利用表格布局网页目的：掌握布局表格的概念和使用。知识点：1、扩展表格模式2、实训三 嵌套表格（酒店网站）3、实训四 制作卫浴网4、实训五 圆角表格的制作5、项目小结技能点：利用布局表格制作网页2在制作嵌套表格时要注意些什么问题？周次教学目的、讲授内容及要点学时作业教具6.1项目七 表格和布局任务四 布局表格目的：掌握表格的设置方法。知识点：1、创建布局表格和布局单元格2、编辑布局表格和布局单元格3、嵌套布局表格4、实训六 制作布局表格（个人首页）5、实训七 制作网站首页（鲜花网）6、项目小结技能点：表格的布局方法2简述表格和布局表格的区别。计算机6.2项目八 框架任务一 制作框架网页目的：掌握框架、框架集的建立及保存；掌握框架属性面板各选项的功能；掌握框架的链接。知识点：1、框架基本操作2、框架集和框架属性3、保存框架集和框架文档4、实训一 利用框架制作网页（服装网）5、项目小结技能点：框架、框架集的建立方法；框架的链接及目标位置21.框架与框架集的区别。2.框架属性面板中“滚动”下拉列表中包含哪些选项，各有什么作用？6.3项目八 框架任务二 内联式框架目的：掌握内联式框架的建立方法。知识点：1、实训二 制作内联式网框架网页（服装网）2、实训三 建立框架网页（冲浪俱乐部）3、项目小结技能点：制作内联式框架2内联式框架与普通框架的区别。周次教学目的、讲授内容及要点学时作业教具7.1项目九 表单任务一 表单制作目的：掌握表单的插入方法；掌握插入文本域和密码域操作方法；掌握单选按钮和复选框的操作方法。知识点：1、插入表单2、添加表单对象3、实训一 制作表单（公司网）4、项目小结技能点：表单元素的使用方法；表单元素属性的设置；添加表单行为的操作方法21.在文本字段的“属性”面板中，什么是字符宽度和最多字符数？2.P132第一大题。计算机7.2项目九 表单任务二 表单制作目的：掌握掌握列表和跳转菜单的操作方法；掌握文件域和按钮的操作方法；掌握表单行为的设置方法。知识点：1、实训二 表单的验证（公司网）2、会员注册表单制作3、项目小结技能点：添加表单行为的操作方法21.如何检查表单？2.P132第二大题。7.3项目十 模板和库任务一 模板目的：掌握建立模板、更新模板的方法；掌握可编辑区的建立方法。知识点：1、创建模板2、可编辑区域3、实训一 模板的应用（灯具网）4、项目小结技能点：建立模板和可编辑区域的方法2P143第一大题和第二大题周次教学目的、讲授内容及要点学时作业教具8.1项目十 模板和库任务二 库目的：掌握建立库、更新库的方法。知识点：1、库的概念2、实训二 库的应用（灯具网）3、实训三 利用模板制作网页（鲜花网）4、项目小结技能点：利用模板生产网页的方法21.简述库项目的概念及其特点。2.简述模板和库项目的区别。计算机8.2项目十一 CSS样式任务一 CSS样式概述目的：掌握CSS样式的创建和套用方法。知识点：1、什么是CSS样式2、CSS的存在方式3、CSS样式的创建4、实训一5、项目小结技能点：CSS样式及其作用21.试述CSS样式的作用。2.外部样式表的作用是什么？8.3项目十一 CSS样式任务二 CSS属性目的：掌握CSS样式的创建和套用方法。知识点：1、CSS类型属性2、CSS背景属性设置3、CSS边框样式4、CSS扩展属性5、实训二6、项目小结技能点：CSS样式及其作用2CSS样式共有几种属性？每种属性分别是什么？周次教学目的、讲授内容及要点学时作业教具9.1项目十一 CSS样式任务三 自定义类样式目的：掌握CSS样式的建立和套用方法。知识点：1、生成自定义类样式的方法2、实训三 利用CSS样式美化文字3、实训四 利用CSS样式美化背景4、实训五 CSS边框样式5、项目小结技能点：CSS样式的建立和套用方法2168页第二大题计算机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行为方法2181页第一大题、第二大题周次教学目的、讲授内容及要点学时作业教具11.1项目十三 层和时间轴任务一 层目的：掌握层的概念及作用；层的基本操作。知识点：1、创建层2、层面板3、选择移动层4、层属性5、实训一 制作滚动文字（游戏网）6、实训二 利用层制作网页7、项目小结技能点：层的基本操作2如何实现表格与层的转换？计算机11.2项目十三 层和时间轴任务二 和层有关的行为目的：掌握设置文本行为的设置；掌握显示-隐藏层行为的设置。知识点：1、设置层文本动作2、实训三 设置层文本（购物网）3、显示-隐藏层行为4、实训四 利用显示-隐藏层制作下拉菜单（购物网）5、项目小结技能点：文本行为的设置；显示-隐藏层行为的设置；关于层的行为2有关层的行为都有哪些？11.3项目十三 层和时间轴任务三 和层有关的行为目的：掌握设置文本行为的设置；掌握显示-隐藏层行为的设置。知识点：1、拖动层行为2、实训五 芭比换装游戏（游戏网）3、实训六 制作二级弹出式菜单（鲜花网）4、项目小结技能点：设置文本行为的设置；显示-隐藏层行为的设置；关于层