网页设计与制作01.pptVIP

1.1 网页基础 WWW（World Wide Web），中文称为万维网，是Internet中最为精彩的部分。 Web，直译为“网”，Web的含义是指通过超级链接将各种文档组合在一起，形成一个大规模的信息集合。 1.1.1 Web的起源 1982年Tim Berners-Lee最先提出了Web概念，他的目的是使靠近瑞士日内瓦的欧洲高能物理研究所的工作人员及分散在世界各地的物理学家能够共享研究课题。 90年代初，美国的NEXT公司推出了第一个Web浏览器的商业软件 1.1.2 Web的特点 浏览Web时所看到的文件称为Web页，又称为网页。 网页可以将不同类型的多媒体信息（例如文本、图像、声音和电影等）组合在一个文档中。由于这些文档是用超文本标记语言HTML表示的，因此又称为HTML文档或超文本。 一个Web由一个或多个Web页组成，这些Web页相互连接在一起。 Web所包含的是双向信息，一方面浏览者可以通过浏览器浏览他人的信息，另一方面浏览者也可以通过Web服务器建立自己的网站和发布自己的信息。 1.1.3 HTML HTML通过标记符（Tag）标记网页的各个组成部分，通过在网页中添加标记符，指示浏览器如何显示网页内容。浏览器按顺序阅读网页文件（HTML文件） 。 以IE浏览器为例，在浏览器窗口选择“查看”菜单中的“源文件”选项后，系统将自动启动记事本或写字板，并显示该网页的HTML源文件。 Web页包括的主要元素有：文本、图像、超级链接、导航栏、表格、表单、多媒体及特殊效果等。 1. 文本 网页的主体一般以文本为主。在制作网页时，可以根据需要设置文本的字体、字号、颜色以及所需要的其他格式。 2. 图像 图像可以用作标题、网站标志（Logo）、网页背景、链接按扭、导航栏、网页主图等。使用最多的文件格式是JPEG和GIF格式。 3. 超级链接 超级链接是从一个网页指向另一个目的端的链接，该链接既可以指向本地网站的另一个网页 。 4. 导航栏 导航栏能使浏览者方便地返回主页或继续下一页的访问。导航栏可以是按钮、文本或图像 。 5. 表格 网页中的表格是一种用于控制网页页面布局的有效方法。 6. 表单 表单通常用于收集信息或实现一些交互式的效果。表单的主要功能是接收浏览者在浏览器端的输入信息，然后将这些信息发送到浏览者设置的目的端。 7. 多媒体及特殊效果 网页还包含有声音、动画、视频等多媒体元素，以及悬停按钮、Java控件、ActiveX控件等特殊效果。 1.1.5 浏览器 1、浏览器的作用是“翻译”HTML标记语言，并按照规定的格式显示出来。 2、浏览器具有以下基本功能： l???????? 阅读超文本文件 l???????? 获取Internet资源 l???????? 保存访问记录 l???????? 具有安全保密功能 l???????? 具有字符格式化功能 l???????? 具有书签功能 l???????? 处理具有交互功能的FORM表单 l???????? 发送或接收E—mail 1.2 Web的常用术语 1、URL URL是Uniform Resource Locations的缩写，其含义是统一资源定位器。 URL的表示可以是绝对的，也可以是相对的。绝对的URL，将完整地给出协议种类（例如HTTP、FTP）、服务器的主机域名、路径和网页文件名。 例如： http：//www.M/ie/news.htm 2、网页 网页是使用HTML语言所写的文本文件，网页里可以包含文字、表格、图像、链接、声音和视频等。 每个网页都是磁盘上的一个文件，可以单独浏览。 3、主页 主页（Home Page），也称为首页，是一个单独的网页，可以存放各种信息；它又是特殊的网页，是浏览者浏览一个网站的起点。 1.3 网页制作工具 1.3.1 网页编辑工具 1. FrontPage FrontPage是Microsoft公司出品的入门级网页编辑软件。 2. Dreamweaver Dreamweaver是Macromedia公司推出的网页制作产品，它是一个用于可视化设计与管理网页和网站的工具，它与Macromedia公司的Flash、Fireworks、Freehand配合使用，被称为“网页制作三剑客” 。 1.3.2 网页图像与动画制作工具 1. Flash Flash是Macromedia公司专门为网页设计的一个交互性矢量动画设计软