《网页制作》教案设计.doc
《《网页制作》教案设计.doc》由会员分享，可在线阅读，更多相关《《网页制作》教案设计.doc（99页珍藏版）》请在冰豆网上搜索。
精品文档
湖南省商业技术学院
学期授课进度计划
（二年级第一学期）
课程名称 网页制作与设计
适用班级 16高21、22
制定教师 易会芝
审批签字
教研室主任
年月日
教务科长
年月日
教务院长
年月日
2017-2018学年第一学期制定
课时分配
授课
周数
周课时
授课
总课时
其中
讲课
实验
复习考试
机动
23
期末完成情况
计划
课时
完成
课时
超出或缺少课时
超出
缺少
弥补
教学截至
章节内容
备注：
用蓝黑或碳素墨水钢笔填写
教学计划
学情分析
本门课程《网页设计与制作》的教学班级为14级计算机班，计算机班对网络知识有一定的了解，基础知识较好，同时根据实际情况，特拟定本计划。
大纲要求
通过本学期《网页设计与制作》的学习，主要要求同学们掌握网页制作的一些基本功能和操作，为以后的一些学习和工作打下较好的基础。
通过学习要求同学达到以下要求：
1、了解DreamweaverCS6的详细功能及操作方法。
2、熟练掌握网页制作技巧。
3、掌握网页规范以及网页优化和网站推广的知识。
4、明确网站建设的流程和站点建设成后需要做的优化推广工作。
教学重点
1、超级链接
2、表格表单应用
3、框架使用
4、CSS样式
教学难点
1、超级链接
2、用表格和框架布局页面
3、创建数据库
教学方法
讲授法、演示法、项目教学法、合作学习、对话、任务驱动法、头脑风暴、小组讨论法等教学方法。
学期授课进度计划表
周次
授课内容
课时
备注
3
1.1网站基础知识
2
1、2周新生军训
1.2网站建设概述
2
实训新建一个网页
2
上机
4
2.1添加和编辑文本
2
实训网站素材处理
2
上机
实训制作简单网页
2
上机
5
6
7
国庆放假
6
机动补周一课
8
2.2添加和编辑图像
6
2.3创建超级链接
2
实训图像处理和创建超级链接
2
上机
9
实训跳转菜单
2
上机
2.4使用表格布局页面
2
实训表格布局实例分析
2
上机
10
2.5使用框架布局页面
2
运动会
充周三到周五
运动会
11
实训框架布局实例分析
2
上机
3.3添加动画
2
添加音频和视频
2
12
实训DIV与表格的转换
2
上机
4.3晃动的图片
2
实训交换图像
2
上机
13
实训拼图游戏
2
上机
4.4修改属性特效及动态菜单制作
2
实训效果行为应用
2
上机
14
实训图片展播实例
2
上机
5.1认识和编辑CSS
2
实训美化页面
2
上机
15
实训应用CSS到网页中
2
上机
5.2类型、背景和区块样式
2
实训方框、边框和导航栏
2
上机
16
实训超链接样式及设置技巧
2
上机
学期授课进度计划表
6.1DIV布局页面
2
6.2认识Spry
2
17
实训调整样式
2
上机
6.3选择服务器和使用虚拟机
2
6.4申请域名
2
18
实训网站发布
2
上机
7.1个人主页制作
2
7.2策划构思及设计流程
2
19
实训页面布局
2
上机
7.3制作页面头部
2
7.4制作中间表格内容
2
20
元旦放假
2
机动
2
充周一课
2
21
2
2
2
22
复习考试
6
教研组意见
课题
1.1网页制作基础知识
教学课时
2课时
教学目标
知识目标
能了解网页制作软件的特点
能力目标
能掌握网页制作的基本概念
情感目标
提高学生团结合作精神，提高学生竞争意识
教学重点
网页的组成
教学难点
网页的分类，网址与域名的区分
教学资源
1.教学场所：
多媒体教室
2.教学设备：
安装有Dreamweavercs5软件的计算机
3.教学资料：
辅助课件.多媒体教学软件
教法
讲解法、任务驱动教学法
学法
小组讨论法
教学过程
课前准备
导入新课
讲授新课
动手实践
课堂小结
作业布置
时间分配
5
10
50
15
5
5
教学过程
过程安排
教学内容
教师活动
学生活动
设计意图
课前准备
1、教师自我介绍；
2、点名；
3、课程介绍
4、课堂要求
1.自我介绍
2.按照花名册点名
3.课程介绍
4.统计学情
5.提出期望与要求
1.班长统计座次表
2.学生自我介绍
3.反应学情
4.推荐课代表。
使师生尽快互相认识，并促使学生答题了解我们的课程。
导入新课
本次课是本学期第一次上课，简单介绍本课程：
1、网页设计相关级别及其薪资待遇
2、网页设计的就业方向及其公司类型
以提问的方式了解学生对网页设计的认知
学生之间相互讨论，加深对网页设计的认识
提问跟就业和薪资有关的问题，抓住学生注意力。
任务一
讲授新课
一、网页设计介绍
1、网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站去谈电子商务是不可能的。
2、企业的网站被称为“网络商标”，也是企业无形资产的组成部分，而网站是Internet上宣传和反映企业形象和文化的重要窗口。
二、网页设计的要点
1、明确建站目标和需求。
2、网站主题鲜明。
3、网站版式设计。
4、色彩在网站设计中的作用。
5、网站设计形式与内容统一。
三、网站设计级别
1、新手入行
2、跳槽阶段
3、稳定阶段
4、大师阶段
四、网页设计公司类型
1、门户游戏类
2、企业部门类
3、网站建设类
4、互动设计类
五、网页三剑客
1、Dreamweaver：
可视化页面设计、网站管理
2、Fireworks
页面图象设计工具
3、Flash
动画制作
六、网页基础知识
1、网页与网站的区别
（1）网页是WWW系统中信息的基本单位，简单来说，就是后缀名为htm的文件。
（2）网站是指存放在网络服务器上的完整信息的集合体。
2、网页的组成
（1）文字：
最直接、通用、容易的沟通方式
（2）图片：
网页的一大特点——图文并茂
（3）动画：
1995年，Sun公司开发了Java语言，用户可以创建能调用图片和声音的多媒体应用小程序（4）超链接：
要通过一种方式把各独立的网页整和在一起，使之构成一有机整体，而这种链接页面的功能叫超链接。
（5）特殊组件：
图片与动画可算是最常见的特殊组件。
3、主页Homepage
引导访问者浏览网站。
index、main、default
4、网页空间
在Internet上申请的一个存储空间，用以存放网页。
5、网址和域名
网址：
IP地址
域名：
与IP地址相对应，唯一性，善于识别
最右边：
国家（中国——cn）
其次：
机构（商业机构——com）
再次：
子网名称
最左边：
服务器类别（web服务器——www）
6、网页的分类
静态页面与动态页面
7、认识网站
门户网站：
sina
个人网站：
明星
专业网站：
医疗
职能网站：
政府
简单介绍网页知识
提问：
网页设计要点并将学生分组进行讨论
讲述网站设计级别，引导学生对这个行业向往，并鼓励学生向大师阶段努力
简单介绍学生将来从事本行业的范围
介绍网页制作需要的软件
给学生灌输网页设计的基本知识
吸收新知识并思考生活中常见网页设计知识
分组讨论，并派出代表来总结
思考自己的定位
了解本行业的现状
认识软件基本组成
做笔记，识记教师讲述的知识
讲述基础知识，为后面学习打下基础
加强学生之间交流沟通能力，加深学生对网页设计要点理解
引导学生了解这个行业
引导学生了解本行业从事范围
提前引导学生认识dreamweavercs5为后面软件学习打下基础
这些知识都是学网页设计最基本的基础知识，学生基础知识薄弱，必须了解这些才能学习后面的内容
任务二
动手实践
根据网页设计要点，以小组为单位确定一个网站主题，小组讨论需要的步骤以及素材
巡回指导，给予学生帮助
小组讨论，相互沟通
加深学生对网页设计要点学习
课后作业
1、按照课堂分组课后进行讨论
2、每组确定一个网站主题方向。
3、每组设计一个网站调查问卷。
课堂小结
一、网页设计师就业方向
二、网站设计流程
三、常见网站
教学反思
本次课是网页设计第一次上课，主要讲述一些网页基础知识，学生基础知识薄弱，需要加强，整体来说计算机班基础知识要好于电子商务班
板书
一、网页设计介绍
二、网页设计的要点
三、网站设计级别
四、网页设计公司类型
五、网页三剑客
六、网页基础知识
课题
1.2网站建设概述
教学课时
2课时
教学目标
知识目标
了解做网站的准备工作，掌握站点的建立。
能力目标
1.能了解网站开发的基本流程。
2.能掌握网站开发的基本原则。
3.能学会站点的建立与管理。
情感目标
提高学生团结合作精神，增强小组合作能力
教学重点
站点的建立
教学难点
如何规划好一个网站
教学资源
1.教学场所：
多媒体教室
2.教学设备：
安装有Dreamweavercs5软件的计算机
3.教学资料：
辅助课件、多媒体教学软件
教法
讲解法、任务驱动教学法
学法
小组讨论法
教学过程
过程安排
教学内容
教师活动
学生活动
设计意图
课前准备
1、搜集了解网站开发的基本流程。
2、网站设计、制作过程中的一些原则、注意事项。
配合学生搜索资料及解答疑问
网上搜索教师提出问题，了解网站设计事项
培养学生自主学习能力
导入新课
（5min）
网站设计大致流程是哪些？
每组派出一个代表阐述本组课前搜集的资料
听取学生的观点并给予一定的知道
阐述观点，组员之间相互讨论
锻炼学生
升级会员 