网页设计与制作课件第一章 赵祖荫.ppt

网页设计与 制作教程（第三版）;第1章 网页设计与制作基础; ;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地址。;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-3 网页的例子 ;1.2 网页图像基础;图1-4 将位图格式的局部图像放大前后的效果对比 ;2. 矢量图 矢量图用一组绘图指令来描述图像的内容，这些指令根据图形的几何特性定义图形的轮廓，并用颜色进行描边和填充。矢量图主要用于表示线框型的图画、工程制图、艺术字等。矢量图文件的容量较小。 矢量图形和分辨率无关，它们在不同分辨率的输出设备上显示效果都相同。 图1-5显示了将矢量格式的向日葵局部图像放大前后的实际效果。 ;图1-5 将矢量格式的局部图像放大前后的实际效果。;1.2.2常用图像格式及其特点 图像格式是指计算机中存储图像文件的方法，它们代表不同的图像信息、色彩数和压缩程度。图形图像处理软件通常可以处理多种图像文件格式，每一种图像格式都有它的特点和用途。在选择输出的图像文件格式时，应考虑图像的应用目的以及图像文件格式的特点。;1．BMP图像文件格式 BMP图像是Microsoft Windows所定义的图像文件格式，在Windows中运行的图形图像软件都支持BMP图像格式。BMP图像文件只能存放一幅图像，图像数据有压缩或不压缩两种处理方式。 2．GIF图像文件格式 GIF图像是一种包含有帧、调色板、优化方案等工作信息的位图格式。最多只支持256种颜色，支持透明色。采用无损压缩的方法，产生的文件很小。 GIF图像在网络上使用广泛。网络图像中色彩简单、内容不很复杂、动画以及包含透明区域的图像比较适合使用该图像格式。;3. JPEG图像文件格式 JPEG图像支持多达224种颜色，可以描绘真实场景图像或颜色丰富、内容细腻的图像。JPEG图像采用有损压缩的方法，图像质量与