当前位置:文档之家› 网页设计与制作电子教案

网页设计与制作电子教案

实用标准文案电子教案课程:第1章网页制作基础课时内容网页制作基础授课时间学时数2教学目标了解 HTML 的组成和语法了解网页制作的常用软件掌握网页制作软件的启动和退出方法教学重点网页制作的一些基本知识教学难点HTML的组成和语法教学设计1、教学思路:首先,让同学们说说他们对网页的一个认识。

然后进行系统地介绍网页是什么,由哪些部分组成,还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。

最后学习网页制作软件的启动和退出方法。

2、教学方法:先登录一些常用的网站,让同学们看一些网页,然后让同学们说下他们度网页的认识,最后才开始讲解本周内容。

3、教学手段:利用多媒体并结合网络进行教学。

4、教学资料及要求:课前要求学生先大致浏览本书内容,对本书所要讲解的内容有个基本的了解。

教学内容讨论问题: 1、什么是网页?2、网页的基本组成部分是哪些?3、网页有什么作用?第 1 章网页制作基础#1.1网页制作基础知识1.1.1网页简介1.1.2什么是HTML1.1.3 HTML 的组成结构及语法1.1.4应用举例——使用记事本编写网页1.2网页制作的常用软件1.2.1图形图像处理软件1.2.2动画制作软件1.2.3网页布局软件1.2.4软件配合及制作流程1.2.5应用举例——实战网页制作流程1.3网页制作软件的启动与退出1.3.1网页制作软件的启动1.3.2文件的打开1.3.3网页制作软件的退出1.3.4应用举例——启动并退出Photoshop CS31.4上机及项目实训1.4.1Flash CS3 的启动与退出1.4.2制作“蓝莲花”网页1.5练习与提高本课小结1、了解网页的组成。

2、掌握 HTML的组成结构及语法。

3、认识制作网页时常用到的一些软件4、掌握网页的基本操作思考题及(1)HTML文档结构由哪几部分组成?作业( 2)制作网页时常用软件有哪些?(3)如何启动和退出 Dreamweaver CS3?(4)如何打开 Flash 文件?(5)如何退出 Photoshop?电子教案课程:第2章Dreamweaver CS5基本操作课时内容Dreamweaver CS5 基本操作授课时间学时数2教学目标认识 Dreamweaver CS5 的工作界面掌握网页文档的基本操作方法掌握页面属性的设置掌握设置并管理站点的方法教学重点认识 Dreamweaver CS5 的工作界面教学难点设置页面属性和站点管理教学设计1、教学思路:首先,让同学们认识Dreamweaver CS5 的工作界面。

然后进行系统地介绍网页文档制作的基本操作方法及页面的设置。

最后学习对站点的管理以及设置方法。

2、教学方法:让同学们先回忆一下上节课所讲内容,然后让同学们回答网页是由哪几部分组成的,了解同学们对上一章知识的掌握程度。

3、教学手段:结合上章内容在机房内进行上机讲解。

4、教学资料及要求:课前要求学生预习本章内容。

教学内容知识回顾:上一课时讲的网页由哪几部分组成?讨论问题: 1、Dreamweaver CS5 的工作界面由哪几部分组成?2、各部分的作用是什么?内容:1.了解网页元素2. Dreamweaver CS5 工作界面3.网页文档的基本操作4站点管理本课小结1、了解 Dreamweaver CS5 工作界面的组成部分及各部分的作用。

2、掌握网页文档的基本操作。

3、掌握页面属性的设置。

4、对 Dreamweaver CS5 站点的管理。

思考题及(1)预览网页效果一般会注意哪些方面?作业( 2)如何创建和规划站点?( 3)如何创建站点文件和文件夹?( 4)设置页面属性,一般包括那几个方面?电子教案课程:第3章创建网页基本对象课时内容创建网页基本对象授课时间学时数4教学目标掌握文本的插入以及调整学会图像的插入和编辑操作掌握创建超级链接的方法教学重点创建对象及超级链接的方法教学难点编辑网页中创建的对象教学设计1、教学思路:首先,让同学们先说说在Word、Excel 中插入与编辑对象的方法。

然后进行系统地介绍在网页中创建和编辑对象的方法。

最后学习在网页中创建超级链接的方法。

2、教学方法:可以选择一种同学们熟悉的,并且插入对象与编辑对象的方法要与在网页中插入和编辑对象的方法基本相同的软件,进行比较讲解,这样既可以让同学们快速地掌握其操作方法,又可以巩固以前的知识。

3、教学手段:利用多媒体并结合书本上的内容进行教学。

4、教学资料及要求:课前要求学生了解在Word 办公软件中创建超级链接的方法。

教学内容知识回顾:上一课时讲的 Dreamweaver CS5的工作界面由哪几部分组成?讨论问题: 1、如何在网页中插入对象?2、插入这些对象有何作用?3、怎样对插入的对象进行编辑?内容:3.1文本的操作3.2插入和编辑图像3.3创建超级链接本课小结1、掌握在网页中插入对象的方法。

2、掌握在网页中编辑对象的方法。

3、了解在网页中创建超级链接的方法。

思考题及(1)如何在页面中插入图像?作业( 2)如何在页面中创建一个锚记链接?( 3)如何为自己的邮箱创建电子邮件链接?电子教案课程:第4章布局页面课时内容布局页面授课时间学时数2教学目标掌握插入和编辑的表格方法认识布局视图模式掌握布局单元格和布局表格的创建和编辑掌握框架的使用方法教学重点创建以及编辑表格和框架的方法教学难点设置表格及框架的属性教学设计1、教学思路:首先,让同学们先说说对插入的表格可以进行哪些编辑操作。

然后进行系统地介绍在网页中插入表格和创建框架的方法。

最后学习对插入表格和创建的框架进行编辑操作。

2、教学方法:讲课前可以先讲一个与网页有关的小故事或做一个小游戏,活跃下气氛,带动同学们的积极性。

3、教学手段:利用多媒体,对表格和框架的编辑方法进行详细讲解。

4、教学资料及要求:课前要求学生了解布局页面常用到的对象有哪些。

教学内容知识回顾:上一课时讲的在网页中插入对象与编辑对象的方法?讨论问题: 1、为什么要使用表格和框架布局页面呢?2、这样做对网页的整体效果起什么作用?3、又如何在网页中插入表格和创建对象?第4 章布局页面4.1使用表格布局页面4.1.1插入表格4.1.2选择表格元素4.1.3输入页面元素4.1.4设置表格属性4.1.5添加/删除行或列4.1.6单元格的合并及拆分4.1.7应用举例——创建细线表格4.2使用框架布局网页4.2.1创建框架网页4.2.2拆分框架4.2.3保存框架和框架集4.2.4删除框架4.2.5设置框架集及框架的属性4.2.6应用举例——制作网站后台框架页面4.3上机及项目实训4.3.1制作网站后台管理页面4.3.2制作“探险游”网页4.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 和行为5.1 AP Div 的创建和设置5.1.1创建AP Div5.1.2 AP Div 的“属性”面板5.1.3“ AP元素”面板5.1.4应用举例——创建AP Div5.2 AP Div 的基本操作5.2.1选择 AP Div5.2.2调整 AP Div 的大小5.2.3移动 AP Div5.2.4对齐 AP Div5.2.5应用举例——使用 AP Div 布局页面5.3行为的基本操作5.3.1认识行为和事件5.3.2“行为”面板5.3.3内置行为动作的应用5.3.4应用举例——设置状态栏文本5.4上机及项目实训5.4.1绘制AP Div5.4.2制作图像跳转网页5.5练习与提高本课小结1、掌握创建和设置AP Div 和行为的方法。

2、掌握 AP Div 和行为的使用方法。

思考题及(1)在页面中如何创建多个嵌套AP Div ?作业( 2)如何在页面上设置行为动作?( 3)如何绘制AP Div ?( 4)主要的行为动作有哪些?电子教案课程:第6章创建表单课时内容创建表单授课时间学时数2教学目标了解表单域和表单对象的概念掌握表单对象的创建和属性设置教学重点认识表单教学难点创建表单对象教学设计1、教学思路:首先,先讲表单的概念和一些简单认识。

然后进行系统地介绍表单对象的创建方法。

最后学习制作简单的表单页面。

2、教学方法:上课前可以先出一道与上章知识有关的思考题,题要比较灵活,这样可考验下同学们的思维能力。

3、教学手段:利用多媒体并结合实例进行教学。

4、教学资料及要求:课前要求学生复习上一章所讲过的知识。

教学内容知识回顾:上一课时讲的AP Div 和行为的使用方法?讨论问题: 1、为什么要创建表单?2、表单中又包含哪些对象?第6 章创建表单6.1表单的概念6.1.1表单域6.1.2表单对象6.1.3应用举例——快速选择表单域和表单对象6.2创建表单对象6.2.1文本域6.2.2复选框6.2.3单选按钮6.2.4列表和菜单6.2.5跳转菜单6.2.6表单按钮6.2.7创建图像域6.2.8用举例——在添加表单对象的同时添加表单域6.3上机及项目实训6.3.1制作注册表单页面6.3.2制作搜索表单6.4练习与提高本课小结1、掌握表单的概念。

2、掌握创建表单对象的方法。

思考题及(1)在页面中插入文本域的方法是什么?作业( 2)如何创建单选按钮组?(3)创建图像域有什么作用?(4)如何让创建跳转菜单和滚动列表?电子教案课程:第7章CSS 与多媒体的应用课时内容CSS与多媒体的应用授课时间学时数3教学目标掌握创建CSS样式表的方法掌握应用CSS样式的方法了解多媒体和Flash 文件类型掌握插入多媒体对象的方法掌握使用CSS样式和 Flash 制作网页的方法教学重点创建和应用CSS 的方法以及多媒体的应用教学难点CSS 属性的设置教学设计1、教学思路:首先,让同学说说对多媒体的理解。

相关主题