网页设计概述-精品ppt课件

《网页设计概述-精品ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计概述网页设计概述1.1网页和网站1.2网页中的主要元素1.3网页制作工具1.4网页设计的基本流程1.5网站风格设计1.1网页和网站基本术语：WWW（WorldWideWeb）：也可以简写为W3、3W、Web等，称为国际互联网（Internet），又称万维网，它是Internet上基于客户/服务器体系结构的分布式多平台的超文本、超媒体信息服务系统，允许用户在一台计算机上通过Internet存取另一台计算机(俗称Web服务器)上的信息。HTTP（HyperTextTransferProtocol超文本传输

2、协议）：是一个用于在客户端和服务器间请求和应答的协议。是互联网上应用最为广泛的一种网络传输协议。URL（UniformResourceLocator统一资源定位符）：网址，如http://www.neusoft.edu.cn/。1.1网页和网站1．网页网页是指用html（HyperTextMarkupLanguage：超文本标记语言）编写的，通过因特网（Internet）传输，并被web浏览器解释成可以显示出来的、集合文本、图片、声音和动画等信息元素的页面文件。2．网页的类型根据页面内容可以分为首页（主页）、

3、栏目页、内容页等类型；按制作技术分为静态网页与动态网页。1.1网页和网站3.网站网站是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具。1.1网页和网站网站由域名网站源程序网站空间三部分构成。域名（俗称网址）形式比如：www.neusoft.com、www.neusoft.edu.cn(一级域名)，bbs.neusoft.edu.cn（二级域名）；网站空间由专门的独立服务器或租用的虚拟主机承担；网站源程序则放在网站空间里面，表现为网站前台

4、和网站后台。1.1网页和网站根据网站所用编程语言分类：例如asp网站、php网站、jsp网站等；根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等；根据网站的持有者分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型等。根据网站的内容分类：网站搜索(比如百度)、资讯（比如新华网）、下载(比如华军软件园)、图片（比如图片天下）等；网址（比如hao123）、音乐（比如百度MP3）、视频（影视）、等；商务（比如阿里巴巴）、网店（比如淘宝）等；问答（比如百度知

5、道）、咨询（比如威客）、百科、博客、播客、格子等。1.2网页中的组成元素文本图像动画超链接表格表单音频视频1.文本文本是网页存在的基础.在网页中,网页的设计与制作者可以通过设置字体、字号、颜色等来改变文本的视觉效果。2.图像制作网页时可用的图片格式：GIF图形采用非失真的压缩方式,在压缩的过程中,像素信息不会被牺牲掉,被牺牲的是图形的颜色,GIF图片文件最多只能保存256色,对于颜色不多、线条清楚的图，采用GIF格式。GIF图像支持透明的背景色和动画格式。JPG/JPEG图片文件采用失真的压缩方式，图片在压缩

6、的过程中，图形的像素信息会被减去一些，但图片的颜色不会丢失。因此，全彩的连续色调、没有明显边缘的图，如风景照，适合采用JPG文件格式显示。其不支持透明的背景色和动画格式。PNG是Fireworks的默认文件格式，支持高级别无损耗压缩，受最新的web浏览器支持,支持透明图像的制作。3.动画网页动画主要分为flash动画和gif动画。其中，flash动画运用的最广泛，gif动画通常用于制作简单的、只有几帧图片的交替动画。Gif动画4.超链接所谓超链接是指从一个网页指向一个目标的链接关系。这个目标可以是另一个网页，

7、也可以是一幅图片、一个电子邮件地址、一个文件甚至是一个应用程序。它表明了网页文件之间的相互链接关系。5.表格表格的两大用途：显示数据和排版6.表单7.音频网页中的音频文件格式：WAV格式：无损的音乐。完全未经压缩，10MB/分钟。Windows系统使用的标准数字音频格式。MP3格式：能够以较小的比特率、较大的压缩比达到近乎完美的CD音质。MIDI格式：文件一般较小，常用于提供背景音乐。WMA格式：适合在网络上在线播放。RealAudio：流动的旋律。流音频格式，主要用于提供网络实时广播。Real的文件格式主要

8、有：ra、rm、rmx等。8.视频网页中的视频文件格式：ASF、WMV、RM、RMVB1.3网页制作工具HTMLHypertextMarkupLanguage超文本标记语言告诉浏览器如何显示文档内容，如文本、图像和其它媒体1.3网页制作工具HTML的编辑环境所见及所得的编辑器，如：Dreamweaver、FrontPage文本编辑工具，如：记事本、EditPlus、VisualStudio.Net1