网页制作课件

1、第1章 网页和网站制作流程本章内容o 1.1 认识网页o 1.2 网页设计o 1.3 如何设计网页o 1.4 网页设计师应具备素质o 1.5 网站制作流程1.1 认识网页o 1.1.1 网页和网站o 1.1.2 网页基本构成元素1.1.1 网页和网站o网页（Web page）是一个文件，它存放在世界上某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页是由网址（URL，例如）来识别与存取的，当在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到读者面前的计算机当中，然后再通过浏览器解释网页内容，再展示到读者的眼前，网页通常是HTML格式（文件扩展名为.html或.ht

2、m）。o网站（Website）是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合，例如常见的网站有搜狐、新浪等。1.1.2 网页基本构成元素o网页常见的构成元素有文本、图像、超链接、表格、表单、导航栏、动画、框架等 。1.2 网页设计o 1.2.1 网页设计概述o 1.2.2 网页设计特点o 1.2.3 网页设计相关术语1.2.1 网页设计概述o网页设计是一个网页创作过程，是根据客户需求从无到有地过程。网页设计是一种建立在Internet网之上的新型设计。它具有很强的视觉效果、互动性、互操作性等其它媒体所不具有的特点。1.2.2 网页设计特点o 网页设计有

3、下面几个特点。o 交互性与持续性o 多维性o 多种媒体综合性o 版式不可控性o 技术与艺术结合地紧密性1.2.3 网页设计相关术语o 学习网页设计，会设计到一些专业术语，本节将会对涉及到的术语进行详细介绍。o 万维网o Web服务器和客户端o 客户端浏览器o 统一资源定位器（URL）1.2.3 网页设计相关术语o万维网 万维网（World Wide Web）缩写WWW或简称3W，它是无数个网络站点和网页的集合，也是Internet提供的最主要的服务。 oWeb服务器和客户端 客户机和服务器都是独立的计算机，客户机是浏览者使用的机器，服务器是存放程序的计算机。如果一台连入网络的计算机向其他计算机

4、提供各种网络服务（如数据、文件的共享等）时，它就被称作服务器。而那些用于访问服务器资料的计算机则被称作客户机。o客户端浏览器 浏览器是一种软件，可以显示网页文件内容，例如显示文本信息、显示图像、播放音频和视频等。现在流行比较广的浏览器有Internet Explorer和Firefox等。 o统一资源定位器URL（Uniform Resource Locator），称为统一资源定位器，它是一个能识别Internet中地址的信息资源。 1.3 如何设计网页o 1.3.1 网页设计原则o 1.3.2 网页设计成功要素o 1.3.3 网页设计风格及色彩搭配1.3.1 网页设计本原则o主体鲜明 一个网

5、页需要有一个的明确主题，并能够以鲜明的样式吸引其他浏览者地注意。这就要求视觉设计有目标和要求，有明确主题，并在最短时间内被浏览者接受。视觉设计需要具备目标唯一性、简单明了、精确和清晰，最好还要具备一定地视觉冲击效果。o形式与内容统一 一个网站都存在内容和形式，内容就是要表达的对象，形式就是内容的表现方式。o强调整体 网页整体效果，即整体风格，是网页设计者必须要追求的。1.3.2 网页设计成功要素o整体布局-网页是访问者最先看到的信息，能够在第一时间吸引人注意，才能把读者留下来。好的网页应该干净整洁、条理清楚、引人入胜。 o有价值信息-无论任何种类站点，其目的都是给读者一定的价值信息，这样读者才

6、会选择留下来阅读。 o速度-在设计网页的过程中，至少应该确保主页速度尽可能快，最好不要用大的图片。o图形和版面设计-图形和版面设计关系到浏览者对网页的第一印象，图形应集中反映主页所期望传达的主要信息。o文字可读性-在设计网页中的文字信息时，一定要给文字周围留有足够的空间。另外，文字的颜色最好不要使用紫色、橙色和红色，因为这些颜色会让人眼花缭乱。 1.3.2 网页设计成功要素o网页标题可读性 网页标题必须容易阅读，需要为所有标题和副标题设置同一字体，并将标题字体加大一号。o网站导航 由于人们习惯于从左到右、从上到下阅读，所以导航条通常应放置在页面左边。 o词语准确1.3.3 网页设计风格及色彩搭

7、配o确定网站整体风格 风格（style）是抽象的，是指站点的整体形象给浏览者的综合感受。 o网页色彩搭配 色彩永远是最重要的一环。当距离显示屏较远的时候，看到的不是优美的版式或美丽的图片，而是网页的色彩。 1.4 网页设计师应具备素质o 1.4.1 艺术素质 o 1.4.2 技能素质 o 1.4.3 综合素质 1.4.1 艺术素质 o作为一名网页设计师，要使自己的网页具有美感。这要求设计师平时多积累，在仔细地观察的基础上分析美的来源，并灵活地将这种美在自己作品中表现出来。只有这样才能使自己的审美能力达到一定的高度。1.4.2 技能素质 o技术问题是网页设计的核心。网页设计者不仅要考虑设计给用户的感觉、用户访问站点的目的，同时还要考虑自己如何运用技术把思想表达出来，自己需要哪些工具、哪些素材。1.4.3 综合素质 o作为合格的网页设计师，一定的文化素质是不可少的。当然文化素质不仅仅包括文学修养，还有音乐和绘画等方面的修养。1.5 网站制作流程o 1.5.1 前期策划o 1.5.2 页面细化及实施 o 1.5.3 后期维护1.5.1 前期策划o在做网站之前，网站要有准确的定位。在明确建站目的和网站定位以后，开始收集相关意见。 o网站定位o收集相关信息1.5.2 页面细化及实施 o 页面设计人员根据策划书来设计页面，在设计之前应该让栏目负责人把需要特殊处理的地