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项目实战实训课程。

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

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

（三）参考学分学时本课程5学分，学时80 二、教学条件1．教学做一体化的教室；2．机器内存配置建议>=4G；3. window7及以上操作系统环境4. 极域电子教室传屏软件。

5. 支持外网连接，能够登录职教云平台三、课程教学团队担任本课程的主讲教师需要具有丰富的web前端开发经验，能够独立完成教学项目并且能够解决网站开发过程中出现的常见问题。

四、教学方法1.任务驱动法课程采用任务驱动教学方法、教学做一体化的教学方式。

教学过程以完成网站中的各种特效为教学目标，培养学生的前端开发能力。

2.问题闯关法每个重要的知识点，都通过设计问题的方式引导学生思考，可以是为什么，可以是怎样解决，可以是你还有其它解决方案吗等等问题的方式，时刻调动学生的思维，让学生成为课堂的主体。

3.线上测试手段对每个知识目标在职教云平台中设计测试题，每次课学习之后下一次课开始时利用5到10分钟进行线上测试并讲解，检查学生的学习效果并督促学生巩固理论知识。

4.课上课下相结合将难度较大的重点知识，录制为视频，提供给学生课下学习，同步提供相应知识点的作业，帮助学生理解掌握相关知识。

五、教学资源建设及信息化应用情况（一）课程资源要求：描述满足课程教学需要的教学资源。

不完全依据某教材组织教学，鼓励按照人才培养目标对教学内容重新进行设计。

（二）教材选用本课程教材选用情况。

本课程使用自编电子讲义。

（三）信息化应用使用智慧职教平台进行信息化教学改革。

六、课程内容设计七、成绩考核第10讲掌握资源面板的使用方法。

掌握创建模板和模板属性的修改方法。

掌握创建库文件和使用库项目的方法。

掌握模板的使用方法。

熟练库面板的应用。

能够正确应用模板的所有属性。

小结1、熟练掌握模板的创建、编辑、应用。

2、熟练掌握库面板的应用。

作业第11讲掌握CSS+DIV的概述。

掌握div和span标记的区别。

掌握盒子的概念和操作技巧。

掌握DIV的应用方法。

熟练掌握CSS样式的应用。

能够正确使用DIV标签布局。

小结1、熟练掌握表单的创建。

2、熟练掌握表单的类型与使用。

作业第12讲熟练掌握表单的使用方法。

掌握复选框和单选按钮的创建方法。

掌握列表和菜单的创建方法。

掌握如何创建表单。

熟练掌握表单的应用。

能够正确使用不同类型的表单制作网页。

12.3.3 创建跳转菜单12.3.4 课堂案例——OA系统登录页面12.3.5 创建文件域12.3.6 创建图像域12.3.7 提交、无、重置按钮12.4 课堂练习——创新生活网页12.5 课后习题——美食在线网页小结1、熟练掌握表单的创建。

2、熟练掌握表单的类型与使用。

作业第13讲掌握行为面板的使用方法。

掌握行为的应用方法和技巧。

掌握动作面板的使用方法。

掌握如何使用“行为”面板。

熟练掌握动作。

能够正确使用不同类型的动作制作网页。

13.2.12 设置文本域文字13.2.13 设置框架文本13.2.14 设置状态栏文本13.2.15 跳转菜单13.2.16 跳转菜单开始13.3 课堂练习——摄影网页13.4 课后习题——美味蛋糕网页小结1、熟练掌握“行为”控制面板。

2、熟练掌握动作的使用方法与技巧。

作业第14讲掌握编辑网页代码的方法和技巧。

掌握常用的HTML标签和脚本语言。

掌握响应HTML事件的方法。

熟练掌握HTML标签。

熟练掌握脚本语言。

能够正确的编写代码。

作业第15讲课时内容综合设计实训教学目标掌握软件基础知识的使用方法了解软件的常用设计领域掌握在不同设计领域的使用技巧教学重点熟练掌握HTML标签。

熟练掌握脚本语言。

教学难点能够正确的编写代码。

教学设计1、教学思路：（1）通过对课堂案例的讲解掌握乐卡丝家居网页的制作方法；（2）再通过软件相关功能的解析学习制作网页页面的方法；（3）最后通过课后习题消化软件功能及使用技巧。

2、教学手段：（1）通过课堂案例熟悉设计理念和软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。

（3）通过课后习题提高学生的实际应用能力。

3、教学资料及要求：在网上中找一些网页页面进行制作，来加深学员对知识点的理解和提高实际操作能力。

教学内容讨论问题：1、在Dreamweaver CS6中有哪几种方法可以布局页面？2、在Dreamweaver CS6中如何快速创建超链接？内容大纲：具体可结合本项目的PPT课件进行配合讲解。

15.1 乐卡丝家居网页15.1.1 案例分析15.1.2 案例设计15.1.3 案例制作15.2 课后习题——美食网页小结1、熟练掌握页面布局。

2、熟练应用软件制作页面。

作业Dreamweaver CS6网页设计与制作教学教案本书全面、系统地介绍Photoshop CC 2019的基本操作方法和图形图像处理技巧，并对Photoshop在设计领域的应用进行细致的讲解，具体内容包括图像制作基础、软件基础操作、插画设计、Banner设计、App设计、H5设计、海报设计、网页设计、包装设计、综合设计实训等。

本书项目1 ～项目9先在“相关知识”中讲解基础知识，使学生了解图形图像处理的相关概念、要素和设计原则等；再通过“任务引入”引导学生了解每个任务学习的要点；通过“设计理念”展示设计的构思过程和主导思想；通过“任务知识”带领学生深入学习软件功能；通过“任务实施”指导学生快速熟悉图像的设计制作过程；通过“扩展实践”和“项目演练”提高学生的实际应用能力。