1 / 29
文档名称:

网页设计与制作 电子.docx

格式:docx   大小:48KB   页数:29页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页设计与制作 电子.docx

上传人:wz_198613 2022/3/19 文件大小:48 KB

下载得到文件列表

网页设计与制作 电子.docx

相关文档

文档介绍

文档介绍:电子教案
课程: 第1章 网页制作基础
课时内容
网页制作基础
授课时间
学时数
2
教学目标
þ 了解HTML的组成和语法
þ 了解网页制作的常用软件
掌握网页制作软件的启动和退出方法
教学重点软件,进行比较讲解,这样既可以让同学们快速地掌握其操作方法,又可以巩固以前的知识。
3、教学手段:利用多媒体并结合书本上的内容进行教学。
4、教学资料及要求:课前要求学生了解在Word办公软件中创建超级链接的方法。
教学内容
知识回顾:上一课时讲的Dreamweaver CS5的工作界面由哪几部分组成?
讨论问题:1、如何在网页中插入对象?
2、插入这些对象有何作用?
3、怎样对插入的对象进行编辑?
内容:
文本的操作
插入和编辑图像
创建超级链接
本课小结
掌握在网页中插入对象的方法。
掌握在网页中编辑对象的方法。
了解在网页中创建超级链接的方法。
思考题及作业
(1)如何在页面中插入图像?
(2)如何在页面中创建一个锚记链接?
(3)如何为自己的邮箱创建电子邮件链接?
电子教案
课程: 第4章 布局页面
课时内容
布局页面
授课时间
学时数
2
教学目标
þ 掌握插入和编辑的表格方法
þ 认识布局视图模式
þ 掌握布局单元格和布局表格的创建和编辑
þ 掌握框架的使用方法
教学重点
创建以及编辑表格和框架的方法
教学难点
设置表格及框架的属性
教学设计
教学思路:首先,让同学们先说说对插入的表格可以进行哪些编辑操作。然后进行系统地介绍在网页中插入表格和创建框架的方法。最后学****对插入表格和创建的框架进行编辑操作。
2、教学方法:讲课前可以先讲一个与网页有关的小故事或做一个小游戏,活跃下气氛,带动同学们的积极性。
3、教学手段:利用多媒体,对表格和框架的编辑方法进行详细讲解。
4、教学资料及要求:课前要求学生了解布局页面常用到的对象有哪些。
教学内容
知识回顾:上一课时讲的在网页中插入对象与编辑对象的方法?
讨论问题:1、为什么要使用表格和框架布局页面呢?
2、这样做对网页的整体效果起什么作用?
3、又如何在网页中插入表格和创建对象?
第4章 布局页面
使用表格布局页面
插入表格
选择表格元素
输入页面元素
设置表格属性
添加/删除行或列
单元格的合并及拆分
应用举例——创建细线表格
使用框架布局网页
创建框架网页
拆分框架
保存框架和框架集
删除框架
设置框架集及框架的属性
应用举例——制作网站后台框架页面
上机及项目实训
制作网站后台管理页面
制作“探险游”网页
练****与提高
本课小结
1、掌握布局页面的方法。
3、掌握对创建的表格和框架进行属性设置。
思考题及作业
(1)如何创建表格和框架?
(2)表格和框架在页面中有什么用?
电子教案
课程: 第5章 使用AP Div和行为
课时内容
使用AP Div和行为
授课时间
学时数
3
教学目标
掌握AP Div的创建和设置
掌握AP Div的操作
掌握行为的创建和设置
掌握内置行为动作的应用
教学重点
创建和设置AP Div和行为的方法
教学难点
AP Div和行为的操作
教学设计
1、教学思路:首先,先讲一下AP Div的含义,让同学们对其现有一个基本的了解。然后进行系统地介绍AP Div的创建和设置以及基本的操作方法。最后学****行为的基本操作方法。
2、教学方法:先讲一下网页对一个网站的作用,尽量讲同学们感兴趣的方面。
3、教学手段:由浅入深并结合多媒体进行教学。
4、教学资料及要求:课前要求学生从网上多看一些网页,并进行简单的分析。
教学内容
知识回顾:上一课时讲的如何编辑表格和框架?
讨论问题:1、AP Div是什么?
2、在网页中有什么用?
3、又如何对其进行操作?
第5章 使用AP Div和行为
AP Div的创建和设置
创建AP Div
AP Div的“属性”面板
“AP元素”面板
应用举例——创建AP Div
AP Div的基本操作
选择AP Div
调整AP Div的大小
移动AP Div
对齐AP Div
应用