网页制作与网站设计 第一章.ppt

网页制作与网站设计 主讲 第一章 网页与网站基础 【本章内容】 1.1 WWW简介 1.2 网页与网站的关系 1.3 静态网页与动态网页 1.4 HTML静态网页技术 1.5 XHTML新规范 1.6 CSS基础 1.7 网站建设的步骤 第1.1节 WWW简介（一） 因特网实现信息共享的主要途径是WWW服务。 WWW是World Wide Web的缩写，即世界范围内的网络的意思，也叫万维网，有时简称为Web。 第1.1节 WWW简介（一） WWW服务的信息资源以Web网页的形式组织在一起，Web网页存放在WWW服务器里。因特网普通用户在浏览器中输入不同的WWW服务器地址就能看到不同的Web网页。 Web网页中通过一种“链接”技术，可以实现Web网页之间的连接与跳转。 第1.1节 WWW简介（二） Web网页在WWW服务器与WWW客户机之间按照http协议进行传输。由下图可看出：WWW客户机和WWW服务器之间的通信通常分为四步骤（参看1.1节）。 图1-1 WWW服务体系结构图 第1.2节 网页与网站的关系（一） Web网页，简称为网页，一般是用HTML语言和其它Script语言编写而成的程序文件。 HTML是HyperText Markup Language的缩写，即超文本标签语言；Script语言是嵌入式脚本语言，如VBScript、 JavaScript、JSScript等。 第1.2节 网页与网站的关系（一） 除文本以外，其它媒体素材（图像、声音、动画和影像等），都需要保存成单独的文件，然后才能嵌入到网页文件中。 第1.2节 网页与网站的关系（二） 一个WWW服务器里常常有许多网页和相关文件，为便于分类查找、组织和管理，常将众多的网页及相关文件存放到一个主目录（也叫根目录）下，或者分别存放在主目录下面的不同子目录里。然后将这些网页以链接的形式组织起来，并确定一个主网页（主网页存放在根目录下），就形成了一个网站。 第1.2节 网页与网站的关系（二） 因特网用户访问某网站时，首先打开的就是网站的主网页（简称为主页）。通过链接，用户可以方便地从主网页到达各分网页，也可以从分网页很容易地回到主网页。 第1.2节 网页与网站的关系（三） 网站的主要特征 : 众多的网页 、确定的主题、 统一的网络、便捷的导航 、 栏目的分层、动态的信息、 双向交流栏目、用户指南等 第1.3节 静态网页与动态网页（一） Web网页有很多种，如HTML网页、DHTML网页、ASP网页、JSP网页、PHP网页等。 总的来说，网页可以分为二类： 静态网页和动态网页。 第1.3节 静态网页与动态网页（二） 静态网页指的是HTML网页，即用HTML语言编写的网页，它是所有其他网页技术的基础。 网页中所有的对象，包括文字、图片、超链接、Flash动画、表格、列表等都需要通过HTML才能展现出来。 第1.3节 静态网页与动态网页（三） 通过客户端脚本语言(如JavaScript)、层叠样式表（CSS）及文档对象模型（DOM）的综合使用，能让网页中的对象产生一些动态变化，例如鼠标移上后弹出快捷菜单、随滚动条移动的广告图片等。 这也属于静态网页的范围。 第1.3节 静态网页与动态网页（四） 动态网页是在WWW服务器端动态生成网页的技术，ASP、JSP、PHP等都属于动态服务器网页技术，本课程主要学习ASP技术。 动态网页一般都需要通过访问数据库（或文本类文件）来实时生成网页，系统中除了有WWW服务器器以外，还有一台数据库服务器（或者将WWW服务器与数据库服务器合二为一）。 第1.3节 静态网页与动态网页（五） 静态网页及动态网页的访问方式 (a) 静态网页访问方式 (b) 动态网页访问方式 第1.3节 静态网页与动态网页（六） 不同的网页技术，其作用范围不同。静态网页作用在客户端浏览器中，也就是说它们是在网页下载到客户端浏览器之后发生作用；而动态服务器网页技术（ASP，JSP，PHP等）作用在WWW服务器端，它们在即时生成HTML静态网页文件之后，便不再对网页发生作用。 第1.4节 HTML静态网页技术 一. HTML简介 二. HTML静态网页基本结构 三. 网页内的文字格式 四. 分段换行、预格式与列表 五. 媒体元素的插入 一. HTML简介（1） HTML是HyperTe