制作网页第1章.pptVIP

* 网页设计与制作 * 第1章 网页设计概述 $ [知识目标] 　　掌握网页、网站及主页的概念 　　了解网页中的主要元素 　　了解各种网页制作工具 8 [能力目标] 　　各种网页制作工具的配合使用 　　网站的整体规划 　　网站的设计流程 1.1 网页和网站 1.2 网页中的主要元素 1.3 网页制作工具 1.4 网页设计的基本流程 本章小结 第1章 网页设计概述 1.1 网页和网站 1.1.1 网页 1.1.2 网站 1.1.3 网页的基本功能 　　1．网页　　网页（WEB）：是用html语言编写的，通过www网传输，并被web浏览器翻译成可以显示出来的集合文本、图片、声音和动画等信息元素的页面文件（网页示例）。 　2．网页的类型 　　根据页面内容可以分首页、主页、专栏网页、内容网页和功能网页等类型；按制作技术分为静态网页与动态网页。 1.1.1 网页 　　网站就是把一些网页等信息文件通过超链接的形式关联起来形成的信息文件的集合。信息可以是网页形式也可以是其他的文档形式。 网页与网站的区别与联系： 　　网站是一个文件夹，其中的文件不仅是网页还有网站所需的其他文件或文件夹。网页是一个页面文件，用来发布各种信息。网页是网站的构成要素，是网站信息发布与表现的一种主要形式；网站是网页通过超链接形成的集合。 1.1.2 网站 　　1、媒介的作用。使用者与信息之间的媒介。一方面是发布者，功能是发布信息；另一方面是浏览者，功能是提供浏览的信息，通过浏览网页找寻需要的信息。 　　2、互动的作用。浏览者与网页制作单位之间互动的窗口，可以单向或双向传递信息。 　　3、传输的作用。作为传输各种电子文件或信息之用，如下载说明书、更新文件、驱动程序等。 1.1.3 网页的基本功能 1.2 网页中的主要元素 1.2.1 文本 1.2.2 图像 1.2.3 链接标志 1.2.4 其他的基本要素 　　网页的基本要素一般包括：文字、图像、动画和链接标志等，除此之外，网页的元素还包声音、多媒体和视频等。 　　是网页中最基本的元素。网页中文字的设计一般从以下几个方面来考虑： 　　1．字体的选择。 　　2．字号、行距的选择。 　　3．特殊字体的使用。 　　4．字体的颜色。 1.2.1文本 1.2 网页中的主要元素 　　现在网络上使用的绝大多数图片和图像是gif、jpeg和png文件格式。 　　网页上使用图像要注意的问题： 　　?JPEG格式适合于照片图像，GIF格式适合于包含纯色的图像，例如插图和线条图。 　　?利用图像编辑软件来放大或缩小图像　　?屏幕显示图像的分辨率一般为72dpi。制作图像时，不必使用比此再高的分辨率。 1.2.2图像 1.2 网页中的主要元素 　　?如果建立的图像中只有黑色和白色，处理时可将它保存为黑白图像格式，这样可以减少图像文件的大小。 　　?如果设计的GIF格式图像包含了渐变和直线，应尽量使得它们水平，因为GIF格以每条水平线为基础来压缩。 　　?尝试各种不同的JPEG压缩率 　　?使用合适的色彩模式。 　　?慎用动画。 1.2.2图像 1.2 网页中的主要元素 　　链接也叫超链接（Hyperlink），是从一个网页指向另一个目的端的链接，是页面间的链接关系。 　　链接标志（载体）指的是网页中特殊的文本或图像，它们常常用不同的颜色和下划线来标识，在浏览器中，访问者可以用鼠标单击它们，能够从当前的网页转到链接的目的端位置。 　　超链接的标志一般有：文本、图像、热区三种。要注意的是，所有超链接标志均应清晰无误地向浏览者标识出来，让人一看就知道。 1.2.3链接标志 1.2 网页中的主要元素 　　1．动画。目前网络上常用的动画类型有gif和Flash动画两种。 　　2．视频。是多媒体网页的一个重要组成部分，常用的视频格式有avi、mpeg和mov等，视频会大大增加网页的文件量，从而使用访问速度受到影响，因此要慎用。 　　3．音频。在网页中插入音频会增加网页的生动性。常用的音频格式有rm(ram)、midi、wav和mp3等格式。音频文件和视频文件一样都会增加网页的文件量，因此要慎用。 1.2.4其他的基本要素 1.2 网页中的主要元素 1.3 网页制作工具 1.3.1　网页编辑工具 　　1．超文本标识语言（HTML） 　　2．FrontPage简介 　　3．Dreamweaver 1.3.2　网页图像编辑工具 1.3.3　动态网页技术 　　1．Photoshop。是Adobe公司开发的，是当今最流行的图形图象处理软件之一，它能够实现各种专业化的图像制作、处理及合成。 　　2．Fireworks。是由Macromedia公司开发的图形处理工具，它是第一个专门为制作网页图