第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素

Presentation on theme: "第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素"— Presentation transcript:

1 第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素
第1章 网页、网站制作基础 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素 1.5 网站建设的流程

2 1.1 网页与网站的概念 WWW（World Wide Web，万维网）是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，它是Internet的最主要的信息服务，允许用户在一台计算机上通过Internet存取另一台计算机上的信息。 网页（Web page）是按照网页文档规范编写的一个或多个文件，它可以在WWW上传输，并被浏览器翻译成页面显示出来。 网站（Web site）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。网页是网站的基本信息单位。网站通过WWW上的HTTP服务器提供服务。网站上的网页集合以及其他文件的入口页或起始页称为主页（home page）。

3 1.2 Web标准 1.1.2 为什么要建立Web标准 1.2.2 什么是Web标准
典型的浏览器有Netscape和IE两种，在1996～1999年期间，为了兼容Netscape和IE，网站不得不为这两种浏览器编写不同的代码。为了解决这些问题，就需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（World Wide Web Consortium， 1.0为标志），并在网站标准组织的督促下推广执行。 什么是Web标准 Web标准是一些规范的集合，是由W3C和其他的标准化组织共同制定的，以用它来创建和解释网页的基本内容。这些规范是专门为了那些在网上发布的可向后兼容的文档所设计，使其能够被大多数人所访问。

4 1.2 Web标准 1. 结构标准语言 (1) XML XML（Extensible Markup Language，可扩展标识语言）目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。 (2) XHTML XHTML（Extensible HyperText Markup Language，可扩展超文本标识语言）是HTML向XML过渡的一个桥梁。是一个引导人们逐步走向规范、走向XML的过渡方案。XHTML虽然有“X”但它并不能扩展，只是在HTML的基础上严格遵循XML规范。

5 1.2 Web标准 2. 表现标准语言 当讨论Web标准时，总是提及结构和表现分离的重要性。结构是文档中的主体部分，由语义化、结构化的标记组成。表现是赋予内容的一种样式，在大多数情况下，表现就是文档看起来的样子。尽可能地把结构和表现相分离，这样当表现变化时，不用去更改结构。 CSS（Cascading Style Sheets，层叠样式表）目前推荐遵循的是W3C于1998年5月12日推荐的CSS2（

6 1.2 Web标准 3. 行为标准 (1) DOM 根据W3C DOM规范（ Object Model，文档对象模型）是一种与浏览器、平台、语言的接口，使得用户可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的JavaScript和Microsoft的JScript之间的冲突，给予Web设计师和开发者一个标准的方法，让他们来访问站点中的数据、脚本和表现层对象。 (2) ECMAScript ECMAScript是ECMA（European Computer Manufacturers Association，欧洲计算机制造协会）制定的标准脚本语言。目前推荐遵循的是ECMAScript 262。

7 1.3 网页制作的常用软件 1.3.1 常用网页制作软件 1. Dreamweaver
1.3 网页制作的常用软件 常用网页制作软件 1. Dreamweaver 这是现在使用最广泛的网页编辑工具之一。Dreamweaver是Macromedia公司推出的网页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTML（Dynamic HTML，动态HTML）和CSS标准。采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。 2. FrontPage FrontPage是Microsoft公司开发的设计网页和管理网站的软件，除了所见即所得的编辑功能之外，也可以直接编辑HTML标记，让设计者可以轻松的编辑网页。FrontPage 2000/2002/2003版本支持最新的网页标准，比如XML，CSS2等等。

8 1.3 网页制作的常用软件 常用网页制作软件 3. Visual Studio.Net Microsoft Visual Studio.NET是一套完整的集成开发环境，Visual Studio.NET中包含了Visual Basic、Visual C++、Visual C#和Visual J#等程序设计语言。用于设计ASP Web应用程序、XML Web Services、桌面应用程序和移动应用程序。 4. EditPlus EditPlus是一款功能强大的文字处理软件，它可以充分的替换记事本，它也提供网页作编辑及程序设计许多有用的功能。支持HTML、CSS、PHP、ASP、Perl、C/C++、Java、JavaScript、VBScript等多种语法的着色显示。

9 1.3 网页制作的常用软件 1.3.2 常用网页图形制作软件 1. Fireworks
1.3 网页制作的常用软件 常用网页图形制作软件 1. Fireworks Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，使用Fireworks都不仅可以轻松地制作出尺寸较小的图形、GIF动画。 2. Photoshop Photoshop是Adobe公司推出的功能强大的平面图像处理软件，Photoshop在图像编辑、桌面出版、网页图像编辑、广告设计、婚纱摄影等各行各业的广泛应用，它已成为许多涉及图像处理的行业的事实标准。 3. CorelDRAW CorelDraw是加拿大Corel公司开发的著名绘图软件包，它既是一个大型的矢量图形制作工具软件，也是一个大型的工具软件包。

10 1.3 网页制作的常用软件 常用网页动画制作软件 1. Flash Flash是Macromedia公司开发的一款优秀的网页动画开发软件，从简单的动画到复杂的交互式Web应用程序，它使用户可以创建任何作品。通过添加图片、声音和视频，可以使Flash应用程序媒体丰富多彩。 2. Ulead Gif Animator Ulead GIF Animator是Ulead（友立）公司发布的一个动画GIF制作的工具，网页设计者可以快速地轻松创建和编辑网页动画文件。 3. Swish 虽然网上的动画早已是flash的天下，但Flash的设计太过繁琐，Swish是一款非常方便的Flash制作工具，可以实现简单地在网页中加入Flash动画。

11 1.4 构成网页的基本元素 构成网页的常见元素主要有文本、图片、超级链接、动画、音乐、表单等。如图所示是一个站点的首页。 Flash动画
1.4 构成网页的基本元素 构成网页的常见元素主要有文本、图片、超级链接、动画、音乐、表单等。如图所示是一个站点的首页。 Flash动画 导航栏 GIF动画 文字 表单 图片 超级链接

12 1.4 构成网页的基本元素 1. 文本 网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。 2. 图片 用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。 3. 超级链接 超级链接技术是WWW流行起来的最主要的原因。它是从一个网页指向另一个目的端的链接。 4. 动画 在网页中为了更有效地吸引浏览者的注意，许多网站的广告都做成了动画形式。网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画只能有256种颜色，主要用于简单动画和图标。

13 1.4 构成网页的基本元素 5. 声音和视频 声音是多媒体网页的一个重要组成部分。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。很多浏览器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。 6. 导航栏 导航栏的作用就是引导浏览者游历站点。事实上，导航栏就是一组超级链接，这组超级链接的目标就是本站点的主页以及其他重要网页。 7. 表格 在网页中表格用来控制网页中信息的布局方式，包括两个方面：一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是可以使用表格来精确控制各种网页元素在网页中出现的位置。

14 1.4 构成网页的基本元素 8. 表单 网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到网页设计者设置的目标端。这个目标可以是文本文件、Web页、电子邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登录站点等。 9. 其他常见元素 网页中除了以上几种最基本的元素之外，还有一些其他的常用元素，包括悬停按钮、Java特效、ActiveX等各种特效。它们不仅能点缀网页，使网页更活泼有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。

15 1.5 网站建设的流程 1. 定个合适的域名 由域名构成的网址会像商标一样，好的域名有助于将来塑造网上的形象。定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。 2. 租用虚拟服务器空间 有了自己的域名这个门牌号码后，就需要一个空间盖房子建立自己的公司，这个空间在Internet上就是服务器。 一般虚拟主机提供商都能向用户提供大容量，高速度的服务器。用户可视网站的内容设置及其发展前景来选择。一页网页所占的磁盘空间大约20～50KB，10MB大约可以放置200～500页，但如果网站中的图片、动画较多，需要文件下载或有数据库等，就需要多一些空间。一般用户有50MB虚拟主机空间就够了。

16 1.5 网站建设的流程 3. 设计网页 可以自己设计制作网页，也可以通过虚拟主机提供商或专业的网页设计制作商来设计。
1.5 网站建设的流程 3. 设计网页 可以自己设计制作网页，也可以通过虚拟主机提供商或专业的网页设计制作商来设计。 要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。 4. 网站推广 首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的网址，如名片、办公用品、宣传材料、媒体广告等。