第1章 网页综述整理.ppt

大学计算机基础教育规划教材 唐四薪 主编 清华大学出版社 2011年9月 第一章 网页与网站基础 本章要点 网页和网站的关系 Web服务器和浏览器 动态网页和静态网页 域名与主机的关系 URL的结构 internet Internet是由遍布全世界的各种各样的网络通过TCP/IP协议连接成的一个松散结合的全球网，它使网络上的各台计算机（Internet上称为主机，即host）可以互相交换信息。 Internet为用户提供了各种各样的服务，如WWW，Email，FTP，即时通信等。 WWW概述 WWW（World Wide Web，又称Web）是Internet上提供的一种服务, 特点： 统一的信息组织方式：HTML（HyperText Markup Language，超文本标记语言） 统一的资源访问方式：HTTP（HyperText Transfer Protocol，超文本传输协议） 统一的资源定位方式：URL（Universal Resource Locator，统一资源定位器） 网 页 网页即是超文本，是通过超文本标记语言HTML（HypeText Markup Language）书写的一种纯文本文件， 浏览器对该纯文本文件进行了解释，才生成了多姿多彩的网页，除文本外，其它媒体素材（图像、声音、动画和影像等），都需要保存成单独的文件，通过URL嵌入到网页文件中。 可以看出，WWW服务主要是通过一个个多媒体网页提供给用户各种信息的 HTML超文本标记语言 超文本标记语言HTML作为一种语言，它具有语言的一般特征，即它是一种符号系统，具有自己的词汇（符号）和语法（规则）。 所谓标记，就是作记号。如我们写文章时通常用大体字标记文章的标题，用换行空两格标记一个段落 所谓超文本，就是相比普通文本有超越的地方，如超文本可以通过超链接转到指定的某一页，而普通文本只能一页页翻，超文本还具有图像，视频，声音等元素，并能和用户交互，这些都是普通文本无法达到的 HTML的历史 超文本标记语言HTML是一种建立超文本/超媒体文档的语言，它用标签标记文档中的文本及图像等各种元素，指示浏览器如何显示这些元素。HTML的发展历程如图所示 HTML与编程语言的区别 HTML语言与编程语言有明显不同，首先它不是一种计算机编程语言，而是一种描述文档结构的语言，或者说排版语言； 其次HTML是弱语法语言，随便怎么写都可以，计算机尽力去理解执行，不理解的按原样显示，而编程语言是严格语法的语言，写错一点点计算机就不执行，报告错误； 再次HTML语言不像大多数编程语言一样需要编译成指令后执行，而是每次由浏览器解释执行。 网 站 一个网站对应磁盘上的一个文件夹，网站的所有网页和其他资源文件都会放在该文件夹下或其子文件夹下，设计良好的网站通常是将网页文档及其它资源分门别类地保存在相应的文件夹中以方便管理和维护。这些网页通过链接组织在一起，其中有个网页称为首页，常命名为index.htm，必须放在网站的根目录下。 网页中所需要的图片文件一般单独保存在该目录下一个叫images的文件夹下。 网站结构 网站目录的建立 制作网站的第一步是在硬盘上新建一个文件夹，作为网站根目录，以后把这个目录上传到服务器上就可以了。 由于我们制作网站一般需要用到Dreamweaver，所以还要配置网站在Dreamweaver下的开发环境，在Dreamweaver中新建站点，任意取一个站点名，把刚才新建的那个文件夹作为站点文件夹就可以了，这样站点目录内的html文件之间的链接会使用相对Url的形式。 示范 网站的特点 众多的网页 确定的主题 统一的风格、 便捷的导航、 栏目的分层 网页和网站的制作工具 Web服务器和浏览器 网页被放置在Web服务器上 用户通过Url请求web服务器时，web服务器把相应的网页传送到用户浏览器端 Web服务器的作用：对于静态网页，web服务器仅仅是定位到网站对应的目录，找到每次请求的网页传送给客户端。 对于动态网页，web服务器找到该网页后要先对动态网页中的服务器端程序代码进行执行，生成静态网页代码再传送给客户端浏览器。 Web服务器 由于web服务器对静态网页起的只是一个查找和传输的作用，因此我们测试静态网页时可不安装web服务器，直接找到该网站对应的目录双击网页文件预览测试， 而测试或运行动态网页则一定要在本机上安装web服务器(如IIS)，因为动态网页要经过web服务器解释执行生成html文档才能被浏览器解释 浏览器 浏览器：用户浏览网页所用 浏览器的本质：解释html代码生成我们看到的网页 目前常见的浏览器（按使用量多少排列）有：IE6、IE7、IE8、Firefox 3、Safari 4、Google Chrome 2