网页设计基础与制作流程.ppt

1.1.1因特网、网站和网页的关系,1.1Web因特网基础知识,因特网是世界上最大的计算机网络，万维网是因特网中的一个子集，是由分布在全球的众多Web服务器组成的。这些Web服务器上包含用户可以从世界上任何地方都访问到的信息，而这些信息都是以网页为载体的。,因特网是一组彼此连接的计算机，也称为网络。全世界所有计算机通过传输控制协议（TransmissionControlProtocol/InternetProtocol，简称为TCP/IP协议）进行交流、娱乐、共同完成工作。,1.1.2网页语言,网页一般是由以下这些元素构成的。最基本的元素就是文字，文字是人类最基础的表达方式，因此不可缺少。但是网页不可能只有文字，这样就太枯燥了，其在文字的基础上还包括图像、动画、影片等其他一些元素，来丰富网页内容，给人们生动、直接的感觉。,1.1.3常用Web浏览器浏览器是安装在电脑中用来查看因特网中网页的一种工具，每一个因特网的用户都要在电脑上安装浏览器来“阅读”网页中的信息，这是使用因特网的最基本的条件，就好像我们要用电视机来收看电视节目一样。目前大多数用户所用的Windows操作系统中已经内置了浏览器。,1.1.4域名与URLIP地址是一组数字，人们记忆起来不够方便，因此人们给每个计算机赋予了一个具有代表性的名字，这就是主机名，主机名由英文字母或数字组成，将主机名和IP对应起来，这就是域名，方便了大家记忆。域名和IP地址是可以交替使用的，但一般域名还是要通过转换成IP地址才能找到相应的主机，这就是上网的时候经常用到的DNS域名解析服务。,1.1.5HTTP与FTP超文本传输协议（HypertextTransferProtocol，HTTP），它是一种最常用的网络通讯协议。文件传输协议（FileTransferProtocol，FTP），与HTTP协议相同，它也是使用URL地址的一种协议名称，以指定传输某一种因特网资源，HTTP协议用于链接到某一网页，而FTP协议则是用于上传或是下载文件的。,网页实际上就是一个文件，这个文件存放在世界上某个地方的某一台计算机中，而且这台计算机必须要与因特网相连接。网页是由网址（URL，例如）来识别与存取的。在浏览器的地址栏中输入网页的地址后，经过复杂而又快速的程序解析（域名解析系统）后，网页文件就会被传送到计算机中，然后再通过浏览器解释网页的内容，最后展现在浏览者的眼前。,1.2.1网页的构成元素在Internet早期，网站只能保存纯文本。经过近十几年的发展，图像、声音、动画、视频和3D等技术已经在网页中得到了广泛的应用，网页已经发展成为集视、听为一体的媒体，并且通过动态网页技术，使用户可以与其他用户或者网站管理者进行交流。网页中常见的构成元素有文本、图像、超链接、动画、声音、视频、动画、表单、程序等。,1.2什么是网页,1.2.2静态网页与动态网页静态网页是相对于动态网页而言的，并不是说网页中的元素都是静止不动的。静态网页是指浏览器与服务器端不发生交互的网页，网页中的GIF动画、Flash等多媒体元素都会发生变化。1.2.3网页设计概述网页设计是一个网页创作的过程，是根据客户需求从无到有的过程，网页设计具有很强的视觉效果、互动性、操作性等其他媒体所不具有的特点。一个成功的网页设计，首先在观念上要确立动态的思维方式，其次要有效地将图形引入网页设计中，提高人们浏览网页的兴趣。在崇尚鲜明个性风格的今天，网页设计应该增加个性化的因素。1.2.4网页设计的特点与当初的纯文字和数字的网页相比，现在的网页无论是在内容上，还是在形式上都已经得到了极大的丰富，网页设计主要具有以下特点。,1、交互性2、版式的不可控性3、技术与艺术结合的紧密性,4、多媒体的综合性5、多维性,网页作为传播信息的一种载体，同其他出版物（如传统平面媒体）在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。,1.3怎样设计出好的网页,1.3.1网页设计的基本原则网页设计是技术与艺术的结合、内容与形式的统一。它要求设计者必须掌握以下几个主要的设计原则。,1、主题突出原则,2、整体原则,3、内容与形式相统一原则,1.3.2网页设计的成功要素成功的网页设计能够吸引眼球，获得较大的浏览量。网页设计的成功要素包括整体布局、有价值的信息、速度、图形和版面设计、文字的可读性、网页标题的可读性、网站导航和词语准确。,1.3.3网页的色彩搭配不同的颜色，不同的色调能够引起人们不同的情感反应，这就是所谓的色彩联想作用。在网页中，用什么颜色首先是根据网站的目标而决定的。很好的理解各种颜色的特性和联想作用，根据网站的目标而选择颜色，这些对于一个网页设计者来说都是很重要的事情。,1.4网站制作流程,1.4.1前期策划在制作网站之前，网站需要有准确的定位。在明确建立网站的目的和网站的定位之后，开始收集相关的资料和意见，与公司其他部分相互配合，这样才能发挥网站的最大作用。14.2网页的实施与细化网页设计人员根据网站策划书来设计页面，在设计之前应该让栏目负责人把需要特殊处理的地方和设计人员确定好。在设计网页时，设计人员一定要根据策划书把每个栏目的具体位置和网站的整体风格确定下来，为了让网站有整体感，应该在网页中放置一些贯穿性的元素。最好能准备23套不同风格的设计方案，每种方案应该考虑到企业的整体形象，与企业的精神相结合。设计方案提出之后，由大家讨论确定。,网页设计是一项系统而复杂的工程，因此必须遵循一定的流程，进行规范化的操作，只有这样才能使我们所要进行的网页设计工作有条不紊地进行下去，并减少工作量，提高工作效率。,1.4.3后期维护严格地说，后期更新与维护不能算是网页设计过程中的环节，而是制作完成后应该考虑的。但是这一项工作却是必不可少的，尤其是信息类网站，更新和维护更是必不可少。这是网站保持新鲜活力、吸引力以及正