第1章网页设计与制作基础

第一章网页设计与制作基础第一节关于互联网互联网：是由世界上各种各样的网络互联所形成的“网络的网络”，是一个网际网。有时候也根据音译称为“因特网”，它是目前世界上最大的计算机通信网络，遍布全球，将世界各地种种规模的计算机网络连接成一个整体，从而实现信息交流和共享。网络协议：事先约定或定义的一组通信规则，它精确地规定了所交换数据的格式和传输方法，即计算机在交换信息时都要遵守的表达方式。网络协议分为硬件协议、软件协议。硬件协议：规定了硬件设备如何运作以及如何协同工作。比如硬件协议100baseTethernet规定了两个以太网设备之间如何交换信息，以及当出现传输异常时如何处理。软件协议：程序之间的通信是通过软件协议完成的。无论是网络客户机，还是网络服务器都提供有特定的协议包，它们与其他计算机通信之间，必须在那些计算机中载入相应的协议包，协议包里包含了计算机访问特定网络设备或服务所需的协议。一、什么是协议？１．TCP/IPTCP/IP是为了连接不同的设备而设计的一个协议集。主要有TCP和IP两套协议组成。包括FTP、SMTP、TELNET（１）IP网际协议IP网际协议处理网络上一个主机到另一个主机的数据宝路由选择，运行在ＯＳＩ网络七层模型中的网络层上。７层：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。IP是无连接的数据报协议。TCP、IP共同保证数据在因特网上的准确传输。二、互联网协议（２）TCP协议TCP协议运行在ＯＳＩ网络七层模型中的传输层上，用于建立和校验数据库连接。７层：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层。TCP是面向连接的数据报协议。路由器是调度中心。网关是翻译中心，负责把本地协议与TCP/IP互相转换。２．PPP协议在串行线路上传输ｉｐ数据报的TCP/IP协议，用来建立拨号连接。HTTTP：用于ｗｗｗ服务。FTP：计算机之间的文件传输。SMTP：电子邮件的发送。POP3：电子邮件的接收。TELNET：远程终端登录主机。３．其它协议三、IP地址IP地址：在TCP/IP地址编排方案中，采用了一种通用的地址格式，为互联网中的每一个网络和每一台计算机都分配了一个地址，这个地址在Internet中是唯一的，并以此屏蔽了物理网络地址的差异。这个统一的地址是由高层软件技术来实现的，准确地说是通过IP协议层来实现的。IP层所用到的地址是互联网地址，又叫IP地址。IP地址由32位二进制数组成，８位一组，以圆点隔开。取值范围：0-255三个层次：主机、由主机构成的网络、网络构成的互联网。Ip地址用于确定Internet上的每台主机，网上的每台计算机都被赋予了一个32位的地址，称为Internet地址或Ip地址。分为2部分,前一部分表示网络id,后一部分表示主机id。Ip地址分为5类，A、B、C、D、E类。A、B、C三类分给计算机，D类用于组合成一个功能组。一个Ip地址由32二进制比特数字组成，通常分割为4段，每段8位（1个字节），Ip地址的表示方法是：aaa.bbb.ccc.ddd。A类:分配给少数规模很大的网络,Ip的第一段表示网络号,(1~127),后面三段表示主机号。B类:分配给中等规模很大的网络,Ip的前两段表示网络号,(128~191),后面两段表示主机号。C类:分配给中等规模较小的网络,Ip的前三段表示网络号,(192~223),后面一段表示主机号。四、域名和域名系统域名：为了解决IP地址不便于记忆这个问题，同时也为了便于网络地址的分层管理和分配，自1984年起在互联网上采用了一种字符型的地址标识，这便是域名（DomainName）。第ｎ级子域名．……．二级子域名．顶级域名主机名机构名网络类型名国别代码域名的概念：域名:由若干部分组成,它们之间用点隔开,每个部分最少由两个字母组成,最后一部分是顶级域名.Mail.tsinghua..edu.cn国家顶级域名(2个字符)：cnukhkjptw通用顶级域名:comedugovmilnetorg湖南师大教育界中国计算机在网上进行寻址时，先把域名传输给特别的服务器——域名服务器（DNS），再由它翻译，将所得Ip地址的结果传回，计算机最终仍然通过Ip地址来找寻。这种翻译称为主机名/域名解析。Ip地址与域名地址的关系：的含义：是英文WorldWideWeb的简称，还简称为3W、W3、，中文名为万维网、环球网、或全球信息网等。是基于超文本方式、具有友好用户查询接口的信息查询工具。1、特点最大特点是使用超文本。所包含的信息是双向的。采用C/S（客户机/服务器）工作模式。在浏览器和服务器之间应用HTTP（超文本传输协议。五、（客户机/服务器）工作模式。意即客户机、服务器和HTTP三部分协调工作共同完成。包含三个主要方面：URL—统一资源定位器使用标准的ｗｅｂ文件传输机制——ｈｔｔｐ文本的逻辑结构采用标记语言ｈｔｍｌ描述协议2.工作方式URL可以看成是一个指针，用来指定因特网上一个具体的网络空间地址，故亦称为网址。格式如下：协议：//主机名：端口号/路径名/文件名#锚名协议主要有：http、ftp、file、news、telnet、gopher等。主机名指的是机器的地址。可以是IP地址，也可以是域名地址。默认端口：http为80、ftp为21路径名指的是Web服务器信息资源所在的目录名称。文件名指的是Web服务器信息资源的文件的名称。锚是在一个文件中具体的位置。URL—统一资源定位器：第二节什么是网页？1、Web页面Web页面是我们在浏览器里看到的网页。它是一个单个的文件。2、网页网页是用html语言编写的文本文件。3、网站网站是按一定的方式连接在一起的网页组成的整体。4、主页或首页主页是网站的第一个页面，它总是和一个网址相对应。第三节什么是ｈｔｍｌhtml语言：超文本标记语言,它不是一种的真正的编程语言,是脚本描述语言,并将它解码、显示，html代码用ascii字符书写。html语言编写的文档称为html文档；html文档在浏览器中看到的称为网页。第四节web浏览器一、Web浏览器：是指一个运行在用户计算机上的程序，主要作用在于在客户端与服务器端之间进行交互、通信，负责下载、显示网页，因此也称为客户程序。二、浏览器与超文本超文本：将一个文档的链接嵌入到另一个文档的形式。超链接的最大特点是能引出的任何信息。定位：超链接的不仅能把用户带到别的站点或文档，而且可以将用户带到某一文档内的某一特定点，这就叫定位。三、浏览器与超媒体超媒体：增强的，用超文本的工作方式称为超媒体。四、处理多媒体信息Web浏览器向web服务器索取html等服务器将文件送回浏览器得到文件，按一定的格式显示这些文件。文件观察器：任何能使用户打开、观看、播放特殊格式文件的辅助应用程序。五、保存web文档文件Web浏览器可以以html文件方式或者无格式文本来保存web文档。Html方式：可保持网页上所有格式和图形，若想再次查看必须通过web浏览器或html编辑器。无格式文本：放弃了原有的格式和图形，是一种可编辑的文本，通过wordpad，notepad等编辑器编辑。通常保存ｗｅｂ文档称为下载，实质早已下载了，只要另存为即可。下载：为了能够方便处理，客户机把文件从服务器上复制到本地的过程，与下载相反的过程是上传（Upload）。第五节网页设计的基本目标评价一个网页设计的好坏，主要包括创意和制作两部分。一、创意要新二、页面制作包括页面内容、网页结构、文字、图形;三、商业网页设计的要求良好的视觉效果、开发周期短，信息准确、维护更新方便、域名过目不忘、公司标志或站点标志、底部有描述信息、不侵犯版权、最后更新日期，在原来网址处给出变更信息。第六节网页制作工具及分类一、标记型工具html最基础的工具。最具代表性的html标记编辑器：1.hotdog2.homesite二、所见即所得工具：所见所得型网页制作工具：创建的网页文件在编辑过程中的显示与文件最终在浏览器中显示的效果是一样的，用户不需要接触HTML源代码就可以做出希望要的页面。1.通用工具——office套件2.专用工具——Dreamweaver、FrontPage三、编程网页制作工具1.CGI编程2.Java编程四、图形处理工具包括图形编辑、图像修饰、图像优化。五、通用图像处理工具Photoshop六、专用图像处理工具Fireworks七、不同类型工具的比较处理图片类：Photoshop、Fireworks、Freehand、CorelDRAW等网页排版类:Dreamweaver、FrontPage等动画效果类：Flash、Golive、Director等后台编程类：ASP、CGI、PHP、JSP、Javascript等