一、WEB基本原理重点.ppt

网站设计概述 1.1 网站设计常识 基 本 概 念 辨 析 网站 VS 网页 Web服务器 VS 浏览器 动态网页 VS 静态网页 域名 VS 主机 IP地址 VS URL 互联网 VS 万维网 Server Browser 网站 淮海工学院 IP地址 11 域名 主机名 www 主机头 Web服务器 IIS 5.0 / IIS 6.0 网页 动态主页 default.aspx 静态主页 default.htm 主页网址URL / default.aspx 浏览器 IE 6（Win XP） IE 8 (Win 7 ) Chrome Firefox ... www服务 Internet ftp服务 互联网 Internet——由遍布全世界的各种各样的网络通过TCP/IP协议连接成的一个松散结合的全球网，它使网络上的各台计算机（Internet上称为主机，即host）可以互相交换信息。Internet为用户提供了各种各样的服务，如WWW，Email，FTP，即时通信（如QQ、MSN）等。 万维网WWW——是全球信息网（World Wide Web，简称Web），它是一个基于超文本(hypertext)方式的信息查询工具，通过http协议传输超文本信息，是由欧洲核子物理研究中心（CERN）研制的。WWW将位于全世界Internet上不同网址的相关数据信息有机地编织在一起，通过浏览器（browser）提供一种友好的信息查询界面。 互联网 VS 万维网 万维网 是 互联网 提供的一种服务 WWW具有三个统一： 1. 统一的资源定位方式：URL（统一资源定位器，即网址）。 2. 统一的资源访问方式：HTTP（超文本传输协议）。 3. 统一的信息组织方式：HTML（超文本标记语言）。 WWW的特点 网站设计就是在WWW上 建立一个Website，以提供信息服务 网站——Web Site互联网上的信息资源提供点 网页——Web Page，包含超文本信息的页面，是通过超文本标记语言HTML（HyperText Markup Language）书写的一种纯文本文件。 主页——HomePage，也叫首页，网站的起始页面 网站 VS 网页 网站 是由多个 网页 组成的 静态网页 - 不包含服务器端代码的html文件，由浏览器解释执行 扩展名为html、htm； 所有页面信息的更新需要在开发环境下脱机编辑，页面保存后再发布到站点上；无需数据库支持。 动态网页 - 含有服务器端代码，需要先由Web服务器对这些代码进行解释执行，生成客户端代码后再发送给客户端浏览器； 后缀名不能是.htm，常见的有： aspx 、asp 、jsp 、php； 信息可以通过浏览器在线进行编辑，提交后实时更新；常需要后台数据库支持。 静态网页 VS 动态网页 静态网页不包含服务器端代码，而动态网页包含。 网 站 动 态 页 面 静态 页面 静态网站 静态 页面 动态网站 静态 页面 Web数据库 静态 页面 Web程序 页面 前台 页面 后台 页面 网站构成示意 站点位置：对应磁盘上的一个文件夹，网站中的所有网页和其他资源文件都会放在该文件夹下或其子文件夹下； 网站文件：分类（按栏目或功能）保存在相应的文件夹中，以方便管理和维护； Images文件夹: 习惯将图片单独保存在该文件夹下； 首页名称: 常命名为default.xxx或index.xxx ，必须放在网站的根目录下。 网 站内容组织的结构特点 Web 应用程序 ——以互联网为运行载体的动态应用程序，主要由动态网页组成，可含少量静态网页； 动态网站提供的服务是依靠Web应用程序实现的，如留言板、论坛、新闻、博客等； Web应用程序以动态网站为运行载体； 习惯上把侧重信息发布的Web应用叫网站，把业务处理比较复杂的Web应用叫网络系统或网络平台； 首先学会网站设计，再学Web程序开发。 动态网站与Web应用程序的辨析 桌面应用程序： 单机程序，如 记事本、计算器 C/S应用程序： Client/Server(客户/服务器)程序，如 学生考试端 B/S应用程序（Web应用程序）： Brower/Server(浏览器/服务器)程序，如 教学平台 几种“应用程序”辨析 IP地址： 一种在Internet上给主机编址的方式，也称为网际协议地址。常见的IP地址分为IPv4与IPv6两大类