1.要求：
知识要点：html 文档的基本结构，html 标签的书写格式、作用、用法
实训目的：掌握html 文档的基本结构，掌握html 代码网页编辑的基本方法
实训内容：
在html文档中，、
、这是我做的第一个网页，欢迎光临！谢谢！This is my first web. Welcome.
3.效果：
1.要求：
知识要点：以默认格式显示文字，用FONT标签设置显示文字的格式
实训目的：掌握设置网页中文字的大小、字体、字型、字号、颜色等
实训内容： 标签及其属性：face、size、color
、、 标签等
知识扩展：控制文字的大小、字体、字型、字号、颜色，还可以使用 CSS 样式
操作提示：按下 "新窗口浏览" 按钮可在新窗口中浏览所编辑的网页
本网页下部有图片素材和音乐素材, 可用作背景图片或背景音乐插入网页中, 路径在其下方可复制引用
2.代码：
幼圆黑色
size="1"
隶书蓝色
size="2"
黑体红色
size="3"
楷体绿色
size="4"
方正舒体紫色
size="5"
华文彩云深灰色
size="6"
华文琥珀灰色
size="7"
B加粗 I斜体
U下划线 strike删除线
3.效果：
1.要求：
知识要点：设置文章及章节的标题
实训目的：掌握在网页中设标题文字的方法，包括标题文字的大小、对齐方式等。
实训内容：
提高练习：练习设置标题文字的字体、颜色、字型等
操作提示：编辑左框中的代码,按下 "查看结果" 按钮, 网页的浏览效果会显示在右框中
在新窗口中浏览网页,可改变窗口大小以详细观察效果
2.代码：
3.效果：
1.要求：
实训目的：掌握网页中文字的排版控制等
实训内容：
与 设计技巧： hmtl 代码中的空格及回车换行符，在浏览器释读时会被略，网页中需用空格时，可用字符实体 " "或 全角空格代替；回车换行符可用标记
的区别
代替
知识扩展： < > & " 这几个重要符号及回车换行符也不能被浏览器正确释读，通常也需要用字符实体替代
< ： < > ： > & ： & " ： "
操作提示：在新窗口中浏览网页，并改变窗口大小，可以详细观察
2.代码：
本指南介绍如何使用Macromedia Dreamweaver。本指南中的教程将引导您完成创建一个简单但具备一定功能的Web 站点的过程。
3.效果：
1.要求：
实训目的：掌握在网页中插入图片并设置图片的大小、对齐方式、替代文字、是否有边框及边框的宽度等
实训内容： 标签及其属性：src、 align、 border、 alt、 hspace、 vspace、 width、 height 等
注意： src 是 标签的最关键属性，用来描述图片的来源（url），可用绝对路径或相对路径，绝对路径是包括
网站域名在内的完全路径，一般用于实现外部链接；相对路径又分为根相对路径和文档相对路径，不能使用本
地绝对路径。文件路径描述的更多知识，请参考有关资料
操作提示：插入图片，可使用本网页下部的素材，其路径描述位于对应图片的下面，可以直接“复制－粘贴”
2.代码：
小娃娃与小狗狗
3.效果：
1.要求：
知识要点：在网页中插入flash 动画使用 标签
在网页中加入视频剪辑使用IMG 标签的dynsrc 属性
实训目的：掌握在网页中插入flash 动画并设置其位置、大小等属性
掌握在网页中插入视频剪辑并设置其位置、大小、循环播放次数等属性，了解常用的多媒体文件类型
实训内容：在网页中插入一段视频剪辑和一个flash 动画
2.代码：
3.效果：
1.要求：
实训目的：掌握在网页中插入水平线，并设置线长、线宽、对齐方式、颜色、是否有阴影等
实训内容：
思考题：在网页中是否能方便地插入一条竖直线？要插入竖直有什么办法？
操作提示：在新窗口中浏览网页，并改变窗口大小，以详细观察线长、对齐方式的变化
2.代码：
水平线1：左对齐，宽15%，粗细8，绿色
水平线2：宽50%，粗细5，红色，无阴影，默认居中
3.效果：
1.要求：
实训目的：掌握在网页中设置滚动字幕的方法，包括字幕的对齐方式、滚动方向、宽度、高度、背景颜色、循环次数、
移动速度等
实训内容：
scrollamount、scrolleday等
注意：请不要设置滚动字幕的滚动方向为“向右”和“向下”，因为这不符合中文的阅读习惯
思考题：有些网页中的字幕，在鼠标指上时即停止滚动，鼠标移开时又开始滚动，这种效果如何实现？
2.代码：
欢迎光临电脑乐园
欢迎光临电脑乐园
3.效果：
实例9
1.要求：
知识要点：超链接(Hyperlink)是 html 的精华，它为快速查找所需的信息提供了方便
锚点链接适用于网页内容较多，并有多个标题的情况
实训目的：掌握网页内的锚点链接，包括锚记的设置，链接的设置等。
锚点链接是实现同一网页一处到另一处的链接
实训内容： 标签及其属性：href、name、target、style等
操作提示：当网页内容较少且浏览窗口较大时，使用锚点链接无法看到效果
注意观察：在本系统的每一个页面上有一个链接，这就是一个锚点链接的实例，可模仿应用
2.代码：
…………
SGML(Standard Generalized Markup Language，标准通用标记语言)是一种用于描述文档资料的通用标记语言。它的语法是可扩展的，数据描述功能很强，但十分复杂，不易学习，难以使用，在计算机上实现也很难，所以Web发明者Tim Berners-Lee等人于1989年根据当时的计算机及网络技术，提出了html语言。html是基于SGML的。html自诞生以来不断发展完善，目前WWW上使用html 4.0版本。
html(Hypertext Markup Language，超文本标记语言)是一种用来制作超文本文档的简单标记语言。
html语言可用于网页的排版，是网页设计的基础。用html编写的超文本文档称为html文档，它能独立于各种操作系统平台。使用html语言描述的文件，需要通过WEB浏览器显示出效果。
…………
…………
1) 标签
一个html文档是由一系列标签组成的。html语言中的“标签”是用两个尖括号括起来的标签指令，用来控
制文本、图像的显示方式及加于其上的动作。
标签的格式：<标签指令>
例如：<title>，</title>，<hr/> 等。
html标签可分单标签和双标签，如上例中的水平线标签<hr>、回车换行标签<br>就是单标签。而<html>要与最后的</html>配合使用，<title>必须与后面的</title>配合使用，这种起始标签和结束标签的组合，就是双标签。
2) 标签的属性
有些标签具有参数，这些参数精确地定义显示方式或行为等，被称为该标签的属性。
属性的用法：<标签指令属性名= "属性值" >
…………
…………
4) html文档的基本结构
一个html文档的基本结构是以<html>开始，以</html>结束，中间包含文档首部(head)和文档主体(body)两部分。
head标签中可以嵌套描述文档特征和属性的标签，例如title标签。
body标签中描述网页的内容，浏览时将显示在浏览器窗口中。
…………
…………
为了满足W3C的MXL文档标准，在新的Xhtml规范中，要求文档是格式良好的(Well-formed)，即必须满足以下要求：
①有且仅有一个根元素，其中可以包含若干子元素。即Xhtml文档必须以<html>开始，以</html>结束，其中可以包含head元素和body元素，也就是说，标签必须严格嵌套。
②标签必须有结束标签。
③标签中属性的值必须使用引号。
④标签、属性以及属性的值都是大小写敏感的。
…………
…………
1) head标签
head标签用于定义html文档的首部
格式：<head>…</head>
文档的首部描述了文档的很多特征和属性，包括文档的标题、和其他文档的关系等。除文档标题外，head 部分的大多数内容都不会真正显示在浏览器中。
2) title标签
title标签用于定义html文档的标题
格式：<title>…</title>
该标签定义了文档的标题，<title>与</title>中间的文字在网页被浏览时会显示在浏览器的标题栏上。标题通常用简明扼要的文字概括该网页的主要内容或主题。
…………
…………
html文档的主体是网页的实质部分，是放置文档核心内容的地方。
body标签用于定义文档主体
格式：<body>…</body>
常用属性：background、bgcolor、bgproperties
link、alink、vlink、text、leftmargin、topmargin
…………
3.效果：
实例10
1.要求：
知识要点：各个网页链接在一起后才能构成一个网站，按链接目的可分为锚点链接、内部链接、外部链接、E-mail链接等
内部超链接是实现同一站点内一个网页到另一个网页的链接
知识温故：内部链接目标网页的路径（url）表达形式，可使用根相对路径或文档相对路径
实训目的：掌握超链接的设置方法
实训内容： 标签及其属性：href、name、target、style 等
注意观察：在本系统的每一个页面上的和链接，就是内部链接的实例，可模仿应用
2.代码：
××××课程复习指导
第一课复习指导
第二课复习指导
第四课复习指导
第五课复习指导
3.效果：
××××课程复习指导
第一课复习指导
第二课复习指导
第三课复习指导
知识要点扫描
知识网络
重点难点研究
金题解析延伸
能力迁移训练
助学资料
第四课复习指导
第五课复习指导
1.要求：
知识要点：超链接的功能很强，可以在WWW上随意链接到其它站点，没有类别之分，没有国界限制实训目的：掌握外部链接的设置方法，掌握目标网页地址（URL）的表示方法
实训内容： 标签及其属性：href、name、target、style等
知识扩展：绝对路径是包括网站域名在内的完全路径,用于实现外部链接；链接到外部站点的首页,可只写域名省略文件名
注意观察：当超链接的目标是不能用浏览器打开的文档时，点击这个超链接将打开“文件下载”对话框
超链接“HTML参考资料”所链接的目标是一个 .rar 类型的文件，点击该超链接，观察其运行效果
操作提示：外部超链接可能因目的网站停止服务而链接失效
2.代码：
3.效果：
网易
海王科技
域名知识
html参考资料
1.要求：
实训目的：掌握电子邮件链接的格式，了解常用的电子邮件收发器，如：Foxmail OutlookExpress 实训内容：电子邮件链接格式
操作提示：浏览器端单击电子邮件链接，将打开默认邮件收发管理软件，如Foxmail、Outlook Express 等，为发送一个电子邮件做好准备
2.代码：
3.效果：
为您服务
1.要求：
知识要点：按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，多媒体文件链接，空链接等
实训目的：掌握在图片上作超链接的方法
实训内容：图片上作超链接的格式
知识扩展：在Dreamweaver中还可以将一幅图片划分为多个热区，作多个超链接
注意区别：描述链接目标url 使用 标签的href 属性，描述插入图片来源的url 使用 标签的src 属性
2.代码：
3.效果：
1.要求：
知识要点：表格由表行组成，表行由表项(单元格)组成。表格由 TABLE 定义，表行由 TR 定义，单元格由 TD 或 TH 定义
实训目的：掌握表格的定义格式（表格、表行、单元格），表格的对齐方式、表项的对齐方式、表格中文字的设置等。
实训内容：
