网页设计与开发（1）

---

提示：以下是本篇文章正文内容，下面案例可供参考

---

1.1 万维网概述

1.1.1万维网概念

• 万维网 (WWW)（World Wide Web）: 是一个基于超文本（Hypertext）方式的信息检索服务工具。

1.1.2万维网的成功秘诀

• 万维网获得成功的秘诀在于它制定了一套标准的、 易于人们掌握的 超文本开发语言HTML、信息资源的统一定位格式URL和超文本传送通信协议HTTP，用户掌握后可以很容易地建立自己的网站。

1.2 HTML语言、URL、HTTP

• HTML： 是Hypertext Markup Language的英文缩写，即超文本标记语言，它是构成Web页面（Page）的主要工具。
• 用HTML编写的超文本文档称为HTML文档，它是由很多标记组成的一种文本文件，HTML标记可以说明文字、图形、动画、声音、表格、链接等 。
• 使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX，WINDOWS等），访问它只需要一个WWW浏览器，我们所看到的网页，是浏览器对HTML文件进行解释的结果。
• URL： 是Uniform Resource Locator的英文缩写，即超文本标记语言，它用于描述Internet上资源的位置和访问方式。
• HTTP： 是Hyper Text Transfer Protocol 的英文缩写，即超文本传送通信协，用于协定超文本通信协议。

1.3 网页设计相关概念

1.3.1超链接

• 超链接((Hyper Link))是特殊的文字标识，它指向了WWW中的资源，例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等，这些资源均可放在任何一个服务器上。在网页中，一个超链接可以是一些文字也可以是一张图片。

1.3.2网站

• 网站(Web Site)：是一个存放网络服务器上的完整信息的集合体。它包含一个或多个网页。

1.3.3网页

• 网页(Web pages)：是网站的组成部分，网页可以看成是一个单一体，是网站的一个元素。
• 首页(Home page)：也可以称之为主页，它是一个网站的第一个网页。

1.4网页制作开发工具

1. 文本编辑器

2. EditPlus

3. Dreamweaver

4. 浏览工具

1.5 网页制作相关技术

1.5.1CSS

• CSS就是一种叫做样式表（Style Sheet）的技术。也有的人称之为层叠样式表（Cascading Style
  Sheet）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

1.5.2JavaScript

• JavaScript是由Netscape公司开发的一种脚本语言（scripting language）在HTML基础上，使用JavaScript可以开发交互式Web网页，例如可以在线填写各类表格、联机编写文档并发布等。

Html、CSS、JavaScript是制作网页的三大法宝。他们在网页设计中扮演了重要的角色。
Html是基础架构，CSS用来美化页面，而JavaScript用来实现网页的动态性、交互性。