网页元素教案.docx
- 文档编号：28201080
- 上传时间：2023-07-09
- 格式：DOCX
- 页数：20
- 大小：19.28KB
网页元素教案.docx
《网页元素教案.docx》由会员分享，可在线阅读，更多相关《网页元素教案.docx（20页珍藏版）》请在冰豆网上搜索。
网页元素教案
第1章网页设计基础
教学要求
熟练掌握网页设计软件和网页图形制作软件。
掌握Internet、WWW、TCP/IP、域名系统、URL、静态网页与动态网页等与网站相关的基本概念。
了解网站建设过程中的几种常用语言，包括HTML、JavaScript和VBScript脚本语言、Java语言、ASP、ASP.NET、PHP等。
教学重点
掌握Internet、WWW、TCP/IP、域名系统、URL、静态网页与动态网页等与网站相关的基本概念。
教学难点
常用网页制作软件的使用。
课时安排
本章安排4课时。
其中，理论讲授2课时，上机实验2课时
教学大纲
一、网页与网站概述
1．Internet
2．WWW
3．网页与网站
4．网页的基本元素
二、常用网页制作软件及辅助设计软件
1．网页制作软件
2．网页辅助设计软件
三、常用网站程序设计语言
四、使用Dreamweaver制作简单的网页
1．Dreamweaver工作界面
2．使用Dreamweaver构建本地站点
3．简单网页制作
主要概念
1．Internet
2．万维网（WWW）
3．文件传输（FTP）
4．电子邮件（E-mail）
5．远程登录（Telnet）
6．调制解调器
7．浏览器
8．TCP/IP
9．IP地址
10．域名
11．超文本传输协议（HTTP）
12．统一资源定位符（URL）
13．静态网页
14．动态网页
15．主页
16．HTML
17．FrontPage
18．Dreamweaver
19．Fireworks
20．Flash
21．Photoshop
22．JavaScript
23．VBScript
24．脚本语言
25．Java
26．ASP
27．ASP.NET
28．PHP
29．JSP
实验
实验一制作一个名为MySite的个人网页
1．熟悉建立本地站点的一般步骤；
2．掌握常用网页制作软件的使用方法；
第2章HTML网页元素
教学要求
熟练掌握：
HTML的基本标签，内容包括元素和标签的概念、标签、头部标签、标题标签、元信息标签、HTML主体标签的使用；文本元素，包括图片标签使用，以及
标签的alt属性、height、width属性、align属性的设置，和设置图片为超链接的方法；多媒体对象，包括
教学重点
HTML基本标签、文本元素、超链接、图片元素。
教学难点
超链接、图片元素。
课时安排
本章安排20课时。
其中，理论讲授10课时，上机实验10课时。
教学大纲
一、HTML的基本标签
1．头部标签
2．标题标签
3．元信息标签
4．HTML主体标签
二、文本元素
1．文字内容
2．文字修饰标签
3．段落排布
三、超链接
1．超链接的建立
2．内部链接
3．外部链接
4．锚点链接
5．电子邮件链接
四、图片元素
1．网页中图片的格式
2．图片的添加与设置
3．图片超链接
五、多媒体对象
1．插入多媒体文件
2．滚动文字
主要概念
1．元素和标签
2．HTML基本标签
3．头部标签
4．标题标签
5．元信息标签
6．HTML主体标签
7．
8．引文标签
9．署名标签
10．特殊字符
11．注释标签
12．标签
13．文字修饰标签
14．段落标签
15．
、和 标签 16．预编排标签
17．居中对齐标签
18．超链接
19．路径的概念
20．内部链接
21．外部链接
22．锚点链接
23．电子邮件链接
24．
标签
25．
标签的alt属性
26．
标签中的height和width属性
27．
标签的align属性
28．图片超链接
29．
标签 30．
31．
实验
实验一HTML的基本标签（2学时）
1.掌握HTML的基本标签。
2.练习制作简单网页。
实验二文本元素（2学时）
1.掌握控制文本元素的标签使用方法。
2.练习制作含有文本元素的网页。
实验三超链接应用（2学时）
1.掌握在网页中插入超链接的方法。
2.练习在网页中插入超链接。
实验四图片元素（2学时）
1.掌握在网页中插入图片元素的方法。
2.练习在网页中插入图片并设置图片属性。
实验五图片元素（2学时）
1.熟悉在网页中插入多媒体对象的方法。
2.练习在网页中插入多媒体对象。
第3章HTML网页布局
教学要求
熟练掌握：
表格，包括表格的结构、设置表格边框、大小、背景颜色、背景图像、标题、行的高度、行的对齐方式、单元格宽度、单元格内容的对齐方式、设置单元格的背景颜色、设置单元格的背景图像、合并单元格、利用表格进行网页布局；框架，包括框架的基本概念、框架结构、窗口框架的分割方式、窗口名称、框架边框的显示状态、指定在框架中显示的网页、控制框架滚动条属性、设置框架的边距、设置框架中的超链接、利用框架进行网页布局；水平线和列表，包括无序列表、有序列表、嵌套列表和自定义列表。
掌握：
使用表格布局网页、使用框架布局网页、水平线标签和列表的使用。
了解：
设置表格分隔线显示状态、表格边框的颜色、表格的位置、表格边框与内容的间距、行的内边框颜色、行的背景颜色、单元格的边框颜色、设置框架边框的宽度、设置框架边框的颜色、浮动框架等。
教学重点
使用表格布局网页、表格行和单元格的属性设置、使用框架布局网页、框架集和框架的属性设置。
教学难点
使用表格布局网页、使用框架布局网页。
课时安排
本章安排12课时。
其中，理论讲授6课时，上机实验6课时。
教学大纲
一、表格
1．表格的基本概念和结构
2．表格的基本属性
3．表格的行属性
4．表格的单元格属性
5．利用表格进行网页布局
二、框架
1．框架的基本概念
2．设置框架集的属性
3．设置框架的属性
4．浮动框架
5．设置框架中的超链接
6．利用框架进行网页布局
三、水平线和列表
1．水平线
2．列表
主要概念
1．表格
2．表格的结构
3．设置表格边框
4．设置分隔线显示状态
5．设置表格边框的颜色
6．设置表格的大小
7．设置表格的背景颜色
8．设置表格背景图像
9．设置表格的位置
10．设置表格边框与内容的间距
11．设置表格的标题
12．设置行的高度
13．设置行的对齐方式
14．设置行的内边框颜色
15．设置行的背景颜色
16．
和 17．设置单元格宽度
18．设置单元格内容的对齐方式
19．设置单元格的边框颜色
20．设置单元格的背景颜色
21．设置单元格的背景图像
22．合并单元格
23．利用表格进行网页布局
24．框架的基本概念
25．框架结构
26．窗口框架的分割方式
27．左右分割
28．上下分割
29．嵌套分割
30．设置框架边框的宽度
31．设置框架边框的颜色
32．设置框架边框的显示状态
33．指定在框架中显示的网页
34．定义子窗口名称
35．控制框架滚动条属性
36．设置是否允许调整框架的大小
37．设置框架的边距
38．浮动框架
39．设置框架中的超链接
40．利用框架进行网页布局
41．水平线
42．列表
43．无序列表
44．有序列表
45．嵌套列表
46．自定义列表
实验
实验一表格的应用（2学时）
1.掌握表格的使用方法。
2.练习用表格对网页布局。
实验二框架的应用（2学时）
1.掌握框架的使用方法。
2.练习制作框架网页。
实验三水平线和列表（2学时）
1.掌握在网页中插入水平线和列表的方法。
2.练习在网页中插入水平线和列表。
第4章HTML中的表单
教学要求
熟练掌握文本框、下拉列表框、密码域、图像域、单选按钮、复选框、隐藏域等常用表单控件的使用方法，能够使用这些表单控件制作表单实例。
掌握表单的结构和标签的用法。
教学重点
文本框、下拉列表框、密码域、图像域、单选按钮、复选框、隐藏域等常用表单控件的使用方法。
教学难点
使用表单控件制作表单实例。
课时安排
本章安排6课时。
其中，理论讲授4课时，上机实验2课时
教学大纲
一、表单概述
1．表单的结构
2．标签
二、表单控件
1．文本域控件
2．按钮控件
3．单选按钮和复选框控件
4．列表控件
5．隐藏域
6．图像域控件
7．文本域
三、表单综合应用实例
主要概念
1．表单
2．标签
3．单行文本框
4．多行文本框
5．密码域
6．普通按钮
7．提交按钮
8．重置按钮
9．单选按钮
10．复选框
11．下拉列表框
12．列表框
13．隐藏域
14．图像域
15．文件域
实验
实验一表单控件操作练习
1．熟悉表单在html中的结构；
2．掌握常用表单控件的使用；
3．掌握表单实例制作方法。
第5章CSS基础应用
教学要求
理解CSS的概念以及与HTML标签元素的关系，了解网站中应用CSS的意义；熟练掌握CSS基本语法格式、CSS基本样式的定义以及如何在网页中引入CSS。
教学重点
CSS的概念以及与HTML标签元素的关系，如何在网页中引入CSS。
教学难点
CSS基本语法格式和在网页中引入CSS的几种方法的区别。
课时安排
本章安排5课时。
其中，理论讲授3课时，上机实验2课时
教学大纲
一、CSS简介
1．CSS语法
2．层叠性
3．注释
4．在网页中插入CSS
二、设置文本字体
1．字体系列
2．字体大小
3．字体加粗
4．设置斜体
5．字体变形
6．设置字体的多个属性
三、设置文本样式
1．文本段落缩进
2．文本对齐方式
3．文本字间距
4．文本修饰效果
5．行间距
四、设置颜色和背景
1．颜色
2．背景颜色
3．背景图像
五、设置边框
1．边框样式
2．边框宽度
3．边框颜色
主要概念
1．CSS
2．属性、选择符和属性值
3．链接的外部样式表、内部样式表、嵌入样式表和导入的样式表
4．层叠性
5．文本样式、文本修饰
实验
实验CSS基础应用
1．掌握CSS基本语法结构；
2．掌握如何在网页中引入样式表；
3．熟悉对文本字体和文本样式进行设置的若干属性。
第6章CSS高级应用
教学要求
熟练掌握CSS中列表的控制、CSS的定位和CSS特效滤镜等高级应用的使用方法，从而对使用CSS实现丰富的网页效果有深入的认识和体会，真正理解CSS引入对网页设计与制作带来的深刻变化。
教学重点
CSS定位和CSS滤镜的使用
教学难点
CSS的定位方式和定位位置
课时安排
本章安排4课时。
其中，理论讲授2课时，上机实验2课时
教学大纲
一、列表
1.列表样式
2.列表图像
3.列表位置
二、定位
1.定位方式
2.定位位置
3.叠放次序
三、滤镜
1.Alpha
2.Blur
3.Chroma
4.Shadow和DropShadow
5.FlipH和FlipV
6.Glow属性
主要概念
CSS定位方式、叠放次序和CSS滤镜
实验
实验CSS高级应用
1．掌握利用CSS控制列表的样式；
2．掌握利用CSS控制网页元素的定位位置和叠放次序；
3．熟悉利用CSS实现不同网页元素的多种滤镜效果。
。
第7章JavaScript基础知识
教学要求
熟练掌握JavaScript语言中变量的定义、命名规则和使用方法，表达式和运算符，选择语句、循环语句、转向语句等流程控制语句；掌握函数的概念、函数的创建以及如何去调用函数。
教学重点
变量的定义、命名规则和使用方法，表达式和运算符，选择语句、循环语句、转向语句等流程控制语句
教学难点
函数的概念、函数的创建以及如何去调用函数
课时安排
本章安排5课时。
其中，理论讲授3课时，上机实验2课时
教学大纲
一、JavaScript概述
1．JavaScript主要特点
2．JavaScript运行和编译环境
3．JavaScript代码格式
二、JavaScript语言基础
1．数据类型及转换方法
2．常量和变量
3．运算符和表达式
三、JavaScript控制语句
1．选择语句
2．循环语句
3．转向语句
四、JavaScript函数
1．函数的定义与函数的调用
2．数据类型函数
3．内置函数
主要概念
JavaScript、常量、变量、运算符、表达式、函数、语句
实验
实验JavaScript语言基础
1．掌握JavaScript语言的运行和编译环境用法；
2．掌握JavaScript变量、运算符、表达式的用法；
3．掌握JavaScript语句的用法和函数的用法。
第8章JavaScript的事件和对象
教学要求
掌握对象的基本概念，熟练掌握对象的属性的访问和使用对象的方法；掌握事件的使用方法。
教学重点
对象的属性的访问和使用方法，事件的使用方法。
教学难点
对象的属性的访问和使用方法，事件的使用方法。
课时安排
本章安排4课时。
其中，理论讲授2课时，上机实验2课时
教学大纲
一、事件
1.事件与处理器
2.事件捆绑
3.鼠标事件
4.键盘事件
5.浏览器事件
二、JavaScript对象
1.对象的概念
2.内置对象
3.表单对象
主要概念
对象、对象属性、事件、事件捆绑
实验
实验JavaScript对象和事件的使用
1．掌握JavaScript对象的使用方法；
2．掌握JavaScript事件的使用方法；
第9章网站制作综合实例
教学要求
熟练掌握：
主页设计的方法、步骤，能够使用Fireworks、Dreamweaver软件进行主页设计，掌握CSS样式的应用方法以及网页中添加Javascript特效的方法。
掌握：
网站测试与发布的方法。
了解：
网站规划的方法。
教学重点
网站主页设计的方法、步骤，使用Fireworks、Dreamweaver软件进行主页设计，CSS样式的应用方法以及网页中添加Javascript特效的方法。
教学难点
Fireworks对图片切片以及Dreamweaver制作主页方法。
课时安排
本章安排6课时。
其中，理论讲授4课时，上机实验2课时
教学大纲
一、网站规划
1．网站目标
2．内容组织
3．链接结构
4．网站风格
5．版面布局
二、主页设计
1．制作主页图片稿
2．利用Fireworks对图片切片
3．利用Dreamweaver制作主页
4．插入图片
三、编辑子页面
四、设置超链接
五、CSS样式的应用
六、添加JavaScript特效
七、网站检查与发布
1．测试检查
2．网站发布
实验
实验一制作个人主页
1．熟悉主页的制作过程；
2．掌握常用网页制作软件的使用方法；
3．了解网页发布过程。
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- 网页 元素 教案
冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
该用户的其他资源 更多>>
#2机组现场施工用电布置措施.docx
猜你喜欢
肿瘤动物模型和抗肿瘤药物的研究方法.ppt
关于本文相关资源 更多copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1
