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

网页设计与制作电子教案

  • 格式：docx
  • 大小：151.92 KB
  • 文档页数：29

下载文档原格式

  / 29

合集下载

(完整版)网页设计与制作电子教案

(完整版)网页设计与制作电子教案

H-r 母存电子教案课程：第1章网页制作基础1.4.1 Flash CS3的启动与退出1.4.2制作“蓝莲花”网页1.5 练习与提高课程：第2章Dreamweaver CS5基本操作课程：第3章创建网页基本对象H-r 母存电子教案课程：第4章布局页面电子教案课程：第5章使用AP Div和行为知识回顾：上一课时讲的如何编辑表格和框架？讨论问题：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 “行为”面板课第6章创建表单电子教案知识回顾：上一课时讲的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练习与提高电子教案课第7章CSS与多媒体的应用课第8章Flash CS3基础知识回顾：上一课时讲的CSS与多媒体在网页中的应用? 讨论问题：1、Flash动画具体是指什么？2 、在网页中起什么作用？第8章Flash CS3基础8.1 认识Flash动画8.1.1 Flash动画的原理及应用领域8.1.2 Flash动画在网页方面的应用8.1.3 认识Flash CS3工作界面8.1.4应用举例一一设置文档属性8.2 Flash文档的基本操作8.2.1 Flash文档的创建8.2.2 Flash文档的保存8.2.3 Flash文档的打开8.2.4应用举例一一新建Flash广告动画8.3上机及项目实训8.3.1 制作“ gongzhu” Flash 文档8.3.2 制作SHOW 文档8.4 练习与提高课程：第9章绘制Flash图像电子教案知识回顾：上一课时讲的Flash动画的应用领域和基本操作方法？讨论冋题：1、Dreamweave和Flash的相同点和不同点各是什么？2 、Flash与其他网页制作软件比其优点是什么？第9章绘制Flash图像9.1绘图工具的使用9.1.1工具箱介绍9.1.2 矢量图与位图9.1.3应用举例一一绘制咖啡杯9.2图像的编辑和导入9.2.1组合与分离9.2.2 图像的导入9.2.3将位图转换为矢量图9.2.4应用举例光晕图像效果9.3图像特殊效果的创建9.3.1 “滤镜”面板9.3.2滤镜的使用9.3.3应用举例一一创建特殊字体效果9.4上机及项目实训9.4.1绘制鼠标图形电子教案课程：第10章元件和“库”面板电子教案课程：第11章用时间轴创建动画H-r 母存电子教案课程：第12章导入声音和视频电子教案课程：第13 章使用Action Script 语句13.4上机及项目实训13.4.1制作可拖动的小球动画13.4.2制作星空闪烁动画13.5练习与提高电子教案课程：第14章测试及导出影片H-r 母存电子教案课程：第15章文字和图层应用电子教案课程：第16章路径、色彩和通道应用电子教案课程：第17章项目设计案例。

网页设计与制作案例教程-电子教案第21单元

网页设计与制作案例教程-电子教案第21单元

HTML源代码中的换行、回车符和多个连续空格在浏览时都是无效的，浏览网页时，会自动忽略文档中的换行符、回车符、空格，所以在文档中输入的回车符，并不意味着在浏览器中将看到不同的段落。
网页中所有的显示内容都应该受限于一个或多个标记，不能存在游离于标记之外的文字或图像等，以免产生错误。
对于浏览器不能分辨的标记可以忽略，不显示其中的对象。
HTML文档以纯文本形式存放，扩展名为“.html”或“.htm”。
HTML文档中标记采用“<”与“>”作为分割字符。
HTML标记及属性不区分大小写，例如<HTML>和<html>是相同的标记。
大多数HTML标记可以嵌套，但不能交叉，各层标记是全包容关系。
HTML文档一行可以书写多个标记，一个标记也可以分多行书写，不用任何续行符号，显示效果相同。
在查看HTML源代码或编写网页时，经常会遇到三种格式的HTML标记。 不带属性的双标记：<标记名称>内容</标记名称> 带有属性的双标记：<标记名称 属性名称=对应的属性值 ……>网页对象</标记名称> 单标记：<标记名称 />
HTML标记的类型
2 Dreamweaver 8的HTML源代码编辑功能
在代码窗口中<body>与</body>之间输入文字“长沙世界之窗实现总经理领导下的部门经理负责制，管理上采用垂直领导、分层管理、逐级负责。”，接着输入“<br />”
回车换行，然后输入“<img src="image/bumen1.jpg" width="690" height="303" />”。

《网页设计与制作》教案

《网页设计与制作》教案

《网页设计与制作》教案第一章：网页设计基础1.1 教学目标让学生了解网页设计的基本概念和原则让学生掌握网页设计的流程和方法1.2 教学内容网页设计的概念和定义网页设计的原则和要素网页设计的流程和方法1.3 教学方法讲授法：讲解网页设计的概念和原则实践法：学生动手实践设计简单的网页1.4 教学评价学生能回答出网页设计的概念和定义学生能理解并运用网页设计的原则和要素学生能独立完成简单的网页设计第二章：HTML与CSS基础2.1 教学目标让学生了解HTML和CSS的基本概念和作用让学生掌握HTML和CSS的基本语法和用法2.2 教学内容HTML的基本概念和语法CSS的基本概念和语法HTML和CSS的综合应用2.3 教学方法讲授法：讲解HTML和CSS的基本概念和语法实践法：学生动手实践编写HTML和CSS代码2.4 教学评价学生能回答出HTML和CSS的基本概念和作用学生能理解并运用HTML和CSS的基本语法和用法学生能独立完成简单的HTML和CSS代码编写第三章：网页布局与排版3.1 教学目标让学生了解网页布局和排版的基本原则和方法让学生掌握使用HTML和CSS进行网页布局和排版的技术3.2 教学内容网页布局的基本原则和方法网页排版的基本原则和方法使用HTML和CSS进行网页布局和排版的技术3.3 教学方法讲授法：讲解网页布局和排版的基本原则和方法实践法：学生动手实践进行网页布局和排版3.4 教学评价学生能回答出网页布局和排版的基本原则和方法学生能理解并运用HTML和CSS进行网页布局和排版的技术学生能独立完成具有良好布局和排版的网页设计第四章：网页动画与交互4.1 教学目标让学生了解网页动画和交互的基本概念和原理让学生掌握使用HTML和CSS实现网页动画和交互的技术4.2 教学内容网页动画的基本概念和原理网页交互的基本概念和原理使用HTML和CSS实现网页动画和交互的技术4.3 教学方法讲授法：讲解网页动画和交互的基本概念和原理实践法：学生动手实践实现网页动画和交互4.4 教学评价学生能回答出网页动画和交互的基本概念和原理学生能理解并运用HTML和CSS实现网页动画和交互的技术学生能独立完成具有动画和交互功能的网页设计第五章：网页优化与推广5.1 教学目标让学生了解网页优化和推广的基本概念和方法让学生掌握使用SEO和网络营销技术进行网页优化和推广的技巧5.2 教学内容网页优化的基本概念和方法网页推广的基本概念和方法使用SEO和网络营销技术进行网页优化和推广的技巧5.3 教学方法讲授法：讲解网页优化和推广的基本概念和方法实践法：学生动手实践进行网页优化和推广5.4 教学评价学生能回答出网页优化和推广的基本概念和方法学生能理解并运用SEO和网络营销技术进行网页优化和推广的技巧学生能独立完成具有优化和推广功能的网页设计第六章：网页图像处理与多媒体应用6.1 教学目标让学生了解网页图像处理的基本概念和工具让学生掌握网页图像处理和多媒体应用的技术6.2 教学内容网页图像处理的基本概念和工具（如Photoshop、Fireworks等）多媒体元素在网页中的应用（如音频、视频等）图像和多媒体的HTML和CSS标记6.3 教学方法讲授法：讲解网页图像处理的基本概念和工具实践法：学生动手实践进行网页图像处理和多媒体应用6.4 教学评价学生能回答出网页图像处理的基本概念和工具学生能理解并运用网页图像处理和多媒体应用的技术学生能独立完成具有图像和多媒体应用的网页设计第七章：网页编程技术7.1 教学目标让学生了解网页编程的基本概念和语言让学生掌握常用的网页编程技术和框架7.2 教学内容网页编程的基本概念和语言（如JavaScript、jQuery等）常用的网页编程技术和框架（如Bootstrap、React等）编程实践和项目案例7.3 教学方法讲授法：讲解网页编程的基本概念和语言实践法：学生动手实践进行网页编程和技术应用7.4 教学评价学生能回答出网页编程的基本概念和语言学生能理解并运用常用的网页编程技术和框架学生能独立完成编程实践和项目案例第八章：移动网页设计与制作8.1 教学目标让学生了解移动网页设计的基本概念和原则让学生掌握移动网页设计与制作的技术和工具8.2 教学内容移动网页设计的基本概念和原则移动网页设计与制作的技术和工具（如Responsive Design、Adobe Edge Mobile等）移动网页设计的实践和案例分析8.3 教学方法讲授法：讲解移动网页设计的基本概念和原则实践法：学生动手实践进行移动网页设计与制作8.4 教学评价学生能回答出移动网页设计的基本概念和原则学生能理解并运用移动网页设计与制作的技术和工具学生能独立完成移动网页设计与制作的项目案例第九章：网页项目实战与团队协作9.1 教学目标让学生了解网页项目实战的基本流程和方法让学生掌握团队协作的基本技巧和工具9.2 教学内容网页项目实战的基本流程和方法团队协作的基本技巧和工具（如Git、Project Management Software等）项目案例分析和实战演练9.3 教学方法讲授法：讲解网页项目实战的基本流程和方法实践法：学生分组进行项目实战和团队协作9.4 教学评价学生能回答出网页项目实战的基本流程和方法学生能理解并运用团队协作的基本技巧和工具学生能独立完成项目实战和团队协作的任务第十章：网页设计与制作的未来趋势10.1 教学目标让学生了解网页设计与制作的未来趋势和发展方向让学生掌握前沿技术和创新思维的方法10.2 教学内容网页设计与制作的未来趋势和发展方向（如VR/AR、等）前沿技术和创新思维的方法（如Blockchn、Design Thinking等）创新项目和案例分析10.3 教学方法讲授法：讲解网页设计与制作的未来趋势和发展方向实践法：学生进行创新项目和思维训练10.4 教学评价学生能回答出网页设计与制作的未来趋势和发展方向学生能理解并运用前沿技术和创新思维的方法学生能独立完成创新项目和案例分析重点和难点解析重点环节一：网页设计的概念和原则重点关注学生对网页设计的基本理解，以及如何运用设计原则进行网页创作。

网页设计与制作案例教程电子教案

网页设计与制作案例教程电子教案

网页设计与制作案例教程-电子教案第一章：网页设计与制作基础知识1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的基本原则和最佳实践1.2 网页制作基础介绍HTML、CSS和JavaScript的基本概念和作用讲解如何使用文本编辑器和网页设计软件进行网页制作第二章：网页布局与排版2.1 网页布局概述介绍常见的网页布局类型和特点讲解布局的基本原则和技巧2.2 排版与字体设计介绍排版的基本概念和原则讲解如何选择合适的字体、字号、行距等属性进行排版第三章：网页配色与图标设计3.1 网页配色基础介绍色彩的基本概念和配色原则讲解如何根据网页内容和主题选择合适的配色方案3.2 图标设计介绍图标设计的基本原则和技巧讲解如何制作和选择合适的图标来提升网页视觉效果第四章：网页动画与交互设计4.1 网页动画基础介绍动画的概念和作用讲解如何使用HTML5和CSS3制作简单的网页动画4.2 交互设计介绍交互设计的基本概念和原则讲解如何使用JavaScript和CSS3实现基本的交互效果和功能第五章：网页设计与制作实践案例5.1 案例一：企业官网首页设计分析企业官网首页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作企业官网首页5.2 案例二：电子商务网页设计分析电子商务网页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作电子商务网页5.3 案例三：个人博客网页设计分析个人博客网页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作个人博客网页第六章：响应式网页设计与制作6.1 响应式网页设计概述介绍响应式网页设计的概念和重要性讲解如何使用媒体查询和弹性布局实现响应式设计6.2 移动端网页设计与制作分析移动端网页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作移动端网页第七章：前端框架与库的应用7.1 前端框架概述介绍前端框架的概念和作用讲解如何使用Bootstrap、Foundation等前端框架加速网页开发7.2 前端库的应用介绍jQuery、React、Vue等前端库的概念和作用讲解如何使用这些前端库来增强网页的功能和交互性第八章：网页设计与制作高级技巧8.1 CSS预处理器介绍Sass、Less等CSS预处理器的概念和作用讲解如何使用CSS预处理器来优化和简化CSS代码8.2 网页性能优化介绍网页性能优化的概念和重要性讲解如何通过代码压缩、缓存策略等手段提高网页加载速度第九章：网页设计与制作项目管理与团队协作9.1 项目管理基础介绍项目管理的基本概念和工具讲解如何在网页设计与制作项目中进行有效的时间管理和资源分配9.2 团队协作与沟通介绍团队协作的基本原则和技巧讲解如何在团队中进行有效的沟通和协作，确保项目的顺利进行第十章：网页设计与制作案例分析与评价10.1 案例分析分析具体网页设计案例的成功因素和不足之处讲解如何评价和吸取网页设计案例的经验教训10.2 作品展示与评价介绍如何展示和评价网页设计作品讲解如何通过用户反馈和数据分析来评估网页设计的成效和改进空间重点和难点解析重点环节1：网页设计原则和最佳实践网页设计原则包括清晰性、简洁性、一致性、可读性、可用性等。

《网页设计与制作》电子教案课程课件PPT 第一章

《网页设计与制作》电子教案课程课件PPT 第一章

1.2.1站点的内容规划(2)



制作网页时还要注意一些问题： 第一，合理安排主页内容，主页应该简洁清晰、 一目了然，重点突出，图文有序。 第二，网页上要善用图片，色彩协调，格调一致， 但又要注意图片不可过大，以免影响浏览时的下 载速度。 第三，要易于导航，尽量减少链接级数，尽快通 过链接接触到实际内容，否则会使浏览者失去兴 趣。 第四，即要美观实用，又要有新颖的创意，网页 上要有一些与众不同的闪光点。Leabharlann 1.2.2站点的定义 (1)
如果有了站点文件夹，必须先经过定义，将这 个站点纳入到Dreamweaver的管理范围内。在 Dreamweaver中可以定义多个站点，但只有一 个站点是当前站点。
1.2.2站点的定义 (2)



1．定义站点 定义站点的具体操作步骤如下： （1）打开“站点”菜单，选择“定义站点”命令， 出现“定义网站”对话框。如图1-4所示。 （2）在“定义网站”对话框中，单击“新建”按 钮，出现“站点定义”对话框。如图1-5所示。 图1-5“站点定义”对话框 （3）在“站点定义”对话框中输入站点名称和站 点所在的路径，单击“确定”后返回“定义网站” 对话框。
1.1.2网页制作软件
本书介绍的软件是Macromedia公司的 Dreamweaver MX网页设计制作软件。在 Dreamweaver MX启动时会弹出如下窗口为 了方便读者与老版本衔接学习本书采用 Dreamweaver 4.0的经典样式。
1.2.3 Dreamweaver MX窗口介绍
Dreamweaver MX经过安装并输入正确的序列 号之后，用户就可以在Windows的启动菜单中 找到Dreamweaver MX的启动命令，点击该命 令即可启动Dreamweaver MX。启动后的窗口 界面如图1-1所示。

网页设计与制作案例教程电子教案课件

网页设计与制作案例教程电子教案课件

网页设计与制作案例教程-电子教案课件第一章：网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讲解网页设计的基本原则和设计流程1.2 网页布局与排版介绍网页布局的概念和重要性讲解常用的网页布局方法和技术演示实例：制作一个简单的网页布局第二章：HTML与CSS基础2.1 HTML基础介绍HTML的概念和作用讲解HTML的基本结构和常用标签演示实例：制作一个简单的网页2.2 CSS基础介绍CSS的概念和作用讲解CSS的基本语法和常用选择器演示实例：为网页添加样式和布局第三章：图像与多媒体处理3.1 图像处理介绍图像在网页设计中的作用和重要性讲解图像的基本格式和处理方法演示实例：制作一个简单的图像轮播效果3.2 多媒体处理介绍多媒体在网页设计中的应用讲解音频和视频的嵌入方法演示实例：在网页中添加音频和视频第四章：网页交互与动画4.1 交互设计基础介绍交互设计在网页设计中的作用和重要性讲解常用的交互设计技术和方法演示实例：制作一个简单的交互式导航菜单4.2 动画与过渡效果介绍动画在网页设计中的应用和重要性讲解CSS动画和过渡效果的语法和用法演示实例：制作一个简单的CSS动画效果第五章：响应式网页设计5.1 响应式网页设计概述介绍响应式网页设计的概念和重要性讲解响应式网页设计的基本原则和方法5.2 媒体查询与网格系统讲解媒体查询的语法和用法讲解网格系统的概念和应用演示实例：制作一个响应式网页布局第六章：网页前端编程技术6.1 JavaScript基础介绍JavaScript的概念和作用讲解JavaScript的基本语法和常用语法演示实例：制作一个简单的网页交互效果6.2 jQuery库的使用介绍jQuery的概念和作用讲解jQuery的基本语法和常用方法演示实例：使用jQuery实现网页元素的动态效果第七章：网页后端技术7.1 PHP基础介绍PHP的概念和作用讲解PHP的基本语法和常用语法演示实例：制作一个简单的PHP网页7.2 MySQL数据库的使用介绍MySQL的概念和作用讲解MySQL的基本操作和常用SQL语句演示实例：使用MySQL存储和管理网页数据第八章：网页优化与性能提升8.1 网页优化概述介绍网页优化的重要性讲解网页优化的基本原则和方法8.2 提高网页性能讲解提高网页加载速度的方法讲解代码压缩和合并的技术演示实例：优化网页性能第九章：搜索引擎优化（SEO）9.1 SEO基础介绍SEO的概念和作用讲解SEO的基本原则和方法9.2 关键词研究和内容优化讲解关键词研究的方法和技巧讲解内容优化的重要性和方法演示实例：为一个网页进行SEO优化第十章：网页设计与制作的实战项目10.1 项目概述和需求分析介绍项目背景和目标分析项目需求和功能10.2 网页设计与制作流程讲解网页设计与制作的详细流程演示实例：完成一个实战项目的网页设计与制作第十一章：网页设计与制作工具11.1 网页编辑器与IDE介绍常用的网页编辑器和集成开发环境（IDE）讲解如何使用这些工具进行网页设计与制作11.2 图形设计软件介绍常用的图形设计软件及其在网页设计中的应用讲解如何使用这些工具进行网页图形设计第十二章：网页设计与制作实战技巧12.1 网页动画与特效讲解如何制作网页动画和特效演示实例：制作一个动态轮播图12.2 网页响应式设计讲解如何实现网页的响应式设计演示实例：制作一个响应式网页布局第十三章：网页安全性与维护13.1 网页安全性基础介绍网页安全性的重要性和常见安全问题讲解如何提高网页安全性13.2 网页维护与更新讲解如何进行网页的维护和更新演示实例：对一个网页进行维护和更新第十四章：网页设计与制作的案例分析14.1 案例一：企业官方网站设计分析企业官方网站的设计要求和特点讲解如何设计和制作企业官方网站14.2 案例二：电子商务网站设计分析电子商务网站的设计要求和特点讲解如何设计和制作电子商务网站第十五章：网页设计与制作的未来发展15.1 网页设计趋势与创新分析当前网页设计的趋势和创新方向讲解如何跟上网页设计的未来发展15.2 网页设计与制作的未来技术介绍未来可能影响网页设计与制作的技术讲解如何应对这些技术挑战和机遇重点和难点解析重点：1. 网页设计基础：理解网页设计原则、设计流程以及布局与排版的方法。

网页设计与制作教程(第4版)电子教案

网页设计与制作教程(第4版)电子教案

1.2 Web标准
1.2.3 采用Web标准的优点 1．客户端的优点 采用Web标准后，客户端的好处主要体现在以下方面：
• 文件下载与页面显示速度更快； • 内容能被更多的用户所访问（包括失明、弱视、色盲等 残障人士）；
2．服务器端的优点 采用Web标准后，服务器端的好处主要体现在以下方面： • 更少的代码和组件，容易维护； • 带宽要求降低（代码更简洁），成本降低； • 更容易被搜寻引擎搜索到；
1.3 网站的规划与设计
在建设网站之前，需要对网站进行一系列的分析和设计， 然后根据分析的结果提出合理的建设方案，这就是网站的规 划与设计。
网站的规划与设计一般应遵循以下三个原则： • 最大限度地满足用户需要； • 最有效地进行资源利用； • 使用方便，界面友好，运行高效；
常规的规划与设计方法一般有以下三种：自顶向下、自 底向上、不断增补的设计方法。
1.4 网站开发工作流程
典型的Web开发工作流程包括以下几个阶段。
1）规划站点：包括确立站点的策略或目标、确定所面向的 用户以及站点的数据需求。
2）设置开发环境：包括选择Web应Байду номын сангаас程序服务器、利用 Dreamweaver网页制作软件定义站点及数据源。
3）规划页面设计和布局：包括用绘画工具创建页面和界面 模型，以及使用Dreamweaver、FrontPage布置页面。
动态网页技术根据程序运行的区域不同，分为客户端动 态技术与服务器端动态技术。
客户端动态技术不需要与服务器进行交互，实现动态功 能的代码往往采用脚本语言形式直接嵌入到网页中。服务器 发送给浏览者后，网页在客户端浏览器上直接响应用户的动 作。常见的客户端动态技术包括JavaScript、ActiveX和 Flash等。

网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程(最新

网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程(最新
上一页 下一页 返回
1.1 认识网页
1.浏览者能够看到的内容
(1)主题：一般情况下，浏览器在所显示网页窗口的标题栏 上显示“主题”。网页的真正主题不一定出现在网页内部， 而是有可能作为显示此网页的浏览器窗口的标题。然而，大 多数网页的标题表现为屏慕上的文本或图像，标题的作用和 在书本或杂志中的作用一样，位于网页中比较醒目重要的顶 部附近，从而给网页赋予了名字。 (2)标题：浏览器在浏览网页时通常以较大字体、粗体或者 其他的突出显示类型来显示标题。一个网页可以有很多标题， 而且标题还可以有多达6层的嵌套深度。 (3)普通文本：是指组成网页基本内容A.多用途的文本。一 般情况下将普通文本中的线和块当作页面中的“段落”。
网页是一种网络信息传递的载体。这种媒介的性质和日 常的“报纸”、“广播”、“电视”等传统媒体是可以相提 并论的。在网络上传递的相关信息，比如文字、图片甚至多 媒体音影，都是在网页中的存储，浏览者只需要通过浏览网 页，就可以了解到相关信息了。
下一页 返回
1.1 认识网页
1.1.2网页是如何形成的
网页是由一些部件组成的，知道这些部件是做什么的很 重要，因为在网页编写或设计过程中，主要的任务就是为每 一个标准的部件选用或编写相应的内容，这些部件有的能够 在网页中直接看到，而有的却不能在网页中直接看到。
上一页 下一页 返回
1.1 认识网页
(4)签名：通常显示在网页的底部。签名标识了网页的作者，并 且常常还包含作者(或者网络竹理员)的电子邮件地址，从而 使访问者可以发送有关此网页的评论或者建议、问题等。
(5)水平线：用来装饰网页，它将网页分割成逻辑上的几个部分。 (6)动画：可以是网页中出现的文本或者图片，不同的是它们以
上一页 下一页 返回

网页设计与制作案例教程-电子教案4

网页设计与制作案例教程-电子教案4

下面根据属性设置要求完成网页 “01.html”标题/编码属性的设置。 （1）打开“页面属性”对话框，左边 “分类”列表中选择“标题/编码”。 （2）在“标题”文本框中输入“长沙世 界之窗”。 （ 3 ） 在 “ 文 档 类 型 ” 列 表 框 中选 择 “HTML 4.0 Transitional”。
页面属性、设置文件头内容。
★ 本章小结 ★
本章主要讲解了如何设置首选参数，如 何设置页面属性，如何设置文件头内容，辅 助工具如何使用。这些设置都是从外观上对 页面进行有效控制，方便网页的制作和浏览。 页面整体控制的方法，除了设置常规的背景 颜色、背景图片等属性之外，Dreamweaver 8还有辅助线、缩放等常用且必备的功能， 掌握好这些基本工具的使用，有助于我们更 好的制作网页。
4.3.1 在设计视图中显示“文件 头内容”的工具栏
在Dreamweaver 8主窗口中，单击菜单
【查看】→【文件头内容】，这样文件头内 容工具栏便会出现在设计视图的上部。
4.3.2 设置文件头内容的方法
1．设置META
设置Meta的步骤如下： （1）“插入”工具栏切换到“HTML”类 型，然后在“文件头”下拉菜单中单击 【META】按钮。打开“META”对话框，接下 来在该对话框中进行参数设置。 （2）该对话框中的属性设置完成后，单 击【确定】按钮。


标题属性的设置要求
设置网页中标题的字体为“隶书”，标
题1的大小为“18px”，颜色为“aqua”。
“标题/编码”属性的设置要求
网页的标题设置为“湘江谷”；文档类 型设置为“HTML 4.0 Transitional”，编码 设置为“简体中文(GB2312)”。
2．制作要点提示

网页设计与制作教程电子教案完整

网页设计与制作教程电子教案完整
网页的基本元素
文本：文本是网页中最主要的信息载体，浏览者主要通过文字了 解各种信息。
图片：图片可以使网页看上去更加美观，可以让浏览者更加快速 地了解网页所要表达的内容。
水平线、表格、表单、超链接、动态元素等
第6页
静态网页和动态网页
静态网页
第7页
静态网页和动态网页
动态网页
第8页
数据库
第39页本章的学习目标?主题与结构?了解网站开发流程?iis的安装配臵过程?掌握建立web网站第40页主要内容1网站设计基础2网站策划3设计4制作5网站维护26本章小结第41页21网站设计基础?主题与结构?网站开发流程第42页网站主题与结构?网站主题?创建网站首先必须要解决的就是网站内容问题即确定网站的主题
第37页
第2章 创建web网站
本章概述 本章的学习目标 主要内容
第38页
本章概述
随着网络技术的发展，越来越多的企业组建了自 己的网站，并通过网站对外发布产品信息、提供 网络服务、收集用户反馈、树立企业形象。除企 业外，很多个人也建立了个人的站点，对外展示 自我，与天南海北的朋友交流等。本章介绍网站 开发流程、IIS服务器的安装与配置和Web网站的 创建及管理等内容。
网页和网站的概念，静态网页与动态网页的区别， 数据库的概念及其在网站建设中的作用。 接下来，讲述了HTML与XHTML、网页脚本语言、 动态网页编程语言等网页制作技术。 之后，讲述了Dreamweaver CC、Photoshop CC、 Flash CC等网页制作的常用工具。 最后，对网页设计基础进行了详细讲述。
第11页
HTML与XHTML
WWW所使用的出版语言就是HTML(Hypertext Marked Language，即：超文本标记语言)语言。

网页设计与制作教程 中国水利水电出版社《网页设计与制作》教材配套电子教案

网页设计与制作教程 中国水利水电出版社《网页设计与制作》教材配套电子教案

一、教案名称：网页设计与制作教程——HTML基础1. 教学目标：（1）了解HTML的基本概念和作用；（2）掌握HTML的基本语法和常用标签；（3）能够编写简单的HTML页面。

2. 教学内容：（1）HTML的基本概念和作用；（2）HTML的基本语法；（3）常用HTML标签及其功能；（4）编写简单的HTML页面。

3. 教学方法：（1）讲解法：讲解HTML的基本概念、语法和标签功能；（2）实践法：学生动手编写HTML页面。

4. 教学步骤：（1）引入HTML的基本概念和作用；（2）讲解HTML的基本语法；（3）介绍常用HTML标签及其功能；（4）学生动手编写简单的HTML页面；（5）总结和巩固所学内容。

二、教案名称：网页设计与制作教程——CSS样式设计1. 教学目标：（1）了解CSS的基本概念和作用；（2）掌握CSS的选择器和基本语法；（3）能够编写简单的CSS样式表。

2. 教学内容：（1）CSS的基本概念和作用；（2）CSS的选择器；（3）CSS的基本语法；（4）编写简单的CSS样式表。

3. 教学方法：（1）讲解法：讲解CSS的基本概念、选择器和语法；（2）实践法：学生动手编写CSS样式表。

4. 教学步骤：（1）引入CSS的基本概念和作用；（2）讲解CSS的选择器；（3）介绍CSS的基本语法；（4）学生动手编写简单的CSS样式表；（5）总结和巩固所学内容。

三、教案名称：网页设计与制作教程——JavaScript脚本语言1. 教学目标：（1）了解JavaScript的基本概念和作用；（2）掌握JavaScript的基本语法和常用函数；（3）能够编写简单的JavaScript脚本。

2. 教学内容：（1）JavaScript的基本概念和作用；（2）JavaScript的基本语法；（3）常用的JavaScript函数；（4）编写简单的JavaScript脚本。

3. 教学方法：（1）讲解法：讲解JavaScript的基本概念、语法和函数；（2）实践法：学生动手编写JavaScript脚本。

《网页设计与制作》教案

《网页设计与制作》教案

《网页设计与制作》教案第一章：网页设计基础1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的标准和原则1.2 网页设计流程讲解网页设计的基本流程，包括需求分析、设计稿、切片、编码和测试等步骤1.3 网页设计工具介绍常用的网页设计工具，如Photoshop、Dreamweaver、Fireworks等第二章：HTML与CSS基础2.1 HTML概述介绍HTML的概念、作用和基本结构2.2 HTML标签讲解常用的HTML标签，如、段落、图像、、列表等2.3 CSS概述介绍CSS的概念、作用和基本语法2.4 CSS选择器讲解常用的CSS选择器，如类选择器、ID选择器、属性选择器等第三章：网页布局与排版3.1 网页布局概述介绍网页布局的概念和重要性3.2 常用的网页布局方法讲解常用的网页布局方法，如固定布局、百分比布局、弹性布局等3.3 排版与字体介绍排版和字体的概念、作用和常用属性3.4 响应式网页设计讲解响应式网页设计的概念、方法和实现方式第四章：网页特效与交互4.1 网页特效概述介绍网页特效的概念和作用4.2 JavaScript基础讲解JavaScript的概念、作用和基本语法4.3 常用的网页特效与实例讲解常用的网页特效，如鼠标悬停效果、下拉菜单、滚动动画等，并提供实例进行演示4.4 交互式网页设计讲解交互式网页设计的概念、方法和实现方式第五章：网页设计与制作实践5.1 实践项目概述介绍实践项目的需求和目标5.2 网页设计稿制作根据实践项目需求，使用设计工具制作网页设计稿5.3 网页编码与测试使用HTML和CSS编写网页代码，并进行测试和调试讲解网页发布的步骤和注意事项，以及常用的网页推广方法第六章：网页图像与多媒体6.1 图像格式与优化介绍常见的网页图像格式，如JPG、PNG、GIF等，以及图像优化方法6.2 音频与视频讲解如何在网页中嵌入音频和视频，以及常用的媒体格式6.3 Flash动画介绍Flash动画的概念、制作方法和在网页中的应用6.4 动态效果与动画讲解如何在网页中实现动态效果和动画，包括使用CSS动画和JavaScript实现第七章：网页服务器与数据库7.1 服务器概述介绍网页服务器的概念、作用和常用服务器软件7.2 数据库概述介绍数据库的概念、作用和常用数据库管理系统7.3 动态网页制作基础讲解动态网页制作的基本原理，如服务器端编程和数据库连接7.4 实践项目：搭建简易的个人博客系统讲解如何使用服务器和数据库搭建一个简易的个人博客系统，包括前端设计和后端编程第八章：网页安全与SEO介绍网页安全的概念和重要性，以及常见的网络安全威胁8.2 网页安全措施讲解如何防范网络攻击和提高网页安全性，如使用SSL证书、X-Frame-Options 等8.3 SEO概述介绍搜索引擎优化（SEO）的概念、作用和方法8.4 SEO实践技巧讲解如何优化网页内容、结构和，以提高搜索引擎排名第九章：网页设计与制作的进阶技巧9.1 响应式网页设计深入讲解响应式网页设计的原理和实践方法，包括媒体查询和弹性布局9.2 前端框架与库介绍常用的前端框架和库，如Bootstrap、jQuery、React等，以及如何使用它们提高网页制作效率9.3 网页性能优化讲解如何提高网页加载速度和性能，包括图片优化、代码压缩和缓存策略9.4 实践项目：制作一个响应式商务网站讲解如何使用响应式设计和前端框架制作一个商务网站，包括布局、样式和交互设计第十章：网页设计与制作的拓展与趋势10.1 网页设计与制作的未来趋势探讨网页设计与制作的发展方向，如虚拟现实（VR）、增强现实（AR）等技术的应用10.2 网页设计规范与最佳实践介绍网页设计规范和最佳实践，以提高网页质量和用户体验10.3 跨平台网页设计与制作讲解如何使用跨平台技术，如PWA（Progressive Web Apps）、Node.js等，实现网页在不同平台和设备的兼容性和性能10.4 实践项目：制作一个跨平台的网页应用重点和难点解析重点环节1：网页设计基础和流程网页设计的标准和原则是设计的基石，需要重点掌握。

网页设计与制作教程第4版电子教案课件

网页设计与制作教程第4版电子教案课件

生活家饮食保健孕期选择食用油的学 问邢台 市第四 病院罕 见护理 应急预 案猪气 喘病综 合防制 技术动 物营养 系列理 想蛋白 与氨基 酸模式 的研究 进展皮 肤病的 诊断包 括病史 体格检 查和必 要的实 验室检 查我国 有关食 物添加 剂营养 强化剂 食物新 资本的 治理律 例与标 准
1.2 Web标准
例如，人体模特换衣服和表演。模特就好比数据，衣服 则是表现形式，模特的表演动作是行为。模特和衣服是分离 的，这样就可以随意换衣服。
生活家饮食保健孕期选择食用油的学 问邢台 市第四 病院罕 见护理 应急预 案猪气 喘病综 合防制 技术动 物营养 系列理 想蛋白 与氨基 酸模式 的研究 进展皮 肤病的 诊断包 括病史 体格检 查和必 要的实 验室检 查我国 有关食 物添加 剂营养 强化剂 食物新 资本的 治理律 例与标 准
1.1 网页、网站的概念
1.1.1 网页、网站和主页
网页（Web age）是存放在Web服务器上供客户端用 户浏览的文件，可以在Internet上传输。网页是按照网页文 档规范编写的一个或多个文件，这种格式的文件由超文本标 记语言创建，能将文字、图片、声音等各种多媒体文件组合 在一起，这些文件被保存在特定计算机的特定目录中。几乎 所有的网页都包含链接，可以方便地跳转到其他相关网页或 是相关网站。
1.6 常用网页制作软件
1.6.3 网页动画制作与特效工具 随着网络速度的提高，越来越多的网页中使用了动画效
果，这些动态显示的画面不仅吸引了浏览者的注意力，而且 也给原本较呆板的画面增添了不少生机。
1．Flash 2．Ulead GIF Animator
生活家饮食保健孕期选择食用油的学 问邢台 市第四 病院罕 见护理 应急预 案猪气 喘病综 合防制 技术动 物营养 系列理 想蛋白 与氨基 酸模式 的研究 进展皮 肤病的 诊断包 括病史 体格检 查和必 要的实 验室检 查我国 有关食 物添加 剂营养 强化剂 食物新 资本的 治理律 例与标 准

网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程

网页设计与制作整套课件完整版电子教案最全ppt整本书课件全套教学教程
目的是为了提供给用户一个友好、易 于使用的网络环境，同时提高网站的 知名度和访问量。
03
网页制作的基本流程
通常包括规划、设计、开发、测试和 发布等阶段。
网页制作技术和工具
网页制作技术
包括HTML、CSS、JavaScript、PHP、等，用于构建和开发网站。
网页制作工具
常见的工具有Adobe Dreamweaver、Microsoft Visual Studio、Sublime Text等，用于提高开发效率。
通过学习，学生可以掌握网页的基本 架构、样式、交互等关键技术，能够 独立完成简单的网页设计和制作。
本课程还注重实践操作，通过大量的 案例和项目实战，培养学生的实际操 作能力和创新思维。
课程展望
随着互联网技术的不断发展，网 页设计与制作的技术也在不断更 新和升级。未来，网页设计师需 要不断学习和掌握新的技术和工 具，以适应行业的发展和变化。
熟悉并能够使用常用的网页设计工具； 提高学习者的综合素质和创新能力。
课程内容
第一章：网页设计与制作的基本概念 第三章：网页布局与色彩搭配 第五章：综合案例分析与实践操作
第二章：网页设计工具的使用
第四章：交互设计与响应式设计
每章都包含了大量的案例和实际操作，帮助学习者更好 地理解和掌握所学内容。同时，课程还提供了丰富的素 材和模板，方便学习者进行实践操作。
本课程在内容上不断更新和完善 ，将不断引入新的知识点和案例 ，以保持课程的新鲜感和实用性 。
学生可以通过进一步学习和实践 ，掌握更深入的网页设计和制作 技术，为未来的职业发展打下坚 实的基础。
THANK YOU.
元素选择器是最基本的选择器，它通过HTML元素的标签名来选择元素。例如，`p`选择器 会选择页面上的所有段落元素。

《网页设计与制作》教案

《网页设计与制作》教案

一、教案基本信息教案名称：《网页设计与制作》教案适用课程：网页设计与制作课时安排：共20课时，每课时45分钟教学目标：1. 了解网页设计的基本概念和流程；2. 掌握HTML、CSS和JavaScript的基本语法和应用；3. 能够独立设计和制作简单的网页。

教学方法：1. 讲授与实践相结合；2. 案例分析；3. 小组讨论与协作。

教学内容：1. 网页设计基本概念与流程；2. HTML基本语法及应用；3. CSS基本语法及应用；4. JavaScript基本语法及应用；5. 网页设计与制作实践。

二、第一章：网页设计基本概念与流程课时安排：2课时教学内容：1. 网页设计基本概念；2. 网页设计流程；3. 网页设计原则与技巧。

教学方法：1. 讲授与实践相结合，通过案例分析让学生了解网页设计的基本概念和流程；2. 小组讨论，让学生分享对网页设计原则与技巧的理解。

教学活动：1. 引入案例：分析优秀网页设计案例，引导学生了解网页设计的基本概念；2. 讲解网页设计流程，让学生掌握从需求分析到设计制作的过程；3. 小组讨论：学生分组讨论网页设计原则与技巧，分享心得体会。

作业与评估：1. 课后作业：要求学生总结本节课所学的网页设计基本概念和流程；2. 课堂表现：观察学生在讨论中的参与程度和理解程度。

三、第二章：HTML基本语法及应用课时安排：4课时教学内容：1. HTML基本语法；2. 常用HTML标签及属性；3. HTML页面结构。

教学方法：1. 讲授与实践相结合，通过案例让学生掌握HTML基本语法和常用标签；2. 小组讨论，让学生分析实际案例中的HTML代码。

教学活动：1. 讲解HTML基本语法，让学生了解HTML代码的构成；2. 演示常用HTML标签及属性，让学生通过实践掌握其应用；3. 案例分析：学生分组分析实际案例中的HTML代码，理解其结构。

作业与评估：1. 课后作业：要求学生编写一个简单的HTML页面，运用所学标签和属性；2. 课堂表现：观察学生在讨论和实践中对HTML基本语法的掌握程度。

  1. 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

实用标准文案电子教案课程：第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、教学思路：首先，让同学说说对多媒体的理解。