信息社会与计算技术第8章 网页制作与信息发布.pptx

第8章 网页制作与信息发布第8章 网页制作与信息发布本讲提纲认识Web01HTML502CSS303JavaScript04Dreamweaver网页设计05认识Web认识网页查询信息说到网页，其实大家并不陌生浏览新闻网上购物网页究竟是什么？认识Web网页是如何形成的？浏览器渲染图文并茂的页面特殊的符号和文本认识Web认识网页除了首页之外，一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。网站由网页构成，网页有静态和动态之分。静态网页是指用户无论何时何地访问，网页都会显示固定的信息，除非网页源代码被重新修改上传。动态网页显示的内容则会随着用户操作和时间的不同而变化。大部分网站都由静态网页和动态网页混合组成，两者各有千秋，用户在开发网站时可根据需求酌情采用。认识Web与互联网相关的一些专业术语名词名词释义Internet网络就是通常所说的互联网，是由一些使用公用语言互相通信的计算机连接而成的网络。WWWWWW（英文World Wide Web的缩写）中文译为“万维网”是Intertnet提供的一种网页浏览服务。URLURL（英文Uniform Resource Locator的缩写）中文译为“统一资源定位符” URL其实就是Web地址，俗称“网址”。DNSDNS （英文Domain Name System的缩写）是域名解析系统。HTTPHTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议，是一种详细规定了浏览器和万维网服务器之间互相通信的规则。WebWeb通常指互联网的使用环境。但对于网站制作者来说，它是一系列技术的复合总称，通常称之为网页。W3C组织W3C（英文World Wide Web Consortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。认识WebWeb标准为什么需要Web标准？认识WebWeb标准Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。行为标准：行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。认识WebWeb标准结构、表现、行为之间的关系认识Web超文本超文本（HyperText）技术是一种把信息根据需要链接起来的信息管理技术。用户可以通过一个文本的链接指针打开另一个相关的文本。只要单击页面中的超链接（通常是带下划线的条目或图片），便可跳转到新的页面或另一位置，获得相关的信息。 超链接是内嵌在文本或图像中的。文本超链接在浏览器中通常带有下划线，只有当用户的鼠标指向它时，指针才会变成手指形状。认识WebHTTPHTTP（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议，用于传送WWW方式的数据。当用户想浏览一个网站的时候，只要在浏览器的地址栏里输入网站的地址就可以了。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，相应的内容包括消息协议的版本，成功或者错误编码加上包含服务器信息、实体元信息以及可能的实体内容。认识WebURLURL（Universal Resource Locator）是“统一资源定位器”的英文缩写，URL就是Web地址，俗称“网址”。URL的基本结构为：通信协议：//服务器名称[:通信端口编号]/文件夹1[/文件夹2…]/文件名各部分含义如下所述。1．通信协议通信协议是指URL所链接的网络服务性质，如HTTP代表超文本传输协议，FTP代表文件传输协议等。2．服务器名称服务器名称是指提供服务的主机的名称。3．文件夹与文件名文件夹是存放文件的地方。认识Web浏览器介绍浏览器是网页运行的平台，常用的浏览器有IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。认识Web浏览器介绍IE浏览器由微软公司推出，有6.0、7.0、8.0、9.0、10.0等版本，最新的是IE11.0。在制作网页时，低版本一般也是需要兼容的。Mozilla Firefox，中文通常称为“火狐”，Firebug是火狐浏览器下的一款开发插件，是开发HTML、CSS、JavaScript等的得力助手。在实际网页制作过程中火狐浏览器是最常用的浏览器。Google Chrome，又称谷歌浏览器，是由Goo