1、网站设计概述,1.1 网站设计常识,基 本 概 念 辨 析,网站 VS 网页,Web服务器 VS 浏览器,动态网页 VS 静态网页,域名 VS 主机,IP地址 VS URL,互联网 VS 万维网,Server,Browser,www服务,Internet,ftp服务,互联网 Internet由遍布全世界的各种各样的网络通过TCP/IP协议连接成的一个松散结合的全球网，它使网络上的各台计算机（Internet上称为主机，即host）可以互相交换信息。Internet为用户提供了各种各样的服务，如WWW，Email，FTP，即时通信（如QQ、MSN）等。 万维网WWW是全球信息网（World Wi
2、de Web，简称Web），它是一个基于超文本(hypertext)方式的信息查询工具，通过http协议传输超文本信息，是由欧洲核子物理研究中心（CERN）研制的。WWW将位于全世界Internet上不同网址的相关数据信息有机地编织在一起，通过浏览器（browser）提供一种友好的信息查询界面。,互联网 VS 万维网,万维网 是 互联网 提供的一种服务,WWW的特点,WWW具有三个统一：1. 统一的资源定位方式：URL（统一资源定位器，即网址）。 2. 统一的资源访问方式：HTTP（超文本传输协议）。3. 统一的信息组织方式：HTML（超文本标记语言）。,网站设计就是在WWW上 建立一个Web
3、site，以提供信息服务,网站Web Site互联网上的信息资源提供点网页Web Page，包含超文本信息的页面，是通过超文本标记语言HTML（HyperText Markup Language）书写的一种纯文本文件。主页HomePage，也叫首页，网站的起始页面,网站 VS 网页,网站 是由多个 网页 组成的,静态网页- 不包含服务器端代码的html文件，由浏览器解释执行 扩展名为html、htm； 所有页面信息的更新需要在开发环境下脱机编辑，页面保存后再发布到站点上；无需数据库支持。 动态网页 - 含有服务器端代码，需要先由Web服务器对这些代码进行解释执行，生成客户端代码后再发送给客户端
4、浏览器； 后缀名不能是.htm，常见的有： aspx 、asp 、jsp 、php； 信息可以通过浏览器在线进行编辑，提交后实时更新；常需要后台数据库支持。,静态网页 VS 动态网页,静态网页不包含服务器端代码，而动态网页包含。,网 站,动 态 页 面,静态 页面,静态网站,静态 页面,动态网站,静态 页面,Web数据库,静态 页面,Web程序 页面,前台 页面,后台 页面,网站构成示意,网 站内容组织的结构特点,站点位置：对应磁盘上的一个文件夹，网站中的所有网页和其他资源文件都会放在该文件夹下或其子文件夹下； 网站文件：分类（按栏目或功能）保存在相应的文件夹中，以方便管理和维护； Image
5、s文件夹: 习惯将图片单独保存在该文件夹下； 首页名称: 常命名为default.xxx或index.xxx ，必须放在网站的根目录下。,动态网站与Web应用程序的辨析,Web 应用程序以互联网为运行载体的动态应用程序，主要由动态网页组成，可含少量静态网页； 动态网站提供的服务是依靠Web应用程序实现的，如留言板、论坛、新闻、博客等； Web应用程序以动态网站为运行载体； 习惯上把侧重信息发布的Web应用叫网站，把业务处理比较复杂的Web应用叫网络系统或网络平台； 首先学会网站设计，再学Web程序开发。,几种“应用程序”辨析,桌面应用程序：单机程序，如 记事本、计算器 C/S应用程序：Clie
6、nt/Server(客户/服务器)程序，如 学生考试端 B/S应用程序（Web应用程序）：Brower/Server(浏览器/服务器)程序，如 教学平台,IP地址 VS URL,IP地址：一种在Internet上给主机编址的方式，也称为网际协议地址。常见的IP地址分为IPv4与IPv6两大类。 URL（Universal Resource Locator，统一资源定位器）是Internet上标准的资源的地址 ，每个站点或站点上的每个文件（网页及所有资源文件）都有一个唯一的地址，浏览器是通过URL来定位目标信息的。 URL格式：协议类型:/服务器地址（必要时需加上端口号）/路径/文件名 网址：包
7、括 IP地址和域名地址,IP是主机的地址，URL是网站资源的地址,URL格式举例,URL的一般格式为：协议名:/主机名:端口号/文件夹名/文件名协议名一般有： http（超文本传输协议，用于传送网页）； ftp（文件传输协议，用于传送文件） 例：http:/ sjweb 服务器主机名 已被注册的域名 主机头（主机名.域名） /enjoyment/picture 服务器网站目录下的一个文件夹 index.htm 网页的文件名,浏览器地址栏输入URL时，可以省去http:/ 和80端口号,域名 VS 主机,浏览器输入网址访问网站的过程,域名、主机相关概念,域名（Domain Name ）：是由
8、一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称 。 主机（Host）： Internet上的计算机，此处指服务器。 虚拟主机：在一台主机上可建立多个网站，这些网站的存放方式称为“虚拟主机”，通过Web服务器上设置“主机头”进行区分。（如果直接输入IP，则Web服务器将打开默认网站。） 域名与主机的关系：多对一 域名的作用：1）方便记忆IP地址；2）作为主机头信息识别请求的网站。,一台主机可以有多个域名,Web服务器 VS 浏览器,Web服务器：把用户通过URL访问的网页传送到浏览器端。对动态网页，先解释执行服务器端程序代码生成静态网页代码，再传送给客户端浏览器。,浏览器
9、：解释html代码生成用户看到的网页。,Web服务器为浏览器提供网页内容,最常用的Web服务器,Apache，是世界使用排名第一的Web服务器软件，可以运行在几乎所有的Unix、Windows、Linux系统平台上 ；由Apache软件基金会维护，该组织负责很多项目； IIS (Internet Information Server ,Internet信息服务器) ， Microsoft开发，仅用于Wwindows平台，代表性版本有IIS5.0、IIS6.0，用于解释html、asp、； Tomcat ,由Apache、Sun 和其他一些公司及个人共同开发而成,是Apache 服务器的扩展，用于解释html和java语言开发的程序，如 jsp、Servlet,常见的浏览器,IE7 & IE8 Firefox 3 Netscape Navigator 9,Opera 10 Safari 4 Google Chrome 2,
