文档介绍：第第1 1章章网页设计简介网页设计简介主要内容?了解万维网的用途?了解万维网的用途?了解网页设计的基本概念?了解网页设计的基本概念?认识 HTML 、 CSS 、 JavaScript ?认识 HTML 、 CSS 、 JavaScript 万维网概述? WWW ( World Wide Web )是一个基于超文本( Hypertext )方式的信息检索服务工具。?术、商业广告、公共关系、大众媒体和娱乐等多方面起着愈来愈重要的作用。? t 上最受欢迎的应用之一,它的出现极大的推动了 的推广。?、易于人们掌握的超文本开发语言 HTML 、信息资源的统一定位格式 URL 和超文本传送通信协议 HTTP ,用户掌握后可以很容易地建立自己的网站。 网站运行原理及开发技术?浏览器发起请求( IE 、FF ) ? 传递( HTTP 协议) ? Web 服务器处理请求( Apache 、 IIS ) ?服务器程序访问数据库( PHP 、 JSP 、 ASP ) ?返回数据库结果?生成 HTML 页面?传递 HTML 页面?显示 HTML 页面 网站运行原理及开发技术? PHP –基于开放源代码( Open Source ,简称开源)的多平台开发工具,约占全球 50% 以上。–开发工具为: LAMP+Eclipse ,数据库一般 MySQL 。? ASP ( .NET ) –基于 Windows 的 WEB 开发技术,具有简单易学、操作简单的特点,数据库为 MS SQL 。–开发平台为 Visual Studio 2003/2005/2008/2010 。? JSP –基于 JAVA 的 Web 开发语言,具有跨平台特点。–开发工具为 Eclipse ,数据为 Oracle 、 MySQL 等。 HTML 语言? HTML 是 Hypertext Markup Language 的英文缩写,即超文本标记语言,它是构成 Web 页面( Page )的主要工具。?用 HTML 编写的超文本文档称为 HTML 文档,它是由很多标记组成的一种文本文件, HTML 标记可以说明文字、图形、动画、声音、表格、链接等。?使用 HTML 语言描述的文件,能独立于各种操作系统平台(如 UNIX , WINDOWS 等),访问它只需要一个页,是浏览器对 HTML 文件进行解释的结果。 HTML 语言?新浪网的首页–可以通过浏览器直接查看一个页面的 HTML 源代码,例如在IE浏览器菜单栏上选择“查看?源文件”即可。 网页设计相关概念?超链接–超链接((Hyper Link)) 是特殊的文字标识,它指向了、声音、文件、网页的一个段落或者在任何一个服务器上。在网页中,一个超链接可以是一些文字也可以是一张图片。 网页设计相关概念?统一资源定位器–统一资源定位器(Uniform Resource Locator ,URL) 用于描述 上资源的位置和访问方式。–下面是新华网一个网页的网址: http://news./zlft/2009- 02/28/ 网页设计相关概念?基本语法: –scheme:// :port /path/filename ?语法说明: –URL 通常包括三个部分,第一部分是 Scheme ,告诉浏览器该如何工作,第二部分是文件所在的主机,第三部分是文件的路径和文件名。–Scheme :定义因特网服务的类型,告诉浏览器如何解析将要打开的文件内容。最流行的类型是 http ,其他的参见表 1-1 。 domain (域):定义因特网域名,比如: 。–host (主机):定义此域中的主机。如果被省略,缺省的支持 http 的主机是 www ,上例中是 news 。– port( 端口):定义服务的端口号,端口号通常是被省略的。 http 默认的端口号是 80。– path (路径):定义服务器上的路径(一个辅助的路径)。如果路径被省略,资源(文档)会被定位到网站的根目录,上例中是“zlft/2009- 02/28/ ”。– filename (文件名):定义文档的名称。上例中是“ ”。