网页设计的基础知识.ppt

《网页设计的基础知识.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章网页设计的基础知识在学习网页设计的具体内容之前，首先要了解一下关于网页制作的基础知识。这些知识包括浏览器、网页中使用的元素、页面语言，以及各种软件在网页设计中所起的作用等。通过学习这些基础知识，可以对网页设计有一个整体上的了解。2.1浏览器1．IE浏览器IE浏览器的全称是InternetExplorer，它是微软公司发布的免费浏览器。由于直接绑定在Windows操作系统之中，所以无须下载安装。根据发布时间的先后，有IE4.0，5.0，5.5，6.0等很多版本。目前最新的是IE7.0版本。如果更改浏览器的设置，则文本的显示效果会相应地改变。单击“查看”菜单，在打开的下拉菜单中选择“

2、文字大小”选项，2.1浏览器2．Firefox浏览器Firefox浏览器又称为火狐浏览器，是Mozilla基金会与众多志愿者所开发的，现在也有很多的使用者。目前使用较多的版本是Firefox2.0，其显示效果如图2-2所示。2.2文本1．文本的显示在网页中直接输入没有定义任何样式与属性的文本内容，其显示效果和浏览器的设置有关。2.2文本2．文本的格式在网页中可以为文本设置各种格式，其中包括文本中字体的选择、字体的大小、文本的颜色、行高等（关于定义文本格式的详细内容，将在后面的章节中详细讲解）。下面是定义文本格式后的显示效果，如图所示。2.3图像网页中使用的图像可以分为两个部分：一部分是

3、起修饰作用的图像，一般在页面中起美化作用；另一部分是作为内容的图像，其中有些内容部分的文本内容，因为涉及到特殊的字体，所以也要用图像的方式来显示。下面进行详细讲解。2.3.1矢量图和位图矢量图是使用数学公式计算来获得的图像格式，其优点在于即使将图像放大，依然能够清晰显示；其缺点在于难于表现色彩丰富的图像内容。在网页中，无法使用单独的矢量格式的图像。矢量图通常使用在Flash动画之中。下面是矢量图像和其放大后的效果和位图图像和其放大后的效果2.3.2网页设计中常用的图片格式在网页中通常使用的图片格式有GIF格式和JPEG格式。其他的图片格式也可以在网页中使用，但会受到浏览器以及客户端环境

4、的限制。具体内容如下所示。1．GIF格式GIF（GraphicsInterchangeFormat）格式即图形交换格式2．JPEG格式使用JPEG格式的图片的好处同样在于各种浏览器都能很好地支持，同时可以很好地压缩图片，改善加载的速度。2.3.3使用图片在网页中使用图片一般分为两种情况：一种是图片作为修饰部分；另一种是图片作为内容部分。作为修饰部分的图片，例如导航栏文字后面使用的背景等；作为内容出现的图片，例如网站中展示的产品的图片等。下面分别用实例来说明，作为修饰的图片和作为内容图片的作用和显示效果，具体内容如下所示。1．作为修饰的图像2．作为内容的图像2.3图像网页中使用的多媒体包

5、括音频文件、视频文件、Flash动画等内容，其中使用最多的是Flash动画。下面进行详细讲解。1．音频多媒体内容在网页中，作为修饰的图像一般以背景的形式出现，以便使页面的表现和结构相分离。下面是一个在页面中使用修饰图片的示例，其显示效果如图所示。2.3图像2．作为内容的图像在网页中，作为内容的图像一般都有自身的意义。例如用来展示产品的图像，或者用来进行导航的图像等。下面是在一个页面中使用内容图像的示例，其显示效果如图所示。2.4多媒体网页中使用的多媒体包括音频文件、视频文件、Flash动画等内容，其中使用最多的是Flash动画。下面进行详细讲解。1．音频多媒体内容在网页中音频文件可以直

6、接作背景使用（只有IE浏览器支持此属性）。如果要在其他浏览器中使用音频文件，则需要使用播放器（关于多媒体的使用，将在后面的章节中详细讲解）。2.4多媒体2．Flash动画在网页中使用的Flash动画非常多。Flash动画可以用来制作站点的片头、Logo、Banner、页面中的广告等内容（关于片头、Logo、Banner等概念，将在后面的章节中详细讲解）。Flash动画相对于其他格式的音频和视频文件，占用的空间更小，使用起来也更方便灵活。3．视频多媒体内容在网页中无法直接播放视频内容（Flash动画除外）。如果要播放视频内容，必须使用相应的播放器。2.5结构语言网页中使用的结构语言，一般

7、为HTML和其升级版本XHTML。使用所见即所得的网页制作软件，例如Dreamweaver等，可以直接生成页面结构语言代码。结构语言可以在Dreamweaver等软件的“代码”视图中看到，其显示效果如图所示。2.6脚本脚本一般在网页中用来实现某种特殊的效果或功能。通常使用的是JavaScript和VBScript。使用Dreamweaver等网页制作软件，可以直接在页面中添加脚本。脚本一般用来完成一个或多个相应动作，例如响应鼠标等。2.7专家总