第1章 网页、网站制作基础.ppt

网页设计[e-mail]1.1网页与网站的概念
1.2Web标准
1.3网页制作的常用软件
1.4构成网页的基本元素
1.5网站建设的流程WWW（WorldWideWeb，万维网）是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，它是Internet的最主要的信息服务，允许用户在一台计算机上通过Internet存取另一台计算机上的信息。
网页（Webpage）是按照网页文档规范编写的一个或多个文件，它可以在WWW上传输，并被浏览器翻译成页面显示出来。
网站（Website）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。
网页是网站的基本信息单位。网站通过WWW上的HTTP服务器提供服务。网站上的网页集合以及其他文件的入口页或起始页称为主页（homepage）。1.2.1为什么要建立Web标准

典型的浏览器有Netscape和IE两种，在1996～1999年期间，为了兼容Netscape和IE，网站不得不为这两种浏览器编写不同的代码。为了解决这些问题，就需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（WorldWideWebConsortium，http://www.w3.org/）的组织下，网站标准开始被建立（以1998年2月10日发布XML1.0为标志），并在网站标准组织的督促下推广执行。1.2.2什么是Web标准

Web标准是一些规范的集合，是由W3C和其他的标准化组织共同制定的，以用它来创建和解释网页的基本内容。这些规范是专门为了那些在网上发布的可向后兼容的文档所设计，使其能够被大多数人所访问。
1.2.3网页的构成

结构（structure）：结构化标准语言主要包括XHTML和XML

表现（presentation）：表现标准语言主要包括CSS

行为（behavior）：行为标准主要包括对象模型（如W3CDOM）、ECMAScript等
1.2.4几个概念的理解

内容：内容就是页面实际要传达的真正信息，包含数据、文档或者图片等。

结构：格式化后的信息，便于理解。

表现：用来改变内容的外观。

行为：行为就是对内容的交互及操作效果。1.2Web标准1.2Web标准1.2Web标准1.Fireworks
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，使用Fireworks都不仅可以轻松地制作出尺寸较小的图形、GIF动画。
2.Photoshop
Photoshop是Adobe公司推出的功能强大的平面图像处理软件，Photoshop在图像编辑、桌面出版、网页图像编辑、广告设计、婚纱摄影等各行各业的广泛应用，它已成为许多涉及图像处理的行业的事实标准。
3.CorelDRAW
CorelDraw是加拿大Corel公司开发的著名绘图软件包，它既是一个大型的矢量图形制作工具软件，也是一个大型的工具软件包。1.Flash
Flash是Macromedia公司开发的一款优秀的网页动画开发软件，从简单的动画到复杂的交互式Web应用程序，它使用户可以创建任何作品。通过添加图片、声音和视频，可以使Flash应用程序媒体丰富多彩。
2.UleadGifAnimator
UleadGIFAnimator是Ulead（友立）公司发布的一个动画GIF制作的工具，网页设计者可以快速地轻松创建和编辑网页动画文件。
3.Swish
虽然网上的动画早已是flash的天下，但Flash的设计太过繁琐，Swish是一款非常方便的Flash制作工具，可以实现简单地在网页中加入Flash动画。1.4构成网页的基本元素1.文本
网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。
2.图片
用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。
3.超级链接
超级链接技术是WWW流行起来的最主要的原因。它是从一个网页指向另一个目的端的链接。
4.动画
在网页中为了更有效地吸引浏览者的注意，许多网站的广告都做成了动画形式。网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画只能有256种颜色，主要用于简单动画和图标。5.声音和视频
声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。
6.导航栏