《网页制作》第一讲--网页设计的基础.pptVIP

网页与多媒体技术 教育技术与信息中心 说一下考试的问题 教材及学习网站 教材： 网页设计与制作 北京邮电大学出版社 黄学光 参考书—去图书馆找 学习网站 教学安排 第一章：网页设计的基础 1.1 Internet、WWW与WEB的概念 1.2 网页与网站的概念 1.3 IP地址和域名的概念 1.4 网页制作的工具 1.5 网站服务器的安装 1.6 Dreamweaver MX界面的认识 1.7 站点的建立 1.1 Internet、WWW与Web的概念 1.1.1 什么是Internet Internet是由世界上各种各样的网络互联起来的，是目前世界上的最大的计算机通信网络。它实现了信息的交流和共享。我们可以在这个网络世界里快速、便捷地寻找我们所需要的资料信息。 1.1 Internet、WWW与Web的概念 1.1.2 WWW WWW（World Wide Web）万维网是一个大规模的在线的多媒体信息集合，可以通过浏览器进行检索和查看。万维网能够处理文字、图像、音频以及视频等多媒体信息。它的处理能力超出了处理纯文本的范围，所以它是一个多媒体的信息系统。并且可以通过各种超级链接，使我们很方便地从一种信息源转到另外一个信息源。 1.1 Internet、WWW与Web的概念 1.1.3 WEB Web是一个支持交互式访问的超媒体系统，它的信息是以文档集的形式存储的，在文档中除了包括基本信息以外，还可以包括指向文档集中其他文档的指针。这里所说的文档指针就是超级链接。Web服务器利用http协议传递html文件，web浏览器使用http协议检索文件。Web服务器一旦检索到需要的信息，web浏览器就会显示对象。 1.1 Internet、WWW与Web的概念 1.1.4 Internet、WWW与Web的区别 WWW万维网是Internet互联网的一种信息服务，但是Internet并不局限于WWW万维网这一种信息服务，它还提供Ftp、E-mail、Telnet（远程登录）以及电子商务服务等等，而 Web服务器是WWW万维网中的一台支持交互式访问的超媒体系统。 1.2 网页与网站的概念 1.2.1 网页与网站的概念 WEB上的一个超媒体文档称为一个网页，网页的学名称作HTML文件，它是一种可以在WWW网上传输的，并且被浏览器认识和翻译成页面显示出来的文件。作为一个组织或个人在WWW上开始点的那个网页我们称它为主页或者首页。而在逻辑上可以视为一个整体的一系列网页的有机集合称为网站。 例如： （看看网页的组成） 1.2 网页与网站的概念 1.2.2 HTML的概念 HTML（hypertext markup language）超文本标记语言，它是一种不需要编译,就可以直接由浏览器执行的用来制作网页的标记语言。一个普通的静态网页就是一个html文件。 例如： 1.2 网页与网站的概念 1.2.2 HTML的概念 打不开的网页 空白的网页 他们也是html文件 1.2 网页与网站的概念 1.2.3 静态网页与动态网页的概念 静态与动态是相对的，静态网页是指没有后台数据库、不含程序和不可交互的网页。所以静态网页与动态网页的重要标志就是程序是否在服务器端运行，纯粹HTML格式的网页通常被称为“静态网页”，文件名通常以.htm、.html、.shtml等作为后缀名。动态网页文件的后缀名有.asp、.jsp、.php、.aspx等等。而静态网页也可以出现各种动态的效果，如.gif格式的图片、FLASH动画、滚动字母等等，但这些“动态效果”只是视觉上的，并不进行后台服务器处理。 1.2 网页与网站的概念 1.2.4 静态网页和动态网页的特点 （1）静态网页的每个网页都有一个固定的URL（Uniform Resource Locator ）。动态网页的URL会随着各种信息的变化而变化。 URL：统一资源定位符，用于完整地描述Internet上网页和其他资源的地址的一种标识方法。 Internet上的每一个网页都具有一个唯一的名称标识,通常称之为url地址 1.2 网页与网站的概念 静态网页和动态网页的特点 （2）静态网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；而动态网页往往要从数据库里提取数据。 （3）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 1.3 IP地址和域名的概念 Internet是由很多的小网络组成的大网络，而每一个小网络又是