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

山求程王大彩 SHANDONG UNIVERSITY OF TECHNOLOGY 第四篇 信息浏览和发布 第8章网站及网页设计入门

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

0 目录 什草凤利学与拉未学脑 8.1网站简介 8.2 网页简介 8.3网页设计语言HTML入门 8.4 层叠样式表CSS入门 8.5 HTML5简介

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

8.1网站简介 0 计草机利学与校未学网 ■8.1.1网站功能 ■8.1.2网站及网页的发展及趋势 ■8.1.3网站分类 ■8.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网站功能 什草凤利学与技未学脑 ·网站(Vebsite)是指在因特网上根据一定的规则，使用超文 本标记语言HTML(Hyper Text Markup Language)等工 具制作的用于展示特定内容的相关网页的集合。 ·网站是一个应用框架，它将各种应用系统、数据资源和互 联网资源集成到一个信息管理平台之上，并以统一的用户 界面提供给用户，使企业可以快速地建立企业对客户、企 业对内部员工和企业对企业的信息通道，使企业能够释放 存储在企业内部和外部的各种信息

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

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

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

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

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

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

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

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

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

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

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

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

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