网页设计与制作基础.doc

第一章网页设计与制作基础 本章要点 通过本章学习，考生应了解互联网的基本功能、服务、原理，对网页浏览服务的体系结构、技术名词、浏览器有基本的了解，对于网页的设计原则和所使用工具也应有一定的认识，从而为继续深入学习网页制作技术打下知识基础。 第一节关于互联网 一、什么是协议 网络协议：是一系列通信规则的总称，主要包括用户数据与控制信息的结构和格式、需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明等三部门内容。 硬件协议：定义了硬件设备如何运作以及如何协同工作。 软件协议：程序之间的通信是通过软件协议完成的。 二、互联网协议 1、TCP/IP是为了连接不同的网络而设计的一个协议集，主要由TCP和IP两套协议组成，互联网就是以此为基础建立的。这套协议包括远程登录、文件传送、电子邮件等，TCP/IP可与任何硬件或操作系统一起工作。 （1）IP网际协议 IP协议处理网络上一个主要到另一个主要的数据报路由选择，远行在OSI网络七层模型中的网络层上。OSI开放系统互联是由国际标准化组织发起制定的计算机网络通信标准。OSI定义了网络功能的七层模型，分别是：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层，称为OSI七层模型。 （2）TCP传输控制协议 TCP工作在OSI模型中的传输层上，用于建立和校验数据连接。 整个数据传送过程是由计算机、网关、路由器和协议共同保证的。 2、PPP协议 PPP指点对点协议，是在串行线路上传输IP数据报的TCP/IP协议。一般被用来建立与互联网的拨号连接，该协议同时提供了物理层和数据链路层的功能，PPP附加的功能包括出错控制、安全性、动态地址分配以及运行多种协议等。 3、其他协议 HTTP：超文本传输协议，用于WWW服务。 FTP：文件传输协议，用于实现计算机之间的文件传输。 SMTP：简单邮件传输协议，用于电子邮件发送。 POP3：邮件协议3，一般用于电子邮件接收。 TELNET：远程登录协议，一般用于远程终端登录主机。 三、IP地址 IP地址由32位二进制数表示，每8位为一组，以圆点分隔，在面向用户的文档中，IP地址被直观地表示为四个以圆点隔开的十进制数，其中每个十进制数对应一个8位二进制数组（邓一个字节），每个十进制数可取值为0-255。如：55。IP地址是一种层次型地址，在概念上分为三个层次：主机、由主机构成的网络和由网络构成的互联网。 四、域名和域名系统 1984年起在互联网上采用了一种字符型的地址标识，这便是域名。或名采用层次型命名机制。 （主机名）（机构名）（网络类型名）（国别代码） 域名系统实现了域名IP地址的映射。 域名系统的实质是一个分布式数据库，包括提出数据的标准格式、数据库查询方法，以及本地更新数据的标准方法。 五、WWW 万维网于1990年诞生于瑞士日内瓦的欧洲粒子物理实验室。 万维网建立在标准化的网络概念之上，采用客户机/服务器的体系结构。资源共享是互联网的基本特征。 Web是通过超文本语言的来具体实现的。 在实际应用之中，它主要包括三个方面： 1、实现资源引用的统一命名机制 URL即统一资源定位器，是指向互联网上文件位置的标志，主要由四部分组成，分别是：访问类型、访问的主机、端口号以及访问的文件的路径。 HTTP一般使用80端口，FTP一般使用21端口。 2、使用标准的Web文件传输机制HTTP 3、文本的逻辑结构采用标记语言HTML描述协议 HTML是万维网中超文超文件的基础 第二节网页概述 网页：Web站点中使用HTML编写而成的单位文档，是Web中的信息载体。其使用的描述语言是HTML。 超文本：指的是在一个网页上可以通过事先嵌入的超级链接转到存储于其他任何地方的网页。 超媒体：是网页包含了种种多媒体信息或多媒体链接。除了含有文本、图形、图像、动画外，还可以包含表格、窗体，可以和用户进行交互、接收用户输入。 Web服务器也称为网点或站点 主页：在一个站点的众多网页中，总有一个网页是被指定为该站点的“门户网页”，即为该站点的主要，这个页面是整个站点的核心，站点内所有内容都由门户页面进行索引，该页通常被命名为index.html或default.html 万维网是全球性的信息服务网络，而Web服务器上的信息，则以网页的方式组织一个整体。网页就是存放在互联网中的Web服务器上的一个文件，或者说是一种文档Web文档。 第三节HTML概述 HTML：超文本标记语言是创建网页时使用的语言。HTML文件被浏览器解释后就是网页由标记（tag）和文本组成。就其本质而言，是一个基于文本的编码标准，用于指示浏览器以什么方式显示信息。 第四节Web浏览器 一、Web浏览器 所谓Web浏览器：指一个运行在用户计算机上的程序，它负责下载、显示网页，因此也称为WWW客户程序。 二、浏览器与超文本 网页的特征，也就是HTML文档的基本特征超文本，它是指将一个文档的链接嵌入另外一个文档的形式。超链接有时也称为快捷链接或简称为超链。超级链接的最大特点在于它能引出WWW中的任何信息。 三、浏览器与超媒体 在超媒体的第一个应用中，网页中的图形本身就是一个链接。 在超媒体的第二个应用中，Web的链接可以打开某一程序，而且显示并播放其中的图片、音频或视频剪辑。 四、处理多媒体信息 五、保存Web文档的方式 Web浏览器能以HTML文件（以.htm或.html为扩展名）方式或无格式文体（.Txt为扩展名）方式来保存Web文档。 六、当前流行的Web浏览器 目前最流行的浏览器主要有Netscape Navigator 和Microsoft Internet Explorer(IE)两种。 批处理浏览器和离线浏览器 第五节网页设计的基本目标 评价一个网站网页设计的好坏主要包括创意和制作两个部分。 一、创意要新 网站设计总的目标是：好的创意、丰富的内容、新颖的观点 二、页面制作 1、网页结构 2、页面内容 3、文字 4、图形 三、商业网页设计的要求 1、良好的视觉效果 2、站点开发周期尽可能短，网页发布的信息一定要准确 3、维护更新要方便 4、商业网页制作的其他应注意的几个问题 第六节网页制作工具及其分类 一、标记型网页制作工具 HTML是网页制作的基础，也是最基本的工具。 最具代表性的HTML标记编辑器有： 1、HotDog是最流行的HTML标记编辑器之一，不要求用户熟悉HTML。 2、Homesite是一种较新的、使用Borland Delphi编辑器，小巧而工能齐全。需要用户有一点HTML基础，适合已有一定网页制作经验的人使用。 二、“所见即所得”型网页制工作 所见即所得型网页制作工具：它是指创建的网页文件在编辑过程中的显示与文件最终在浏览器显示的效果是一样的，用户不需要接触HTML源代码就可以做出希望要的网页。 1、通用工具备office套件 2、专用工具 （1）FrontPage （2）Dreamweaver 基本特征 （1）最佳的制作效率 （2）网站管理 （3）无可比拟的控制能力 （4）丰富模板和XML支援 （5）多游览器平台的支持三、编程型网页制作工具 1、CGI编程 所谓CGI脚本程序，是服务器上的一个可执行程序。 CGI只是一种实现用户交互的环境，并不是一种语言。 2、Java编程 Java是一种广泛使用的网络编程语言，它是一种新的计算机概念。首先，作为一种程序设计语言，它简单、面向对象，不依赖于机器的结构，具有可移值性、安全性，提供了并发的机制并具有很高的性能。其次，它最大限度地利用了网络。它的小应用程序可在网络上运行而不受CPU和环境的限制。还提供了丰富的类库。 四、图像处理工具 GIF图像交换格式是一种最大色系256色的通用图像格式。 JPEG是一种压缩存储的图形格式，由联合照片专家组开发并以其命名。 使用图像处理工具可对图像进行编辑、修饰、优化、图形文件格式转换等处理。 五、通用图像处理工具（Photoshop） 六、专用图像处理工具 七、不同类型工具的比较 “所见即所得”编辑器往往具有一些致命的弱点： 难以精确达到与浏览器完全一致的显示效果 “所见即所得”编辑器往往会书写冗余高的代码，不如手工书写的来得简洁。 第七节小结 一、从了解HTML的基本标记开始 二、选择一个自己认为颇为顺手的工具，从第一页面开始 三、多多访问他人的网页，从中受到启发 四、深入分析成功的网站、网页 考核要求 第一节关于互联网 识记：互联网提供的几种服务及其各自概念与功勇；互联网发展历程。 领会：Web浏览服务的基本体系结构，互联网基本名词：URL，超级链接。 第二节网页概述 识记：网页与主页之间的关系。 领会：网页的基本要领。 应用：实际上际，查看网页。 第三节HTML概述 领会：HTML的概念；HTML的基本构成单位：标记。 应用：识