最新网页教案.docx
- 文档编号:26349164
- 上传时间:2023-06-18
- 格式:DOCX
- 页数:46
- 大小:26.40KB
最新网页教案.docx
《最新网页教案.docx》由会员分享,可在线阅读,更多相关《最新网页教案.docx(46页珍藏版)》请在冰豆网上搜索。
最新网页教案
课程名称
网页设计基础
课程编号
英文课程名称
BasedWebpagedesign
先修课程
图案设计、三大构成、字体与板式设计、网页设计欣赏
授课班级
15数字媒体
课程类别
职业技能课
开课学期
2016—2017第二学期
学分
8
考试类型
考查
总学时
128
讲授学时
74
实验学时
54
授课教师
孙燕
职称
教研室
教材
网页设计基础
出版社
上海交通大学出版社
参考书
出版社
课程说明
网页设计基础为高职高专一门重要的技能课,是从初学者的角度出发,遵照“操作”“理论”“操作”的原则,通过设计案例的精心策划,建立科学而系统的学习和训练体系。
内容简介
本书通过通俗易懂的语言和实用生动的例子,系统地介绍网页设计基础、静态效果网页设计、动态效果网页设计、网站的管理与维护、FireworksCS5基础、交互性网页元素的制作、图像优化与导出、FlashCS5基础、Flash网页动画制作等。
通过一些特殊的案例引导学生用所学的知识解决学习、生活中的实际问题,提高学生的学习兴趣和实践操作能力。
备注
周
次
讲课内容(附章节)
学
时
实验实习
(讨论大作业)内容
学时
1
第一章网页设计基础
2
1
第二章DreamweaverCS5基础
2
1
第三章第一节文本处理
2
1
第三章第二节文本编辑
文本编辑
2
2
第三章第三节图像处理
2
2
第三章第三节图像属性
2
图像属性
2
2
第三章第四节表格制作
2
2
第三章第五节表格类型分类
表格类型分类
2
3
第四章第一节页面布局
2
3
第四章第二节页面布局
页面布局
2
3
第四章第五节创建超级链接
2
3
第四章第五节创建超级链接
第四章第五节创建超级链接
2
4
第四章第六节层与层动画
2
4
第四章第六节层与层动画
第四章第六节层与层动画
2
4
第四章第七节框架与框架网页
2
4
第四章第七节框架与框架网页
第四章第七节框架与框架网页
2
5
第四章第八节创建CSS样式表
2
5
第四章第八节创建CSS样式表
第四章第八节创建CSS样式表
2
5
第四章第八节资源、模板
2
5
第四章第九节库
2
6
第四章第十节媒体对象应用
2
6
第四章第十一节了解表单处理
2
6
第四章第十二节创建web站点
2
6
第四章案例创建web站点
第四章案例创建web站点
2
7
第四章案例制作动态网站
2
7
第四章案例制作动态网站
第四章案例制作动态网站
2
7
第四章网站维护与上传
2
7
第四章案例制作类型不限网站
2
8
第四章案例制作类型不限网站
第四章案例制作类型不限网站
2
8
第四章案例制作类型不限网站
第四章案例制作类型不限网站
2
8
考试
考试
2
8
考试
考试
2
9
第五章第一节Firoworks快速入门
2
9
第五章第二节位图选择
2
9
第五章第三节位图编辑
2
9
第五章第四节绘制矢量图
2
10
第五章第五节文本操作
2
10
第五章第六节页面、层
2
10
第五章第七节蒙版和路径
2
10
第五章第七节蒙版和路径
第五章第七节蒙版和路径
2
11
制作动画及交互效果
制作动画及交互效果
2
11
考试
考试
2
11
考试
考试
2
11
第六章第一节flash快速入门
2
12
第六章第二节绘图工具详解
2
12
第六章第三节制作卡通刺猬
2
12
第六章第四节动画制作基础
2
12
第六章第五节变脸动画
2
13
第六章第五节案例传统风格开场动画
2
13
第六章第五节案例传统风格开场动画
第六章第五节案例传统风格开场动画
2
13
第六章第五节案例松鼠奔跑动画
2
13
第六章第五节案例松鼠奔跑动画
第六章第五节案例松鼠奔跑动画
2
14
第六章第五节案例小熊滑冰动画
2
14
第六章第五节案例小熊滑冰动画
第六章第五节案例小熊滑冰动画
2
14
第六章第五节案例茁壮成长的花朵
2
14
第六章第五节案例茁壮成长的花朵
第六章第五节案例茁壮成长的花朵
2
15
第六章第五节案例图片遮罩动画
2
15
第六章第五节案例图片遮罩动画
第六章第五节案例图片遮罩动画
2
15
第六章第五节案例圣诞老人飞入动画
2
15
第六章第五节案例圣诞老人飞入动画
第六章第五节案例圣诞老人飞入动画
2
16
第六章第五节案例卡通开场动画
2
16
第六章第五节案例卡通开场动画
第六章第五节案例卡通开场动画
2
16
考试
考试
2
16
考试
考试
2
教学课题
第一章网页设计基础
□标准班
□合班
教学目的
认识网页与网站,了解网页的基本元素
重点难点
熟悉并掌握HTML语言基础知识,理解并掌握网页设计的基本流程
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
第一节:
1、认识网页与网站(0.5学时);
2、网页的基本元素(0.5学时)。
第二节:
1、超文本标4、记语言基础(1学时);
2、网页设计的基本流程(1学时)。
多
媒
体
操
作
课堂小结
(3分钟)
通过本章学习什么是网页和网站
思考题、作业及其预习要求(2分钟)
网页的基本元素有哪些?
教学课题
第二章DreamweaverCS5基础
□标准班
□合班
教学目的
了解Dreamweaver的作用
重点难点
掌握使用Dreamweaver编辑网页和管理站点
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、介绍Dreamweaver功能概括(0.5学时);
2、了解Dreamweaver工作区域(0.5学时)。
第二节:
通过Dreamweaver设计简单网页(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结Dreamweaver功能概括
思考题、作业及其预习要求(2分钟)
Dreamweaver工作区域有几种
教学课题
第三章第一节文本处理
□标准班
□合班
教学目的
理解使用网页设计的文本操作方法、掌握文本基本用法
重点难点
掌握使用CSS设计网页的文本代码、理解网页文本和段落的设计
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、使用HTML设计网页(0.5学时);
2、了解文本及属性功能的运用(0.5学时)。
第二节:
网站文本案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结HTML设计网页文字的几种方式
思考题、作业及其预习要求(2分钟)
了解图像处理
教学课题
第三章第二节文本编辑
□标准班
□合班
教学目的
理解使用网页设计的文本操作方法、掌握文本基本用法
重点难点
掌握使用CSS设计网页的文本代码、理解网页文本和段落的设计
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、使用HTML设计网页(0.5学时);
2、了解文本及属性功能的运用(0.5学时)。
第二节:
网站文本案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结HTML设计网页文字的几种方式
思考题、作业及其预习要求(2分钟)
了解图像处理
教学课题
第三章第三节图像处理
□标准班
□合班
教学目的
理解图像概念,图像在网页中占的比例
重点难点
掌握图像的文件格式、插入不同图像的方式以及属性功能的操作
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2分钟)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是图像(0.5学时);
2、了解图像的文件格式及属性功能用法(0.5学时)。
第二节:
网站图像案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结HTML设计网页的图像,图像属性,及如何插入图像
思考题、作业及其预习要求(2分钟)
了解网站表格制作
教学课题
第三章第三节图像属性
□标准班
□合班
教学目的
理解图片样式设置基础
重点难点
掌握定义图片边框、定义图片大小、定义图片的横向对齐、定义图片的纵向对齐、设置文字环绕效果
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是图像(0.5学时);
2、了解图像的文件格式及属性功能用法(0.5学时)。
第二节:
网站图像案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结图片样式设置
思考题、作业及其预习要求(2分钟)
了解图片的横向对齐
教学课题
第三章第四节表格制作
□标准班
□合班
教学目的
了解表格,表格的用法
重点难点
网站表格的框架结构以及属性功能的运用
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是表格(0.5学时);
2、了解表格的列表的格式填写方式及属性功能用法(0.5学时)。
第二节:
网站表格框架结构的搭建案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结网站的表格操作过程中的灵活多变
思考题、作业及其预习要求(2分钟)
了解页面布局
教学课题
第三章第五节表格类型分类
□标准班
□合班
教学目的
了解表格,表格的用法
重点难点
网站表格的框架结构以及属性功能的运用
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是表格(0.5学时);
2、了解表格的列表的格式填写方式及属性功能用法(0.5学时)。
第二节:
网站表格框架结构的搭建案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结网站的表格操作过程中的灵活多变
思考题、作业及其预习要求(2分钟)
了解页面布局
教学课题
第四章第一节页面布局
□标准班
□合班
教学目的
了解网站页面布局的搭建
重点难点
掌握页面的布局的几种方式
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网站的页面布局(0.5学时);
2、了解页面布局的几种类型格式(0.5学时)。
第二节:
网站布局案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结页面布局的多样性
思考题、作业及其预习要求(2分钟)
了解创建超级链接
教学课题
第四章第二节页面布局
□标准班
□合班
教学目的
了解网站页面布局的搭建
重点难点
掌握页面的布局的几种方式
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网站的页面布局(0.5学时);
2、了解页面布局的几种类型格式(0.5学时)。
第二节:
网站布局案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结页面布局的多样性
思考题、作业及其预习要求(2分钟)
了解创建超级链接
教学课题
第四章第五节创建超级链接
□标准班
□合班
教学目的
了解什么是链接,链接在网页中占的比例
重点难点
掌握超级链接的几种方式
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是超级链接(0.5学时);
2、了解如何创建超级链接及属性功能用法(0.5学时)。
第二节:
网站图像与文字创建超级链接案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结网页中图像以及文本的链接创建
思考题、作业及其预习要求(2分钟)
了解层与层动画
教学课题
第四章第五节创建超级链接
□标准班
□合班
教学目的
了解什么是链接,链接在网页中占的比例
重点难点
掌握超级链接的几种方式
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是超级链接(0.5学时);
2、了解如何创建超级链接及属性功能用法(0.5学时)。
第二节:
网站图像与文字创建超级链接案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结网页中图像以及文本的链接创建
思考题、作业及其预习要求(2分钟)
了解层与层动画
教学课题
第四章第六节层与层动画
□标准班
□合班
教学目的
了解什么是层,掌握网页布局中的层
重点难点
掌握层与层之间的用法
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是层(0.5学时);
2、了解层在css样式表如何设定(0.5学时)。
第二节:
网站层与层的案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结掌握层的用法
思考题、作业及其预习要求(2分钟)
了解框架与框架网页
教学课题
第四章第六节层与层动画
□标准班
□合班
教学目的
了解什么是层,掌握网页布局中的层
重点难点
掌握层与层之间的用法
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是层(0.5学时);
2、了解层在css样式表如何设定(0.5学时)。
第二节:
网站层与层的案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结掌握层的用法
思考题、作业及其预习要求(2分钟)
了解框架与框架网页
教学课题
第四章第七节框架与框架网页
□标准班
□合班
教学目的
了解框架概念,框架的创建
重点难点
掌握框架属性设置、在框架中插入内容
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网页中的框架结构(0.5学时);
2、了解框架的创建,属性设置、在框架中插入内容(理解,核心)(0.5学时)。
第二节:
网站创建新的框架结构案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结掌握热点的用法
思考题、作业及其预习要求(2分钟)
了解图像优化与导出
教学课题
第四章第七节框架与框架网页
□标准班
□合班
教学目的
了解框架概念,框架的创建
重点难点
掌握框架属性设置、在框架中插入内容
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网页中的框架结构(0.5学时);
2、了解框架的创建,属性设置、在框架中插入内容(理解,核心)(0.5学时)。
第二节:
网站创建新的框架结构案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结掌握热点的用法
思考题、作业及其预习要求(2分钟)
了解图像优化与导出
教学课题
第四章第八节创建CSS样式表
□标准班
□合班
教学目的
了解css样式表
重点难点
掌握样式表的作用,创建CSS样式表、修改样式表属性
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网页中的CSS样式表(0.5学时);
2、了解CSS样式表,属性设置,如何利用CSS样式表快速设置图像和文字(理解,核心)(0.5学时)。
第二节:
网站图像与文字通过CSS来设置样式表案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结CSS样式表的用法
思考题、作业及其预习要求(2分钟)
了解资源、模板
图1-4大学生购买手工艺制品目的教学课题
第四章第八节创建CSS样式表
附件
(一):
□标准班
十字绣□编制类□银饰制品类□串珠首饰类□□合班
教学目的
4、如果学校开设一家DIY手工艺制品店,你是否会经常去光顾?
了解css样式表
(二)大学生对DIY手工艺品消费态度分析重点难点
掌握样式表的作用,创建CSS样式表、修改样式表属性
(1)位置的优越性教学方法
机房演示教学,上机实践操作
主要教学过程
(1)专业知识限制机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
2、
3、而手工艺制品是一种价格适中,不仅能锻炼同学们的动手能力,同时在制作过程中也能体会一下我国传统工艺的文化。
无论是送给朋友还是亲人都能让人体会到一份浓厚的情谊。
它的价值是不用金钱去估价而是用你一颗真诚而又温暖的心去体会的。
更能让学生家长所接受。
了解什么是网页中的CSS样式表(0.5学时);
2、了解CSS样式表,属性设置,如何利用CSS样式表快速设置图像和文字(理解,核心)(0.5学时)。
第二节:
网站图像与文字通过CSS来设置样式表案例操作(1学时)
图1-4大学生购买手工艺制品目的
2、传统文化对大学生饰品消费的影响
机
房
操
作
课堂小结
(3分钟)
小结CSS样式表的用法
思考题、作业及其预习要求(2分钟)
了解资源、模板
教学课题
第四章第八节资源、模板
□标准班
□合班
教学目的
了解网页中固定的模板格式
重点难点
掌握快速搭建模板以及模板的操作
教学方法
机房演示教学,上机实践操作
主要教学过程
机房演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网页中的模板框架(0.5学时);
2、了解模板设置,如何利用模板快速设置图像和文字(理解,核心)(0.5学时)。
第二节:
网站图像与文字通过模板整合来设置案例操作(1学时)
机
房
操
作
课堂小结
(3分钟)
小结模板的用法
思考题、作业及其预习要求(2分钟)
了解库
教学课题
第四章第九节库
□标准班
□合班
教学目的
了解库,库的功能
重点难点
掌握库、元件、实例和组件
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网页中的库(0.5学时);
2、了解库设置,如何调用外部库的设置(理解,核心)(0.5学时)。
第二节:
网站调用外部库的样式案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结库各种操作方式的区别
思考题、作业及其预习要求(2分钟)
了解媒体对象操作
教学课题
第四章第十节媒体对象应用
□标准班
□合班
教学目的
了解常用多媒体的文件格式、插入多媒体的方式、插入Flash
重点难点
掌握不同媒体的插入方式及功能属性
教学方法
多媒体演示教学,上机实践操作
主要教学过程
多媒体演示教学,上机实践操作
教学手段
教学过程
设计
(2学时)
回顾上节课内容、导入新课内容(10分钟)
第一节:
1、了解什么是网页中媒体(0.5学时);
2、了解媒体设置以及不同格式的插入方式(理解,核心)(0.5学时)。
第二节:
网站调用外部库的样式案例操作(1学时)
多
媒
体
操
作
课堂小结
(3分钟)
小结媒体的方式
思考题、作业及其预习要求(2分钟)
了解表单处理
教学课题
第四章第十一节了解表单处理
□标准班
□合班
教学目的
了解表单面板、表单元
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 最新 网页 教案