DW 01网页设计概述整理ppt.ppt

第一章 网页设计概述 第一节 基础知识 一、基础概念 网页：是一种用HTML语言编写的文本文件。 HTML：全文是“HyperText Markup Language”，中文意思为“超文本标记语言”。 超文本：意指页面内除文本外，还可包含图片、链接、甚至音频、视频等非文字元素。 第一章 网页设计概述 主页：Internet用户访问网站时所看到的第一个网页(网站的入口)，称作主页（Homepage或Home Page）。 超链接：一种与其它文件的链接，当用户单击后，所链接的网页信息显示出来。 网站：在逻辑上可视为一个整体的一系列网页的集合称为网站（Web Site或Site）, 网页之间用超级连接进行连接。 网站用于构成一个WWW信息服务器，提供一定范围内的信息资源；如一个学校，一个企业、一个公司等的WWW服务器。 第一章 网页设计概述 第一章 网页设计概述 二、网页设计的基本方式 1、手工编码方式 网页是由HTML超文本标记语言编码的文档，设计制作网页的过程就是生成HTML代码的过程。 在WWW（World Wide Web ）发展的初期人们制作网页是通过直接编写HTML代码来实现的。 第一章 网页设计概述 2、可视化工具方式 用FrontPage、Dreamweaver等网页编辑工具在可视环境下编辑制作网页元素，由编辑工具自动生成对应的网页代码。 如制作表格，就可以直接在工作区中绘制表格而不用考虑编码的规则和语法。 利用可视化工具编辑网页操作简单直观，调试方便，是大众化的网页编辑方式。但在制作一些特殊网页效果上有一定的局限性。 第一章 网页设计概述 3、编码和可视化工具结合方式 编码和可视化工具结合是一种比较成熟的网页制作方式。 具体过程：一般的网页元素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。 第一章 网页设计概述 三、网页中的常见元素 1、文本 文本是网页发布信息所用的主要形式，由文本制作出的网页占用空间小，传输速度快。 网页中的信息以文本为主。虽然不如图象那样能够很快引起浏览者的注意，但能准确地表达信息的内容和含义。为了克服文本固有的缺点，人们赋予了文本更多的属性，如字体，字号，颜色，底纹和边框等，通过不同格式的区别，表现不同的内容。 第一章 网页设计概述 2、图像和动画 图像在网页中具有提供信息，展示作品，装饰网页，表达个人情调和风格的作用。 用户可以在网页中使用GIF, JPEG(JPG), PNG三种图象格式，其中使用最广泛的是GIF和JPEG两种格式。 第一章 网页设计概述 3、声音和视频 声音是多媒体网页的一个重要组成部分。 用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。 视频文件的格式也非常多，常见的有Realplay(RM), MPEG, AVI和DivX等。 不支持的格式，尽量少用或者不用。 第一章 网页设计概述 4、超级链接 超级链接技术可以说是万维网流行起来的最主要的原因。 从本质上讲，是指向目的信息页面的地址信息。 可以指向一幅图片，一个电子邮件地址，一个文件，一个程序或者是本网页中的其他位置。 第一章 网页设计概述 5、表格 在网页中表格用来控制网页中信息的布局方式。 这包括两方面： 一是使用行和列的形式来布局文本和图像以及其他的列表化数据； 二是可以使用表格来精确控制各种网页元素在网页中出现的位置。 即作为一种容器。 第一章 网页设计概述 6、表单 使用超级链接，浏览者和Web站点便建立起了一种简单的交互关系。网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。 即问答式交流。 第一章 网页设计概述 7、导航栏 导航栏是用户在规划好站点结构，开始设计主页时必须考虑的一项内容。 导航栏的作用就是引导浏览者游历站点。 网站中的导航系统，实质上就是一组使用了超链接技术的网页对象（包括文字、按钮、小图片、图形等），它们将网站中的内容有机地连接在一起。 第一章 网页设计概述 四、网页元素的创作与编辑工具 1、网页图像制作工具 ①、Fireworks MX Firework MX是Macromedia公司的产品，是目前最流行的网页图像制作软件。 ②、Photo shop 第一章 网页设计概述 2、动画制作工具 ①、Flash MX Flash MX也是Macromedia公司的产品，是目前最流行的矢量动画制作软件。 ②、Director Director是Macromedia公司推出的多媒体开发工具，它为广大多媒体制作人员提供了建立交互式应用的强大功能。 第一章 网页设计概述 3、网页编辑工具 ①、FrontPage FrontPage是Microsoft Office家族中的一员，FrontPa