网页的设计第1章.pptVIP

第1章 网页的基础知识 WWW简介 网页制作的技术和工具介绍 1.1 WWW简介 WWW（World Wide Web，万维网）服务也称为Web服务，是Internet用户最喜爱的信息查询工具。遍布于世界各地的Web服务器，为上网浏览者提供了图文并茂的Web页（网页），使Internet用户可以有效地交流信息，从天气预报、班机时刻到股市行情，从政府公报、学术成果到企业产品，几乎应有尽有。可以说Internet的迅速流行在很大程度上应该归功于WWW，正是由于它的出现，把地球上的信息资源带进了一个全球范围的交互式环境。 1. 超文本 超文本（Hypertext）是WWW的信息组织方式，也是WWW实现的关键技术之一。 超文本采用一种非线性的网状结构来组织信息，采用这种网状结构，各信息块很容易按照人们的“联想”关系加以组织。 2. WWW的工作方式 WWW是以超文本标记语言（HTML，Hypertext Markup Language）与超文本传输协议（HTTP，Hypertext Transfer Protocol）为基础，能够提供面向Internet服务的、一致的用户界面的信息浏览系统。 3. 浏览器和服务器 WWW浏览器是用来浏览Internet上的Web页面的客户端软件。WWW浏览器为用户提供了寻找Internet上内容丰富、形式多样的信息资源的便捷途径。 目前最流行Web浏览器软件有Microsoft公司的Internet Explorer和Netscape公司的Navigator。 4. URL地址 在Web上的任何可用资源（包括HTML文档、图像、视频、程序等等）都有一个地址，称为统一资源定位符URL（Uniform Resource Locator）。“资源”是指在网络上所能获取的文字、图像、声音、动画等资料的统称，这些资料实际上都是以各种不同格式的“文件”类型存在，分散于各地的电脑主机中；而“定位符”的目的就是要指出这些资料的所在处。 在WWW上，每一信息资源都有统一的且在网上唯一的地址，这个地址就是URL。Web浏览器通过使用URL来对互联网上的资源进行定位。 网页和网站 网页 一般又称HTML文件，通过URL识别和存取 网站 根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 首页Homepage 又称主页，访问网站看到的第一个页面，文件名一般默认为index或default 页面组成元素 1．LOGO 2．BANNER 3．导航栏 4．文本和图像 5．动画 6．超链接 7．表单 8．声音和视频 1.2 网页制作的技术和工具 1. 网页制作中的技术知识 HTML语言是网页制作的基础，是初学者必学的内容。但是，要编写一个出色的Web页面只靠了解和掌握普通的HTML是远远不够的，许多技术适时地加入了Web页面的编写过程，可以把它们看作是自成一体的Web页面编制技术，但实际上它们更像是HTML的有力补充。这些“技术”中，比较有代表性的有DHTML、Java Applet、CGI、ASP、PHP、JSP和XML等。 (1) HTML HTML即HyperText Markup Language，中文翻译为“超文本标记语言”，它是一种用特殊标记来描述文档结构和表现形式的语言，由W3C（World Wide Web Consortium）所制定和更新。它利用标记（tag）来描述网页中文字的字体、大小、颜色及页面布局等等，使用任何的文本编辑器都可以对它进行编辑。 网页就是由HTML语言编写出来的。通常我们看到的网页，都是以htm或html后缀结尾的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。 (2) DHTML（Dynamic HTML） DHTML包含了4个部分：HTML、CSS、DOM和脚本语言（Javascript和VBscript）。 CSS（Cascading Style sheets，层叠样式表）可以使网页的内容和结构版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。并且通过CSS可以使用更丰富、更灵活的样式，更简单设计出更美观的网页。 CSS最基本的概念在于可将网页要展示的内容与样式设定分开，也就是将网页的外观设定信息从网页内容独立出来，并集中管理。 (3) 脚本语言 从本质上讲，脚本语言是一种描述性语言，常用的脚本语言有JavaScript和VBScript，脚本语言是HTML一个有力的补充。 JavaScript是一种基于对象和事件驱动并具有