静态网页设计-总结.pptVIP

1.1 Web服务器工作原理、相关术语及概念 Web概述 Web是英文World Wide Web的简称 Web中文译名万维网，是Internet提供的一项服务 Web是目前最成功、最流行的超文本系统。 1.1 Web服务器工作原理、相关术语及概念 Web工作原理 1.1 Web服务器工作原理、相关术语及概念 Web工作原理 客户机和WWW服务器之间的通信通常分为三个步骤： 1、首先，客户机通过浏览器向服务器发送HTTP请求，请求一个特定的网页； 2、然后，服务器接收这个请求，找到所请求的网页，用HTTP协议再将这个网页通过Internet发送给客户机； 3、最后，客户机接收这个网页，并将其显示在浏览器中。 1.1 Web服务器工作原理、相关术语及概念 URL概述 URL是Uniform Resource Location的缩写，译为“统一资源定位符”。 通俗地说，URL是Internet上用来描述信息资源的字符串,用一种统一的格式来描述各种信息资源。 1.1 Web服务器工作原理、相关术语及概念 URL组成 URL由三部分组成 第一部分是协议（或称为服务方式）； 第二部分是存有该资源的主机IP地址（有时也包括端口号）； 第三部分是主机资源的具体地址。如目录和文件名等。 1.1 Web服务器工作原理、相关术语及概念 URL实例 / info_19626.html 8/ / 第一部分和第二部分之间用“：//”符号隔开，第二部分和第三部分用“/”符号隔开。第一部分和第二部分是不可缺少的，第三部分有时可以省略。 1.2 网页和网站 网页与网站的关系 网页就是通过浏览器在 Internet上看到的页面，英文名称为 Web Page； 网站也称为站点，英文名称为 Web Site，是多个网页的集合，这些网页通过链接而被组织起来，他们具有共享的属性，例如相同的主题或目标。 1.2 网页和网站 主页 也叫首页，主页(Homepage)是网站中的一个特殊页面，它专指一个网站的首页。具体的说它是作为一个组织或个人在网络上站点开始点的页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如叫做index.htm 或 index.html等。 1.3 网页类型 网页类型分类 根据网页制作的语言，可以将网页分为静态网页和动态网页。静态网页使用的语言是HTML,动态网页使用的语言有HTML+ASP、HTML+PHP或HTML+JSP等。 1.3 网页类型 静态网页的基本特点 1、每个网页都有一个固定的URL，且URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。 2、网页内容一经发布，无论是否有用户访问，内容都是保存在网站服务器上的。 3、静态网页的内容相对稳定，因此容易被搜索引擎检索。 4、静态网页没有数据库的支持。 5、静态网页的交互性较差，在功能方面有较大的限制。 1.3 网页类型 动态网页的基本特点 1、动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 2、采用动态网页技术的网站可以实现更多的功能。 3、动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 4、动态网页中的“？”对搜索引擎检索存在一定的问题。 1.4 网页的基本构成元素 网页的基本构成元素 1、文本 网页中的信息主要是以文本为主的。 2、图像 一般图片被用于Logo, Banner,背景图等方面。 3、超链接 超链接是网站的灵魂，超链接可以是文字或者图片。 4、表格 表格是网页排版的灵魂 1.4 网页的基本构成元素 网页的基本构成元素 5、表单 表单是用来收集站点访问者信息的域集。 6、导航栏 导航栏就是一组超链接，用来方便地浏览站点。 7、动画 动画是网页上最活跃的元素，包括GIF动画和FLASH动画。 8、框架 框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。 1.6 网页制作常用工具和语言 网页制作常用工具 1．FrontPage（排版） 2．Dreamweaver（排版） 3．Fireworks （美化） 4．Photoshop（美化） 5．Flash （美化） 6.记事本 7.vs2005或vs2008 2.1 HTML网页技术简介 HTML（Hypertext Markup Language) 超文本标记语言,是用于描述网页文档的一种标记语言。 HTML并不是一种程序，它