《网页设计与制作》课程教案设计.docxVIP

实用标准文案

实用标准文案

文档

文档

《网页设计与制作》课程教案

一、课程定位

本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。

本课程的目的和任务是让学生学会DreameaverCS6、Flash和Fireworks的使用方法，并能够使用这3款软件制作出美观实用的网页。

二、课程总目标

掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。

（一）知识目标：

熟悉网页制作的基本元素；

掌握DreamweaverCS6软件的基本操作方法；

掌握在网页中插入文字、图片、声音、flash等的方法；

掌握常见的网页布局方法，学会使用CSS美化网页；

掌握在网页中使用表单和制作网页特效的方法；

掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来。

掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分。

（二）职业能力培养目标

1.能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、图片、动画、声音、视频等素材并作美化处理；2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览者接受和喜爱；

3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态页面。

（三）素质目标

具有勤奋学习的态度，严谨求实、创新的学习精神；

具有良好的心理素质和职业道德素质；

具有高度责任心和良好的团队合作精神；

具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。

（四）职业技能证书考核要求：

可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。

三、重点、难点章节及内容

1.重点章节：

1.2网页、网站相关术语简介

1.6网站建设的基本流程

2.3DreamweaverCS6的工作环境

3.2创建本地站点

使用站点

网页设计中的规范

4.1网页文件的基本操作

插入文本

插入水平线

插入其他基本元素

创建列表

超级链接概述

创建超级链接

使用dw制作各种超级链接

插入图像

图像的HTML标签

插入图像对象

创建图像对象

表格概述

使用dwcs6创建表格

表格的基本操作

在表格中添加内容

在网页中插入Div

使用APDiv排版

操纵APDiv

设置APDiv的属性

APDiv与表格的相互转换

APDiv的行为

DWcs6k中框架的基本事件

浮动框架

创建表单

插入表单对象

JavaScript

行为

插入媒体的使用

音频

视频文件

CSS简介

CSS的结构和规则

CSS样式面版

CSS样式的建立

使用库项目

模板

测试网站

发布网站

管理站点和高级设置2.难点章节：

3.2创建本地站点

3.4使用站点

插入水平线

插入其他基本元素

创建列表

创建超级链接

使用DW制作各种超级链接

6.2图像的HTML标签

表格的基本操作

在表格中添加内容

在网页中插入Div

使用APDiv排版

操纵APDiv

设置APDiv的属性

APDiv与表格的相互转换

APDiv的行为

DWcs6中框架的基本事件

浮动框架

10.3插入表单对象

JavaScript

行为

CSS样式面版

CSS样式的建立

使用库项目

模板

测试网站

发布网站

管理站点和高级设置

四、实践环节和内容总体设计

（一）主要环节安排

对于本课程的重点知识，主要采用操作演示、案例说明和任务驱动法来展开教学。本课程采用理实一体化教学模式，每一节课都要求学生将理论知识运用到实际操作中，用理论指导实践，并逐步总结经验，掌握专业技能。在实践的过程中锻炼学生思考问题、分析问题、解决问题的能力，达到掌握网页制作和设计的技能的目的。

对于课程的难点知识，主要用实际操作和案例法分析，将操作的注意事项给学生做演示和分解说明，这样化解难点，让学生通过操作、思考和总结，尽快掌握相应知识。

（二）内容总体设计

课堂教学中的实践环节

本课程全部为理实一体化教学模式，概念、软件界面、操作步骤都通过运用知识对实际问题的解决方面来展开教学。概念采用理解后再记忆的模式，或者采用边操作边理解，这样达到更加深刻的记忆和更加透彻的理解。每一堂课都针对基本知识点进行操作和练习，同时就这些知识点如何应用的自己设计的网页中布置任务，让学生主动运用知识，培养学生创新能力、主