网页设计概述【荐】.pptVIP

网页设计概述 网页设计概述 1.1 网页和网站 1.2 网页中的主要元素 1.3 网页制作工具 1.4 网页设计的基本流程 1.5 网站风格设计 1.1 网页和网站 基本术语： WWW（World Wide Web）：也可以简写为W3、3W、Web等，称为国际互联网（Internet），又称万维网，它是Internet上基于客户/服务器体系结构的分布式多平台的超文本、超媒体信息服务系统，允许用户在一台计算机上通过Internet存取另一台计算机 (俗称Web服务器) 上的信息。 HTTP（ Hyper Text Transfer Protocol 超文本传输协议）：是一个用于在客户端和服务器间请求和应答的协议。是互联网上应用最为广泛的一种网络传输协议。 URL（Uniform Resource Locator 统一资源定位符）：网址， 如/。 1.1 网页和网站 1.1 网页和网站 3.网站 网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具。 1.1 网页和网站 网站由域名\网站源程序\网站空间三部分构成。 域名（俗称网址）形式比如：、 (一级域名)， （二级域名）； 网站空间由专门的独立服务器或租用的虚拟主机承担； 网站源程序则放在网站空间里面，表现为网站前台和网站后台。 1.1 网页和网站 根据网站所用编程语言分类：例如asp网站、php网站、jsp网站等； 根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等； 根据网站的持有者分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。 根据网站的内容分类： 网站搜索(比如百度)、资讯（比如新华网）、下载(比如华军软件园)、图片（比如图片天下）等； 网址（比如hao123）、音乐（比如百度MP3）、视频（影视）、等； 商务（比如阿里巴巴）、网店（比如淘宝）等； 问答（比如百度知道）、咨询（比如威客）、百科、博客、播客、格子等。 1.2 网页中的组成元素 文本 图像 动画 超链接 表格 表单 音频 视频 1.文本 文本是网页存在的基础.在网页中,网页的设计与制作者可以通过设置字体、字号、颜色等来改变文本的视觉效果。 2.图像 制作网页时可用的图片格式： GIF图形采用非失真的压缩方式,在压缩的过程中,像素信息不会被牺牲掉,被牺牲的是图形的颜色,GIF图片文件最多只能保存256色,对于颜色不多、线条清楚的图，采用GIF格式。GIF图像支持透明的背景色和动画格式。 JPG/JPEG图片文件采用失真的压缩方式，图片在压缩的过程中，图形的像素信息会被减去一些，但图片的颜色不会丢失。因此，全彩的连续色调、没有明显边缘的图，如风景照，适合采用JPG文件格式显示。其不支持透明的背景色和动画格式。 PNG是Fireworks的默认文件格式，支持高级别无损耗压缩，受最新的web浏览器支持,支持透明图像的制作。 3.动画 网页动画主要分为flash动画和gif动画。其中，flash动画运用的最广泛，gif动画通常用于制作简单的、只有几帧图片的交替动画。 4.超链接 所谓超链接是指从一个网页指向一个目标的链接关系。这个目标可以是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件甚至是一个应用程序。它表明了网页文件之间的相互链接关系。 5.表格 表格的两大用途：显示数据和排版 6.表单 7.音频 网页中的音频文件格式： WAV格式：无损的音乐。完全未经压缩，10MB/分钟。Windows系统使用的标准数字音频格式。 MP3格式：能够以较小的比特率、较大的压缩比达到近乎完美的CD音质。 MIDI格式：文件一般较小，常用于提供背景音乐。 WMA格式：适合在网络上在线播放。 RealAudio：流动的旋律。流音频格式，主要用于提供网络实时广播。Real的文件格式主要有：ra、rm、rmx等。 8.视频 网页中的视频文件格式： ASF、WMV、RM、RMVB 1.3 网页制作工具 HTML Hypertext Markup Language 超文本标记语言 告诉浏览器如何显示文档内容，如文本、图像和其它媒体 1.3 网页制作工具 HTML的编辑环境 所见及所得的编辑器，如：Dreamweaver、FrontPage 文本编辑工具，如：记事本、EditPlus、 Visual Studio. Net 1.3 网页制作工具 常用网页图形制作软件 Fireworks 　Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，使用Fireworks可以轻松地制作出尺寸较小的图形、GIF