Dreamweaver CS6网页设计与制作教学教案

《Dreamweaver CS6网页设计与制作标准教程》

教学教案

掌握互联网基础和网站建设基本流程。

掌握网站建设基础和网页设计基础。

掌握网页的制作常用软件和标准技术。

熟练掌握网站建设的基本流程。

熟练掌握网页设计基础知识。

软件的应用和标准技术。

掌握软件的工作界面和创建网站框架。

掌握管理站点文件和文件夹的方法。

掌握管理站点和网页文件头设置。

熟练掌握Dreamweaver CS6工作界面的基本操作。熟练掌握Dreamweaver CS6的站点。

在Dreamweaver CS6中站点的建立及编辑。

第3讲

掌握输入文本和设置文本属性的方法。

掌握项目符号和编号列表的创建方法。

掌握水平线、网格与标尺的使用方法。

熟练掌握文本的多种创建方法和编辑技巧。

熟练掌握项目符号、编号列表和水平线的使用方法。

能够正确输入文本并编辑相关属性。

3.1.14 设置文本样式

3.1.15 段落文本

3.2 项目符号和编号列表

3.2.1 课堂案例——电器城网店

3.2.2 设置项目符号或编号

3.2.3 修改项目符号或编号

3.2.4 设置文本缩进格式

3.2.5 插入日期

3.2.6 特殊字符

3.2.7 插入换行符

3.3 水平线、网格与标尺

3.3.1 课堂案例——摄影艺术网页

3.3.2 水平线

3.3.3 显示和隐藏网格

3.3.4 标尺

3.4 课堂练习——有机果蔬网页3.5 课后习题——休闲旅游网页

小结1、熟练掌握文本的使用方法和技巧。

2、了解并掌握项目符号和编辑列表的使用方法和技巧。

作业

第4讲

熟练掌握图像的插入方法。

掌握多媒体在网页中的应用。

熟练掌握图像的格式与模式。

熟练掌握Flash文件的插入与设置。

能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。

4.4 课后习题——房源网页

小结1、熟练掌握图像的格式与插入方法和使用技巧。

2、掌握Flash动画的插入和属性的设置。

作业

第5讲

了解超链接的概念与路径知识。

掌握文本、图像超链接的创建方法。

掌握命名锚点、热点超链接的创建方法。

简单了解超链接的概念与路径知识。

熟练掌握超链接的分类及每种类型的创建方法。

能够正确给所需文本添加超链接，以及锚记超链接的使用方法和技巧。

5.5 热点链接

5.5.1 课堂案例——口腔护理网页

5.5.2 创建热点链接

5.6 课堂练习——家装设计网页5.7 课后习题——建筑设计网页

小结1、熟练掌握超链接的概念与路径。

2、熟练掌握超链接的类型与创建方法的技巧。

作业

第6讲

熟练掌握表格的简单操作。

熟练掌握在网页中制作数据表格。

掌握复杂表格的排版方法。

简单了解表格在制作网页中的作用。

熟练掌握表格的插入与属性的设置。

能够正确使用表格的嵌套制作复杂的网页页面。

6.2.3 排序表格

6.3 复杂表格的排版

6.4 课堂练习——火锅餐厅网页

6.5 课后习题——茶文化网页

小结1、熟练掌握表格的插入及表格属性的设置方法和技巧。

2、熟练掌握表格嵌套布局。

作业

第7讲

掌握框架与框架集的操作方法。

熟练掌握框架属性的设置方法。

熟练掌握框架的创建方法。

熟练掌握框架的拆分方法。

小结1.熟练掌握框架的创建方法。

2.熟练掌握框架的拆分方法。

作业

第8讲

熟练掌握层的基本操作方法。

掌握应用层设计表格的技巧。

掌握如何创建层。

熟练掌握层的属性设置。

小结1.熟练掌握层的创建方法。

2.熟练掌握层的属性设置。

作业

第9讲

掌握CSS样式的概念和面板的使用。

掌握样式类型和创建、编辑样式的方法。

掌握CSS属性和过滤器的使用方法。

掌握如何应用CSS样式控制标签。

熟练掌握CSS的属性设置。

能够正确使用不同类型的样式控制标签。

9.5.5 方框

9.5.6 边框

9.5.7 列表

9.5.8 定位

9.5.9 扩展

9.5.10 过渡

9.6 过滤器

9.6.1 课堂案例——爱插画网页

9.6.2 可应用过滤的HTML标签

9.6.3 CSS的静态过滤器

9.6.4 CSS的动态过滤器

9.7 课堂练习——爱美化妆品网页9.8 课后习题——咖啡屋网页

小结1、熟练掌握CSS样式的概念。

2、熟练掌握CSS样式的分类及使用方法和技巧。

作业

框架的应用，涉及jQuery的基本使用、选择器、DOM操作、事件机制、动画方法、Ajax交互、第三方工具使用等。通过本课程的学习，学生能够理解jQuery的实质，掌握jQuery 的使用方式，能使用jQuery快速实现网页特效。

2.创新创业与课程融合情况分析

(1)课堂上创新教学方法。把分组讨论、情景教学、头脑风暴等有创意的教学方法引入课堂，让学生大胆认识自己，克服心理障碍，肯定自己，规划自己，鼓励同学培养编程兴趣，通过创新教学方法带给学生创新的思维。课后，同学们能按组参与图书管理系统和在线商城项目的开发和维护，对项目开发有深入的了解，对项目的功能能够根据行业现有软件的现状，提出改进意见，探寻创新创业思路。

(2)利用第二课堂进行创新创业开发。依靠项目开发实验室，通过实践教学管理系统项目、齐鲁软件大赛项目，培养激发学生的创新意识和创业精神，使学生更清楚得认识自身的潜能，初步了解职场的基本特性，从多个维度对职业特征、职业环境、职业素养进行探索，从而为学生未来的工作做准备。

3.课程思政情况分析

本课程是信息与艺术学院信息技术类专业群平台课程，是软件开发模块的核心课程。前导课程是静态网页设计，JavaScript前端网页开发，后续课程是J2EE项目实战实训课程。

主要任务是培养学生的网页特效实现能力，培养学生团队合作、提升判断力和决定能力以及前端工程师需要掌握的其他能力，为后续学习和工作奠定基础。

课程思政方面主要结合当前时事政治，对学生进行思想教育，并结合课程知识点，潜