《网页制作基础》PPT课件.ppt

1、网页制作,第1章 网页基础,第1章 网页基础,1.1 Internet 1.2 WWW 1.3 网站与网页 1.4 Web标准,1.1 Internet,Internet，中文正式译名为因特网，又叫做国际互联网。 Internet以相互交流信息资源为目的，由许多小的网络（局域网、城域网或广域网）基于TCP/IP协议，并通过路由器互联而成。 Internet是传播数据的载体，是提供应用服务的平台。常见的Internet基本应用服务为WWW服务、E-mail服务、FTP服务和Telnet服务等。,1.2 WWW,WWW是 World Wide Web （环球信息网）的缩写，也可以简称为 Web，中

2、文名字为“万维网”。 它起源于1989年3月，由欧洲量子物理实验室 CERN的蒂姆伯纳斯李（ Tim Berners-Lee）开发的主从结构分布式超媒体系统。它为用户提供了一个可以轻松驾驭的图形化界面，用户通过它可以便捷存取Internet上的信息资源。,1.2 WWW,1.2.1 WWW工作原理 1.2.2 WWW服务器 1.2.3 WWW客户端 1.2.4 W3C,1.2.1 WWW工作原理,WWW采用客户端/服务器（Client/Server）结构，其作用是整理和储存各种WWW资源，并响应客户端软件的请求，将相关资源数据传送到客户端。,WWW服务器和客户端之间主要采用TCP/IP协议的应

3、用层协议Http协议进行通讯。 WWW服务器和客户端指的不是硬件设备，而是相关软件。,1.2.2 WWW服务器,WWW服务器软件主要功能是存储、管理和提供WWW信息资源，可以同时响应多个客户访问请求。WWW服务器上的每一项资源都采用URL（统一资源定位符）进行标示，常采用后台数据库进行存储管理。,URL由四部分组成，它的一般格式是: 方式:/主机名/路径/文件名 方式：指数据的传输方式，通常称为传输协议。 主机名：指计算机的地址，可以是IP地址，也可以是域名地址。 路径：指信息资源在WWW服务器上的存放位置。 文件名：所请求资源的具体文件名称。,例如： 方式：http协议 主机名： 路径：/1

4、 文件名：a.html,常见WWW服务器软件为IIS和Apache。 不同WWW服务器软件提供的功能、支持和服务有所区别。,1.2.3 WWW客户端,WWW客户端软件主要以Web浏览器为主。Web浏览器可向WWW服务器发送访问请求，并对从WWW服务器发回的数据信息进行解释和显示，数据信息主要是网页形式。 常见的Web浏览器软件有：IE、Firefox、Opera和Netcape等。 不同Web浏览器软件所支持的网页格式有所区别，所以WWW服务器提供网页信息时，要考虑客户端软件的支持情况。,1.2.4 W3C,W3C是英文 World Wide Web Consortium 的缩写，中文意思是W

5、3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee。 W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。,W3C会员（大约500名会员）包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。,1.3 网站与网页,1.3.1 网站 1.3.2 网页 1.3.3 开发工具,1.3.1 网站,1. 网站 2. 网站分类 3. 建设网站考虑因素,1. 网站,网站（Website），

6、就是指在Internet上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。,常见网站由域名（domain name 俗称网址或域名）、网站源程序和网站空间三部分构成。 域名俗称网址； 网站源程序则放在网站空间里面，表现为网站前台和网站后台； 网站空间由专门的独立服务器或租用的虚拟主机承担。,2. 网站分类,根据网站所用编程语言分类：例如asp网站、

7、php网站、jsp网站、Asp. net网站等； 根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等； 根据网站的功能分类：例如单一网站（企业网站）、多功能网站（网络商城）等； 根据网站的持有者分类：例如个人网站、商业网站，政府网站等；,根据网站的商业目的分类：营利型网站（行业网站、论坛）、非营利性型网站（企业网站、政府网站）； 网站搜索（百度，谷歌，必应等）。,3. 建设网站考虑因素,（1）网站的客户服务群体； （2）网站的内容方向和性质； （3）网站的功能描述和结构分析； （4）网站的用户体验； （5）网站的盈利方式； （6）网站的未来发展方向。,1.3.2 网页,网页（W

8、eb Page）是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站是由网页组成的，而网页就是网站中的一“页”内容。 网页实际是一个文件，通常是HTML格式（文件扩展名为.html、.htm、.asp、.aspx、.php或.jsp等），通过URL来识别与存取。Web浏览器发送访问请求，WWW服务器处理请求后将结果以网页方式传送到客户端，Web浏览器解释网页的内容，并展示到客户端屏幕上。,网页构成的元素主要有：文本、图像、链接、表格、表单、动画、音频和视频等。 文本和图像是网页中的信息主体，链接是网页的灵魂。,1.3.3 开发工具,网页初学者常用的网站开发工具是Adobe公司的Dre

9、amweaver软件和微软公司的FrontPage软件。它们都是“所见即所得”（WYSIWYG）的编辑工具，也提供了网页代码编辑方式。 其他的还有一些辅助软件：图形处理软件PhotoShop、Fireworks，动画处理软件Flash等。,1.4 Web标准,20世纪60年代末，IBM公司的一些专家提出并制定了GML（generalized markup language），即通用标记语言。在以后的八年时间里，又在GML的基础上建立了SGML（standard generalized markup language），即标准通用标记语言，而且被国际标准化组织ISO于1986年批准采用。 现在网

10、站开发常用的HTML（超文本标记语言），就是基于SGML的一个应用。,Web标准中的大部分由W3C组织起草并发布，另一部分是由其他组织所制定。 Web标准中对页面内容的组织需要“结构标准语言”来完成；页面的样式由“表现标准语言”来控制；对页面内容的交互性操作由“行为标准语言”来控制。,1.4 Web标准,1.4.1 结构标准语言 1.4.2 表现标准语言 1.4.3 行为标准语言,1.4.1 结构标准语言,结构标准语言主要用于描述页面中的信息内容，并对内容进行整理和规划，在Web标准技术中用于组织结构的语言主要包括HTML、XML、XHTML等。,1. HTML,HTML（hypertext

11、markup language）即超文本标记语言，是利用SGML定义的一种标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。 HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。,浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解

12、释，因而可能会有不同的显示效果。,HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。 由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：脚本语言、CGI、组件等），可以创造出功能强大的网页。因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。,2. XML,XML（the extensible markup language）即可扩展标记语言，是SGML的一个子集，也是一种可以定义其他语言的语言。XML最

13、初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，现在逐渐用于网络数据的转换和描述。,3. XHTML,XHTML （the extensible hypertext markup language）即可扩展超文本标记语言，是在HTML的基础上结合了部分XML的强大功能，而创建的一种标记语言。XHTML是一种过渡技术，最终目的是利用XML来取代HTML。 XHTML和HTML的区别并不大，不能像XML那样来自定义标签，XHTML的标签也是规定好的。,1.4.2 表现标准语言,表现标准语言用于对页面内的显示信息进行样式定义，包括字号、颜色、字体和背景等，也就是对页面信息的显示样式进行修饰。 常见表现标准语言是CSS（cascading style sheets，层叠样式表），把CSS表现技术和描述结构信息的XHTML相结合，可以实现表现与内容的分离。这样，整个站点从设计到维护都会变得更加容易。,1.4.3 行为标准语言,行为标准语言，在网页中主要对网页信息的结构和显示进行逻辑控制，用于编写用户可以进行交互操作的文档。,1. DOM（文档结构模型）,根据W3C规范，DOM（document object model，文档对象模型）是一种能够使