网页制作第一章

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,1.1,计算机网络的概念,计算机网络就是利用通信设备和线路将地理位置分散、功能独立的多个计算机互连起来，以功能完善的网络软件,(,网络通信协议、信息交换方式和网络操作系统等,),实现网络中资源共享和信息传递的系统。,计算机网络按范围来分，一般可以分为局域网、城域网、广域网。,1.1,计算机网络的概念,因特网是目前世界上影响最大的国际性计算机网络。它以,TCP/IP,网络协议将各种不同类型、不同规模、位于不同地理位置的物理网络联接成一个整体。,1.1,计算机网络的概念,一台电脑连接到因特网，就可以访问因特网上的资源。有的电脑通过局域网连接到因特网，有的电脑通过调制解调器，然后通过电话线连接到因特网上，还有的直接连接到因特网上。因特网上提供各种信息资源的服务器也是这样连接到因特网上的。,因特网的通信部分结构非常的复杂，有的是公用电话网，有的是网络公司或行业部门建立的全国性的光纤主干网。它们在地域上互相重叠，又互相连接，形成一个大的网络。,1.2 HTML,和,WWW,WWW,的全称是,World Wide Web,，正式的译名是万维网。,WWW,服务是因特网上应用最广泛的服务。,WWW,使得一个站点可以设置一些,Web,页面，以提供包括文字、图片、声音甚至影像的信息。页面之间可以建立链接，通过链接，用户可以在具有链接关系的页面之间进行切换。,Web,页面一般是由,HTML,语言编写的，,HTML,是超文本标记性语言,(Hypertext Markup Language),的简称，它是一种跨平台的超文本标记语言,1.2,WWW,的工作流程,根据静态网页和动态网页的不同，,WWW,工作的流程有两种方式。,如果是静态网页，在客户机上的浏览器地址栏中输入一个网页地址，按回车键，客户机就用因特网上的,HTTP,协议发送一个请求到该地址所指定的服务器。服务器收到请求后，将客户机请求的页面文件或系统的缺省页面文件传送到客户机中。浏览器将会解释这个,HTML,文件，并将结果显示在浏览器窗口中。,1.2,WWW,的工作流程,如果是动态网页，当服务器收到请求后，将根据请求的信息，在服务器上找到相应页面文件并对该文件进行处理，运行该文件包含的程序代码，然后将运行的结果以标准的,HTML,文件格式送回到客户机，由客户机的浏览器显示结果,1.4,网站的设计流程,设计一个网站就像设计一个程序一样，要进行整体规划、素材收集、页面设计、调试测试等步骤。下面，简单介绍网站的设计流程和要遵循的一般原则。,1.4.1,整体规划,在网页设计前，首先要给网站一个准确的定位，是用来宣传自身，还是用来提供商务服务、资讯服务，从而确定主题与设计风格。,确定了主题以后，就要根据希望提供的功能来确定设计网站所使用的技术。,1.4,网站的设计流程,1.4.2,网页的设计与制作,网站整体规划完成后，就需要利用收集和制作的素材，采用网页制作工具去设计并完成每一个网页的制作。网页制作过程一般分为两个部分：网页布局设计和有关内容的添加。,布局就是以最适合浏览的方式将文字和图片编排在网页的不同位置，使得浏览者的视觉效果与使用效果达到最佳状态。网页作为一种版面，有文字和图片。而文字有标题与正文之分；图片也有主次之别。如果将,1.6,测试网页,在网页制作过程中和完成以后，需要对网页进行测试，查看所设计网页的实际浏览效果以及有没有错误。测试的项目包括：, 链接测试。主要看网页中是否有链接错误的情况。, 外观测试。在不同的浏览器、不同分辨率、不同的系统字体设置情况下网页的外观有无改变，网页中的文字、图片能否正常显示。,1.6,测试网页, 速度测试。浏览者在不同的网速下浏览网页，显示的速度如何？是否可以容忍？, 脚本和程序测试。测试页面中的,JavaScript,、,CGI,等程序是否能正常工作，是否存在安全漏洞。,网页的上传与发布,网页制作完成后，就可以利用,FTP,等方式上传到服务器并发布到互联网上了。网站空间的获取一般有自设服务器、租用网页空间或虚拟主机、申请免费网页空间三种方法网站空间的获取一般有自设服务器、网站,1.7,制作和美化网页的工具,1.7.1,网页制作类工具,制作网页首先要选定一种网页制作软件。选择一个好的网页编辑器会令你事半功倍！目前，较常用的网页 制作工具有如下几种。,1,Dreamweaver,Dreamweaver,是,Macromedia,公司,(Macromedia,公司,2005,年,4,月被,Adobe,公司收购,),出品的网页制作工具，可以说是当前最流行的网页编辑器。它支持所见即所得的方式编辑网页，有强大的站点管理功能，便于站点的维护和管理；支持最新的,HTML,语言的扩展功能；支持层技术，还提供了层动画；内置强大的交互式网页制作功能。,Dreamweaver,可以使用户不用深入了解,HTML,就能制作出非常专业的网页。,1.7,制作和美化网页的工具,1.7.2,图像制作类工具,许多图像制作工具软件都能够方便地进行网页图像的制作和处理。,1,Photoshop,Photoshop,是,Adobe,公司最著名的图像处理软件，是图像制作首选工具。它对图像的处理方式多样，特别是对图像的滤镜处理，可以制作出许多特殊的图像效果。,Photoshop CS,版提供的功能可以轻松地将图像进行切片等操作，方便网页使用，支持将图像存储为网页支持的,GIF,、,JPEG,、,PNG,等格式。,1.7,制作和美化网页的工具,3,Fireworks,Fireworks,是,Macromedia,公司专门为制作网页图像设计开发的软件。无论是专业人员还是初学者，都可以用它制作出效果不错的网页图像。它也有一个集成的网页图像开发环境。具有同时按位图图形和矢量图形的模式进行编辑的特点。,Fireworks,也可以制作简单的翻页型动画。,1.7,制作和美化网页的工具,1.7.3,动画制作类工具,1,Flash,Flash,是,Macromedia,公司专门为网页动画设计开发的软件。用该软件制作的动画采用的“流”控制技术，可以一边下载动画，一边播放，并且设计者可自己决定流的大小，因此，制作的动画在网页中播放时基本看不出时间上的延迟，下载时间较短。,