网页设计三剑客电子课件PPT推荐.ppt

1、n中国互联网络信息中心（中国互联网络信息中心（CNNIC）在进行中国互联网络发）在进行中国互联网络发展状况统计时把网站定义为：网站是指有独立域名的展状况统计时把网站定义为：网站是指有独立域名的Web站站点，其中包括点，其中包括CN和通用顶级域名下的和通用顶级域名下的Web站点。独立域名站点。独立域名指的是每个域名最多只对应一个网站指的是每个域名最多只对应一个网站“WWW+域名域名”。1.1.2 网页中的文字和图像网页中的文字和图像1.1.3 网页中使用的动画与视网页中使用的动画与视频影像频影像1.1.4 网页中使用的声音网页中使用的声音n适适当当地地在在网网页页中中加加一一些些音音乐乐效效果果

2、，会会使使网网页页更更具具吸吸引引力力。网网上上流流行行的的声声音音格格式式有有MIDI、WAV、MP3及及Real Audio。在在一一些些博博客客网网页页中中会会经经常常添添加加背背景景音音乐乐，当当打打开开博博客客页页面面后后会自动播放优美的音乐。会自动播放优美的音乐。1.1.5 静态网页与动态网页静态网页与动态网页n静态网页和动态网页主要根据网页制作的语言来区分：静态静态网页和动态网页主要根据网页制作的语言来区分：静态网页使用网页使用HTML（Hypertext Marked Language，超文本，超文本标记语言），动态网页使用标记语言），动态网页使用HTMLASP 或或 HTML

3、PHP 或或 HTMLJSP 等。等。1.2 网页制作基础网页制作基础n在这个网络盛行的时代，很多公司或个人建立了自己的网站。在这个网络盛行的时代，很多公司或个人建立了自己的网站。想要自己创建网站，首先要了解制作网页时所涉及的常用术想要自己创建网站，首先要了解制作网页时所涉及的常用术语，这是网页制作的基础。语，这是网页制作的基础。1.2.1 万维网万维网n万维网（万维网（World Wide Web，WWW）是一个资料空间。）是一个资料空间。在这个空间中，一样有用的事物称为一种在这个空间中，一样有用的事物称为一种“资源资源”，并且由，并且由一个一个“统一资源定位符统一资源定位符”（Unifor

4、m Resource Locator，URL）标识。这些资源通过超文本传输协）标识。这些资源通过超文本传输协（HypertextTransfer Protocol）传送给使用者，而后者）传送给使用者，而后者通过网上查询找到需要的资源，通过单击链接来查看或是下通过网上查询找到需要的资源，通过单击链接来查看或是下载相应的资源。从另一个观点来看，万维网是一个通过网络载相应的资源。从另一个观点来看，万维网是一个通过网络存取的互连超文件（存取的互连超文件（interlinked hypertext document）系统。系统。1.2.2 超文本标记语言超文本标记语言n超文本标记语言是一种用来制作超文本

5、文档的简单标记语言。超文本标记语言是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行超文本传输协议规定了浏览器在运行HTML文档时所遵循的文档时所遵循的规则和进行的操作。规则和进行的操作。HTTP的制定使浏览器在运行超文本时的制定使浏览器在运行超文本时有了统一的规则和标准。用有了统一的规则和标准。用HTML编写的超文本文档称为编写的超文本文档称为HTML文档，能够独立于各种操作系统平台，自文档，能够独立于各种操作系统平台，自1990年以年以来来HTML就一直被用作万维网的信息表示语言，使用就一直被用作万维网的信息表示语言，使用HTML语言描述的文件需要通过语言描述的文件需

6、要通过Web浏览器显示出效果。浏览器显示出效果。1.2.3 网站、网页与主页网站、网页与主页n网站是一个组织（公司、学校、部门等）或者个人建立在网站是一个组织（公司、学校、部门等）或者个人建立在Internet上的站点。网站通常都是为了特定的目的而创建的，上的站点。网站通常都是为了特定的目的而创建的，专门为用户提供某方面的服务。例如，有的网站专门提供新专门为用户提供某方面的服务。例如，有的网站专门提供新闻信息，有的网站专门提供流行音乐，还有的网站专门提供闻信息，有的网站专门提供流行音乐，还有的网站专门提供软件下载等。软件下载等。n一个网站通常由许多网页组成。网页内容可以包含多种字体一个网站通常

7、由许多网页组成。网页内容可以包含多种字体和样式的文本、各种图片、电影片段和声音等。和样式的文本、各种图片、电影片段和声音等。n主页是进入网站后的第一个网页，也称为首页。该页面是进主页是进入网站后的第一个网页，也称为首页。该页面是进入网站中其他网页的入网站中其他网页的“入口入口”。通过主页上的介绍或说明，。通过主页上的介绍或说明，用户可以在短时间内了解网站所提供的信息和服务项目。用户可以在短时间内了解网站所提供的信息和服务项目。1.2.4 超级链接超级链接n万维网之所以成为万维网之所以成为Internet中最引人瞩目、最受欢迎的应用，中最引人瞩目、最受欢迎的应用，不仅是因为不仅是因为Intern

8、et提供了多媒体的浏览方式，更在于能够提供了多媒体的浏览方式，更在于能够通过简单的鼠标操作就可以获得更多的信息。在这种交互过通过简单的鼠标操作就可以获得更多的信息。在这种交互过程中，超级链接起着十分重要的作用，是用户在万维网中畅程中，超级链接起着十分重要的作用，是用户在万维网中畅游的航标。在网页中，超级链接表现为一些标有颜色或下划游的航标。在网页中，超级链接表现为一些标有颜色或下划线的文字或图标，将鼠标指针移到超级链接上时，鼠标指针线的文字或图标，将鼠标指针移到超级链接上时，鼠标指针就会变成小手形（还有一些特定的鼠标指针形状），单击该就会变成小手形（还有一些特定的鼠标指针形状），单击该文字或图

9、标，就可以轻而易举地跳转到当前网站的其他网页文字或图标，就可以轻而易举地跳转到当前网站的其他网页或者相关的网站。或者相关的网站。1.2.5 URL1.2.6 网页编辑器网页编辑器n随着随着HTML技术的不断发展和完善，出现了许多网页编辑器。技术的不断发展和完善，出现了许多网页编辑器。从网页编辑器的基本性质上可以分为从网页编辑器的基本性质上可以分为“所见即所得所见即所得”网页编网页编辑器和辑器和“非所见即所得非所见即所得”网页编辑器（源代码编辑器）。网页编辑器（源代码编辑器）。1.3 网页的构成分析网页的构成分析n一个网页给人的直观感觉就是由文字、图片、动画音频和视一个网页给人的直观感觉就是由文

10、字、图片、动画音频和视频等元素共同构成的，本节将对网页的构成进行分析。频等元素共同构成的，本节将对网页的构成进行分析。1.3.1 网站标志网站标志1.3.2 导航栏导航栏1.3.3 广告条广告条 1.3.4 标题栏标题栏 1.3.5 多媒体多媒体 n一般网页中应用的多媒体除了文本、图像和一般网页中应用的多媒体除了文本、图像和Flash动画外，还有声音、动画外，还有声音、视频等其他媒体。视频等其他媒体。n声音是多媒体网页中的一个重要组成部分，用户可以将某些声音添加到声音是多媒体网页中的一个重要组成部分，用户可以将某些声音添加到网页中。在添加声音前，需要考虑的因素包括用途、格式、文件大小、网页中。

11、在添加声音前，需要考虑的因素包括用途、格式、文件大小、声音品质及浏览器差别等。不同浏览器对声音文件的处理方法有所不同，声音品质及浏览器差别等。不同浏览器对声音文件的处理方法有所不同，彼此之间可能不兼容。彼此之间可能不兼容。n用于网络的声音文件格式非常多，常见的有用于网络的声音文件格式非常多，常见的有MIDI、WAV、MP3和和AIF等，在使用不同格式的文件时需要加以区别。很多浏览器不用插件也可等，在使用不同格式的文件时需要加以区别。很多浏览器不用插件也可以支持以支持MIDI、WAV和和AIF格式的文件，格式的文件，MP3和和RM格式的声音文件则格式的声音文件则需要用专门的浏览器插件播放。需要用

12、专门的浏览器插件播放。n视频文件的采用使网页变得精彩而富有动感。视频文件的格式也非常多，视频文件的采用使网页变得精彩而富有动感。视频文件的格式也非常多，常见的有常见的有RM、MPEG、AVI和和DivX等。1.4 创建与发布网站的基本流创建与发布网站的基本流程程n（1）明确网站的主题和定位。根据网站的需求确定网站的主题和定位。具有明）明确网站的主题和定位。具有明确的定位和清晰的主题，就是成功的一半。确的定位和清晰的主题，就是成功的一半。n（2）确立网站的结构和风格。根据网站的主题和定位确定网站的整体结构和风）确立网站的结构和风格。根据网站的主题和定位确定网站的整体结构和风格。对于不同的主题和定

13、位，网站的整体结构和风格都应该是不同的。在此阶段格。在此阶段可以使用可以使用Photoshop制作出网站的整体效果，更生动地向客户展示网页的设计制作出网站的整体效果，更生动地向客户展示网页的设计效果。效果。n（3）收集网页所需的素材。在确立网站结构和风格之后，就要开始收集所需素）收集网页所需的素材。在确立网站结构和风格之后，就要开始收集所需素材。材。n（4）完成网页的整体布局和配色。一个网站的整体布局和配色应该一致。）完成网页的整体布局和配色。n（5）确定网页尺寸与版面布局。）确定网页尺寸与版面布局。n（6）设置并制作网站页面。对于多个类似的页面，可以先创建一个模板，然后）设置并制作网站页面。对于多个类似的页面，可以先创建一个模板，然后再批量制作，这样能够节约时间，提高效率。再批量制作，这样能够节约时间，提高效率。n（7）申请域名和空间。）申请域名和空间。n（8）发布网站。）发布网站。1.5 网页设计常用软件网页设计常用软件 n设计网页时首先要选择网页设计软件。早期制作网页必须在设计网页时首先要选择网页设计软件。早期制作网页必须在文本编辑器中编写文本编辑器中编写