第1章网页设计及制作.ppt

网页设计与 制作教程（第三版） 第1章 网页设计与制作基础 1.1 Internet基础 1.2 网页图像基础 1.3 网页制作软件的主要功能和特点 1.4 本章小结 1.1 Internet基础 1.1.1 Internet与WWW服务 计算机网络，简单的说，就是用通信线路把若干计算机连起来，再配以适当的软件和硬件，以达到计算机之间的资源共享和信息交换。Internet的中文名称是因特网或国际互联网，是一个几乎覆盖了全世界的计算机网络。 Internet提供的服务主要有万维网（WWW）服务、电子邮件（E- mail）服务、文件传输（FTP）服务、远程登录（Telnet）服务和新闻与公告类（Usenet）服务等。 网页能存放在全球的任何一台计算机上。所以一旦与WWW连接，用户就可以使用相同的方式轻松地接收全球任何地方的信息。Internet上链接在一起的网页构成了一个庞大的信息网。 图1-1 网页的超文本结构 1.1.2 服务器与客户机 Internet连接着难以计数的计算机，按照功能它们大致可分为服务器和客户机两类。 服务器是提供资源和服务的计算机。 客户机是供用户使用资源和享受服务的计算机。 浏览者在访问网页时，使用的是客户机。浏览器向存放网页的WWW服务器（经常是在很远的地方）发出一个请求；收到请求后，WWW服务器将响应信号和网页发送给客户机。该流程如图1-2所示。 图 1-2 客户机和服务器 客户机也可以通过浏览器将数据信息上传给WWW服务器的数据库或者应用程序，还可以利用交互式网页向服务器的数据库查询数据，然后服务器将处理结果以网页的形式反馈给用户。 1.1.3 IP地址和域名 网络上的每一台计算机都必须有IP地址或域名作为其独一无二的标识，就像我们每个人都有一个身份证号一样，作为身份的确认。 IP地址是Internet上计算机的数字标识。两台计算机不能有相同的IP地址。它通常由四个0～255间的十进制整数和中分点构成，例如 8、都是合法的IP地址。 域名是与网络上的数字型IP地址相对应的字符型地址，便于记忆和识别。 域名的一般格式：主机名.机构名.类别名.地区名 如： 1.1.4 URL和超链接 Internet是全球最大的信息库，每个服务器上都有成千上万的各种资源，那么如何来标识这些资源呢？ 用于解决这一问题的是统一资源定位器（uniform resource locator简称URL）。URL是全球WWW网服务器资源的标准寻址定位编码，它被用来确定资源的相应位置。 URL采用统一的格式： 协议名://服务器的IP地址或域名/路径/文件名 1.1.5 HTML语言和网页制作工具 网页实际上就是一个用超文本标记语言HTML（hyper text markup language）编写的文本文件，从而把文字、表格、图像、动画、声音和视频等各种媒体有机地组合在一起。 HTML语言能够运行于各种操作系统。 例如图1-3所示的网页的HTML语言源文件为： html head title网页设计大家学/title /head body p align=centerbfont color=#FF0000 size=7网页设计大家学/font/b/p /body /html 1.2 网页图像基础 1.2.1 位图和矢量图 1. 位图 位图是由分配了特定位置和颜色值的点(象素)的排列组成。位图的色彩和色调变化丰富，但占用空间较多。 对位图进行编辑时，处理的实际上是一个个象素。位图的质量与分辨率有关。如果在屏幕上以较大的倍数放大显示图像，在图像边缘可能会产生锯齿。如图1-4所示，位图格式的图片被放大后与原图对比有很明显的马赛克纹样。 图1-4 将位图格式的局部图像放大前后的效果对比 2. 矢量图 矢量图用一组绘图指令来描述图像的内容，这些指令根据图形的几何特性定义图形的轮廓，并用颜色进行描边和填充。矢量图主要用于表示线框型的图画、工程制图、艺术字等。矢量图文件的容量较小。 矢量图形和分辨率无关，它们在不同分辨率的输出设备上显示效果都相同。 图1-5显示了将矢量格式的局部图像放大前后的实际效果。 图1-5 将矢量格式的局部图像放大前后的实际效果。 1.2.2常用图像格式及其特点 图像格式是指计算机中存储图像文件的方法，它们代表不同的图像信息、色彩数和压缩程度。图形图像处理软件通常可以处理多种图像文件格式，每一种图像格式都有它的特点和用途。在选择输出的图像文件格式时，应考虑图像的应用目的以及图像文件格式的特点。 1．BMP图像文件格式