《计算机应用基础》课程教学资源（PPT课件讲稿）第8章 网站及网页设计入门

山东理工大客SHANDONGUNIVERSITYOFTECHNOLOGY第四篇信息浏览和发布第8章网站及网页设计入门

第四篇 信息浏览和发布 第8章 网站及网页设计入门 1

0目录计塑机科学与技术学院8.1网站简介8.2网页简介8.3网页设计语言HTML入门8.4层叠样式表CSS入门8.5HTML5简介

目录 8.3 8.2 网页简介 8.1 网站简介 网页设计语言HTML入门 2 8.5 8.4 层叠样式表CSS入门 HTML5简介

08.1网站简介计算机科学与技术学院网站功能8.1.18.1.2网站及网页的发展及趋势网站分类8.1.38.1.4网站的工作原理8.1.5网站建设中常见的几个术语网站建设8.1.6

8.1 网站简介 ◼ 8.1.1 网站功能 ◼ 8.1.2 网站及网页的发展及趋势 ◼ 8.1.3 网站分类 ◼ 8.1.4 网站的工作原理 ◼ 8.1.5 网站建设中常见的几个术语 ◼ 8.1.6 网站建设 3

口网站功能8.1.1计算机科学与技术学院网站(Website)是指在因特网上根据一定的规则，使用超文本标记语言HTML（HyperTextMarkupLanguage）等工具制作的用于展示特定内容的相关网页的集合。网站是一个应用框架，它将各种应用系统、数据资源和互联网资源集成到一个信息管理平台之上，并以统一的用户界面提供给用户，使企业可以快速地建立企业对客户、企业对内部员工和企业对企业的信息通道，使企业能够释放存储在企业内部和外部的各种信息

8.1.1 网站功能 ◼ 网站(Website)是指在因特网上根据一定的规则，使用超文 本标记语言HTML（(Hyper Text Markup Language）等工 具制作的用于展示特定内容的相关网页的集合。 ◼ 网站是一个应用框架，它将各种应用系统、数据资源和互 联网资源集成到一个信息管理平台之上，并以统一的用户 界面提供给用户，使企业可以快速地建立企业对客户、企 业对内部员工和企业对企业的信息通道, 使企业能够释放 存储在企业内部和外部的各种信息。 4

口网站及网页的发展及趋势8.1.2机科学与技术学院+算网页设计的起点要追溯到20世纪90年代初，网上第一个网站是由互联网之父TimBerners-Lee于1991年创建的。我们今天无法访问原始网站，但仍然可以访问1992年制作的副本，我们会注意到第一个网站不包含任何图像，只包含文本和超链接。第一个网站的结构很简单，正如早期版本的HTML所规定的那样。除了设置标题和副标题，段落和链接之外，我们做不了什么。在20世纪90年代早期的大部分时间里，我们能够访问的网站使用了相同的单列，基于文本的设计

8.1.2 网站及网页的发展及趋势 ◼ 网页设计的起点要追溯到20世纪90年代初，网上第一个网 站是由互联网之父Tim Berners-Lee于1991年创建的。我 们今天无法访问原始网站，但仍然可以访问1992年制作的 副本，我们会注意到第一个网站不包含任何图像 ，只包 含文本和超链接。 ◼ 第一个网站的结构很简单，正如早期版本的HTML所规定 的那样。除了设置标题和副标题，段落和链接之外，我们 做不了什么。在20世纪90年代早期的大部分时间里，我们 能够访问的网站使用了相同的单列，基于文本的设计。 5

面网站由当初简单的静态页面发展到今天更多的动态页不仅适合电脑浏览而且也要适合手机等移动设备浏览且还在向具有联想功能的语义网发展，可以想象未来的网站功能越来越强大，人工智能化程度越来越高，更好地为人类服务，人类的工作、生活和娱乐也越来越多地离不开网站，所以，研究网站、开发网站也就成为我们相关科学家的一项重要任务

◼ 网站由当初简单的静态页面发展到今天更多的动态页面， 不仅适合电脑浏览而且也要适合手机等移动设备浏览，而 且还在向具有联想功能的语义网发展，可以想象未来的网 站功能越来越强大，人工智能化程度越来越高，更好地为 人类服务，人类的工作、生活和娱乐也越来越多地离不开 网站，所以，研究网站、开发网站也就成为我们相关科学 家的一项重要任务。 6

0网站分类8.1.3学与技术学所计算LR根据网站所用编程语言可以分为：asp网站、php网站、jsp网站、Asp.net网站等；根据网站的用途可以分为：门户网站（属于综合网站）、行业网站、娱乐网站等：根据网站的功能可以分为：单一网站（如企业网站）、多功能网站（如网络商城）等等；根据网站的持有者可以分为：个人网站、商业网站、政府网站、教育网站等：根据网站的商业目的可以分为：营利型网站（如行业网站论坛）、非营利型网站（如企业网站、政府网站、教育网站）等等

8.1.3 网站分类 ◼ 根据网站所用编程语言可以分为：asp网站、php网站、 jsp网站、Asp. net网站等； ◼ 根据网站的用途可以分为：门户网站（属于综合网站）、 行业网站、娱乐网站等； ◼ 根据网站的功能可以分为：单一网站（如企业网站）、多 功能网站（如网络商城）等等； ◼ 根据网站的持有者可以分为：个人网站、商业网站、政府 网站、教育网站等； ◼ 根据网站的商业目的可以分为：营利型网站（如行业网站、 论坛）、非营利型网站（如企业网站、政府网站、教育网 站）等等。 7

0网站的工作原理8.1.4计草机科学与技术学院网站的一般工作原理指Web服务器与客户端浏览器交互的基本原理说白了就是，网站服务器上的文件和数据库最终成为客户所看到的华丽或朴素的页面的过程。这个过程包括3个问题（1）网站的数据如何变成页面数据？网站的数据要变成用户能够看懂的页面数据，这个需要网站程序来解决。8

8.1.4 网站的工作原理 ◼ 网站的一般工作原理指Web服务器与客户端浏览器交互的基本原理， 说白了就是，网站服务器上的文件和数据库最终成为客户所看到的华 丽或朴素的页面的过程。这个过程包括3个问题: ◼ （1）网站的数据如何变成页面数据？ ◼ 网站的数据要变成用户能够看懂的页面数据，这个需要网站程序来解 决。 8

口（2）如何根据用户请求将指定的数据送达客户端？根据用户请求将指定的数据送达客户端这个问题需要联网来解决。客户机与服务器之间通过HTTP协议（超文本传输协议）进行通信。首先，客户通过浏览器向Web服务器发送HTTP请求，这个请求通过互联网传送到被访问的服务器，服务器响应请求并进行处理之后生成特定的HTML文档，然后再用HTTP协议将此HTML文档通过互联网返回到客户端的浏览器显示出来

◼ （2）如何根据用户请求将指定的数据送达客户端？ ◼ 根据用户请求将指定的数据送达客户端这个问题需要互联 网来解决。客户机与服务器之间通过HTTP协议（超文本 传输协议）进行通信。首先，客户通过浏览器向Web服务 器发送HTTP请求，这个请求通过互联网传送到被访问的 服务器，服务器响应请求并进行处理之后生成特定的 HTML文档，然后再用HTTP协议将此HTML文档通过互联 网返回到客户端的浏览器显示出来。 9

口（3）客户端如何将页面数据显示为页面？所谓页面就是指用户在电脑屏幕上所看到的图形界面上的文本、图像、图形的集合，这个问题由浏览器来解决。网站的Web服务器接收到的HTTP请求通常分为两种情况：一种是请求一个静态的HTML网页，此时Web服务器在网站建设自身服务器上查找到相应的页面并将该页面发送出去即可将这个请求转交给应用程序服务器处理。另一种是请求一个动态的HTML页面，此时若应用程序服务器也能自行完成全部处理，则需请求一个以asp或者php或者jsp结尾的动态网页，此时Web服务器无法自行直接处理，还将根据需要访问数据库服务器进行相应的处理，最终再将处理结果生成HTML文档，由Web服务器发送回客户端浏览器。10

◼ （3）客户端如何将页面数据显示为页面？ ◼ 所谓页面就是指用户在电脑屏幕上所看到的图形界面上的 文本、图像、图形的集合，这个问题由浏览器来解决。网 站的Web服务器接收到的HTTP请求通常分为两种情况:一 种是请求一个静态的HTML网页，此时Web服务器在网站 建设自身服务器上查找到相应的页面并将该页面发送出去 即可将这个请求转交给应用程序服务器处理。另一种是请 求一个动态的HTML页面，此时若应用程序服务器也能自 行完成全部处理，则需请求一个以asp或者php或者jsp结 尾的动态网页，此时Web服务器无法自行直接处理，还将 根据需要访问数据库服务器进行相应的处理，最终再将处 理结果生成HTML文档，由Web服务器发送回客户端浏览 器。 10