第四章网页制作.pptVIP

第四章 网页制作 知识网络图 重点、难点 网站由网站服务器和相关网页构成，本章将介绍常用的页面语言，以及所见即所得的页面制作工具Frontpage，并配合实例讲解页面的制作过程。 重点:用frontpage制作页面，frontpage使用方法。 难点:页面语言HTML 。 4.1 页面语言简介 HTML语言是页面制作的基础语言 页面语言如CSS、JAVASCRIPT、PHP、ASP、JSP都是以HTML为基础，嵌入到HTML页面中 按照服务器端和客户端分类 HTML、CSS、JAVASCRIPT是基于浏览器的客户端语言 PHP、ASP、JSP是基于WEB服务器的服务器端语言。 1．Html语言 HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标记语言 用HTML编写的超文本文档称为HTML文档 它能独立于各种操作系统平台（如UNIX，WINDOWS等）。 自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述网页的格式设计和它与WWW上其它网页的连结信息。 HTML语言是通过各种标记（tags）来标识文档的结构以及标识超链接的信息。 HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列 最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。 2. CSS层叠样式表 CSS（Cascading Style Sheet 层叠样式表）是用于增强、控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 使用CSS格式化页面、控制字体、布局、颜色等，可以快捷、灵活设置页面中文本的字体、对齐方式以及其他格式。 CSS可以将文本和图形融合在一起，使Web站点表现更加丰富，更易于管理和维护。 3．Javascript语言 JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。 目的：与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。 通过嵌入或调入在标准的HTML语言中实现的。 优点：弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有简单性、动态的、与操作系统无关性等特点。 4．Php语言 PHP(PHP: Hypertext Preprocessor，超文本预处理器的字母缩写)是一种嵌入在 HTML 并由服务器解释的脚本语言。 用于管理动态内容、支持数据库、处理会话跟踪，甚至构建整个电子商务站点。 支持许多流行的数据库，包括 MySQL、PostgreSQL、Oracle、Sybase、Informix 和 Microsoft SQL Server等。 PHP 能够用在所有的主流操作系统上，支持大多数的WEB服务器，包括Apache、IIS等。 PHP代码是运行在服务端的。 如果在服务器上建立了php代码文件，则在运行该脚本文件后，客户端就能接收到其结果，但他们无法得知其背后的代码是如何运作的。 类似的服务器端语言还有ASP、JSP等。 5．XML语言 XML（eXtensible Markup Language，扩展标记语言）是近年来十分热门的标记(Markup)语言，它是HTML的补充，并不是HTML的升级替代版 XML是用来描述数据的，而HTML则是用来解决如何显示数据的，也就是说它们之间是合作的 与HTML一样也是文本文件，以.xml为扩展名。 XML数据处理能力很强大，因此自从XML规格于1996年底被提出后，就一直成为网络上处理电子商务，数据仓库，数据交换，多媒体传输，化学及其他专业领域应用程序的主要解决方案。 4.2 编辑软件Frontpage简介 FrontPage是微软公司推出的一个“所见即所得”的网页制作工具。无论是创建单个Web页面，还是规划、建设和维护大型网站，FrontPage都非常方便 。 Frontpage 编辑时有四种视图： “设计”视图：用来编辑设计网页内容； “代码”视图：用来观看Frontpage自动生成的HTML代码； “拆分”视图：把窗口分为两部分，一部分为代码视图，一部分为设计视图； “预览”视图：演示网页效果。 FrontPage所提供的功能有： 创建页面的向导和摸板、可导入各种模式的已有文件、可导入各种类型的图形文件、可随时插入表单、组件并进行控制、随时查看并运行页面框架和表格。 使用FrontPage提供的网站模板建立一个个人网站 4.3 HTML基本语法 HTML语言是页面制作的基础语言，FrontPage所制作的页面，是以HTML语言