当前位置：首页 > 计算机网络基础 第5章教案
? 字体的颜色。
? 图像：现在网络上使用的绝大多数图片和图像是gif、jpeg和png文件格
式。
网页上使用图像要注意的问题：
? JPEG格式适合于照片图像，GIF格式适合于包含纯色的图像，例如插图和线条图。
? 利用图像编辑软件来放大或缩小图像
? 屏幕显示图像的分辨率一般为72dpi。制作图像时，不必使用比此再高的分辨率。尝试各种不同的JPEG压缩率
? 使用合适的色彩模式。 ? 慎用动画
? 链接：也叫超链接（Hyperlink），是从一个网页指向另一个目的端的链接，
是页面间的链接关系。
? 链接标志（载体）指的是网页中特殊的文本或图像，它们常常用不同的颜色和下划线来标识，在浏览器中，访问者可以用鼠标单击它们，能够从当前的网页转到链接的目的端位置。
? 超链接的标志一般有：文本、图像、热区三种。
除上述几种要素之外，在网页上经常使用的还有动画、视频、声音等各种信息的形式。
? 动画：目前网络上常用的动画类型有gif和Flash动画两种。
? 视频：是多媒体网页的一个重要组成部分，常用的视频格式有avi、
mpeg，.rm和mov等，视频会大大增加网页的文件量，从而使用访问速度受到影响，因此要慎用（严禁喧宾夺主）。
? 音频：在网页中插入音频会增加网页的生动性。常用的音频格式有
rm(ram)、midi、wav和mp3等格式。音频文件和视频文件一样都会增加网页的文件量，因此要慎用。
3．网页布局形式
(1)“国”字形布局：也可称为“同”字型。 (2)“匡”字形布局
5
(3)标题文本型布局：标题文本型布局是指页面内容以文本为主， (4)框架型布局：采用框架布局结构，常见的有左右框架型、上下框架型和综合框架型。
还有综合型布局、封面型布局、海报型布局、Flash型布局等，
网页布局一般都采用表格布局法，还可使用框架布局法和层叠样式表布局法。
4．网页制作工具 ①网页编辑工具
超文本标识语言HTML（Hyper Text Markup Language）全称是超文本标记语言，利用标记来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以编辑HTML文档。是一种专门用于Web页制作的语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。
FrontPage是非常受初学者欢迎的一种，是一种非常容易上手的工具。它是由微软开发，并己集成为Office的组件之一，与Microsoft Office应用程序的无缝集成。
Macromedia公司开发的Dreamweaver软件是一种专业的网页编辑器，用于对站点、网页和Web应用程序进行设计、编码和开发。可直接编写HTML代码还可以在可视化编辑环境中工作
②网页图像编辑工具
Photoshop：是Adobe公司开发的，是当今最流行的图形图象处理软件之一，它能够实现各种专业化的图像制作、处理及合成。
Fireworks：是由Macromedia公司开发的图形处理工具，它是第一个专门为制作网页图形而设计的软件，同时也提供专业的网页图形设计及制作的解决方案。
Flash：Macromedia公司出品的Flash是目前非常流行的一种交互式Web矢量动画软件。
Dreamweaver和Flash、Fireworks三个软件被称为“网页三剑客”，是现在公认的比较标准的网页制作利器。
6
第3,4课时 5.2 HTML初步
一、HTML的概况
HTML (HyperText Markup Language) 超文本标记语言，是用特殊标记(tag)来描述文档结构和表现形式的一种语言。使用HTML语言描述的文件，需要通过Web浏览器显示出效果。即浏览一个网页时，实际上是把该网页所对应的HTML文件下载到我们的计算机中，然后由本地计算机中的浏览器来解释。 HTML发展：
由蒂姆·伯纳斯-李给出原始定义，由IETF用简化的SGML（标准通用标记语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。
超文本置标语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1996年1月14日，W3C推荐标准 HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准。
HTML 5目前仍为草案，并已被W3C接纳。
★XHTML（可扩展超文本标记语言）是W3C计划中的HTML的接替者。是一个独立的、和HTML平行发展的标准。W3C目前的建议是使用XHTML 1.1、XHTML 1.0或者HTML 4.01进行网络出版。
★动态HTML（Dynamic HTML，简称DHTML、DHML）是一种通过结合HTML、用户端脚本语言（Client Side Script，如JavaScript）、串接样式表（CSS）和文件物件模型（DOM）来创建动态网页内容的方法
应用：
?
产生交互式表单
7
? ?
生成类似WebCT的e-learning交互式在线基础培训 创建基于浏览器的视频游戏
二、HTML标记的语法及文件结构 1、HTML的标记语法 ①什么是标记
HTML用于描述功能的符号称为“标记”。
比如、
、等，都是标记，标记表示HTML文档的开始。标记在使用时必须用尖括号“<>”括起来，有些标记必须成对出现，以开头无斜杠的标记（如:）开始，以有斜杠的标记（如:）结束。
比如，
本文作者：
