《网页设计与制作》课件-01网页设计与制作理论基础

网页设计与制作理论基础因特网与万维网的概念01统一资源定位器02超文本传输协议03Web浏览器与Web服务器04网站与网页C/S结构与B/S结构静态网页与动态网页050607目

录CONTENTS因特网（Internet）指在全球范围网络和网关的集合体以相互交流信息资源为目的，基于一些共同的协议，并通过许多路由器和公共互联网而成它也是一个信息资源和资源共享的集合1.因特网与万维网万维网（WorldWideWeb）万维网是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分（因特网也包括电子邮件、Usenet以及新闻组）。它实际上是多媒体的集合，是由超级链接连接而成的。我们通常通过网络浏览器上网观看的，就是万维网的内容。1.因特网与万维网区别因特网是一个硬件的网络，而万维网更倾向于一种浏览网页的功能。万维网是Internet的一部份。它只是建立在Internet上的一种网络服务。我们平常说的上网指的是因特网还是万维网？PPT下载/xiazai/2.统一资源定位器URL（UniformResourceLocator）用于完整描述Internet上网页和其他资源的地址的一种标识方法。URL目的是为了寻找万维网中可以访问的资源（网页，文件，图片，电影，音乐），例如：。就像每家每户都有一个门牌地址一样，每个网页或资源也都有一个Internet地址。当你输入一个URL或是单击一个超级链接时，URL就确定了要浏览的地址。http://www./blog/index.php协议

服务

域名

目录

文件PPT下载/xiazai/2.统一资源定位器URL常用的协议类型用于从www服务器传输超文本到本地浏览器用于客户机和远程主机间文件的上传和下载http协议：超文本传输协议ftp协议：文件传输协议用于访问本地计算机上的文件File协议：文件协议PPT下载/xiazai/3.超文本传送协议HTTP（hypertexttransportprotocol）详细规定了浏览器和万维网服务器之间互相通信的规则，是通过因特网传送万维网文档的数据传送协议。客户机和服务器必须都支持HTTP，才能在万维网上发送和接收HTML文档并进行交互。PPT下载/xiazai/4.

Web浏览器与Web服务器Web浏览器用户获取万维网信息的窗口，现代操作系统都会内置浏览器常见浏览器：Chrome、Safari、Opera、IE、Firefox中国互联网用户使用的还有：360、搜狗、QQ等PPT下载/xiazai/4.

Web浏览器与Web服务器Web服务器广义：用于运行网站及其数据库的计算机，包括所有硬件、软件。只有将开发的Web项目放置到Web服务器中，才能使网络中的所有用户通过浏览器进行访问。狭义：特指软件。常见Web服务器软件：IIS、Appache、Tomcat、BEAWebLogic。PPT下载/xiazai/5.网站与网页网站的组成1域名60%2空间80%3源码PPT下载/xiazai/5.网站与网页域名（DomainName），是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的位置，例如：，。域名构成：

wenku.标号“baidu”是这个域名的主体，而最后的标号“com”则是该域名的后缀，代表的这是一个com国际域名，是顶级域名。而前面的wenku我们称之为网络名（或二级域名）。域名PPT下载/xiazai/5.网站与网页常见的通用顶级域名：国家代码顶级域名：cn（中国大陆）、hk（香港）、tw（台湾）de（德国）eu（欧盟）jp（日本）uk（英国）us（美国）域名PPT下载/xiazai/5.网站与网页我不是域名，域名只是我的一部分域名PPT下载/xiazai/5.网站与网页以访问百度首页为例网络上的每一台计算机和服务器都有一个独一无二的IP地址。IP地址是数字标识，使用时难以记忆和书写，符号化的域名代替数字型的IP地址，方便记忆。与网络上的数字型IP地址相对应的字符型地址，就被称为域名。IP地址与域名的关系4PPT下载/xiazai/5.网站与网页IP指向域名的过程，称之为IP绑定域名，域名指向IP的过程，称之为域名解析到IP。

一个域名同一个时刻只能对应一个IP地址。

一台计算机上可以有多个服务，也就是一个ip地址可以对应多个域名。IP地址与域名的关系PPT下载/xiazai/5.网站与网页指的是网站运行的计算机上的存储空间（硬盘）常见的网站空间为虚拟主机，计算机把一台运行在互联网上的服务器划分为多个“虚拟”的服务器。每个虚拟主机都具有独立的域名和完整的Internet服务器。空间PPT下载/xiazai/5.网站与网页网站中所有文件及文件结构，如：网页、图片、视频、音乐等。源码PPT下载/xiazai/5.网站与网页用HTML语言描述的文本文档，扩展名：.html，.asp等。网页中的图片、视频、音乐等内容是通过HTML代码链接资源，并被浏览器解析后显示的。所以网页被称为超文本文档。网站是由多个网页集合而成，网站开发就是制作一个个的网页。网页PPT下载/xiazai/6.

C/S结构与B/S结构客户端要实现绝大多数的业务逻辑和界面显示。服务器端完成数据库管理系统的核心功能。常见软件：QQ、迅雷等。优缺点：优势：很多工作在客户端处理，降低服务器负荷，客户端响应速度快缺陷：客户端软件需安装和升级C/S结构（客户端/服务器模式）PPT下载/xiazai/6.

C/S结构与B/S结构极少数事务逻辑在前端实现，主要事务逻辑在服务器实现。浏览器通过WebServer同数据库进行数据交互。优缺点：优势：无客户端软件，减轻了系统维护与升级的成本和工作量，通过浏览器实现工作界面。缺陷：依赖服务器端，服务器负荷较重。B/S结构（浏览器/服务器模式）PPT下载/xiazai/7.静态网页与动态网页网页中只有HTML标记，只要WEB开发人员没有修改过这些HTML标记，页面内容就不会更改。静态网页由HTML、CSS、Javascript等前端开发语言开发、后缀为*.html、*.htm等。静态网页PPT下载/xiazai/7.静态网页与动态网页网页中不仅仅包含HTML代码，还含有程序代码，可以根据客户端输入不同内容来显示不同的结果。动态网页由前端开发语言+动态开发语言所制作页。常见动态网站开发语言有ASP、PHP、JSP、ASP.NET，对应开发的网页后缀分别是*.asp、*.php、*.jsp、*.aspx。动态网页PPT下载/xiazai/7.静