网页制作(HTML语言).ppt

网页制作一、网页技术概况
1.静态网页
静态网页是指这个网页不论在何时何地浏览，都将显示相同的画面与内容，且用户仅能浏览，而无法提供信息给网站，也不能让网站响应用户的需求。
静态网页通常以.htm、.html、.xml等为后缀名。纯粹HTML格式的网页通常被称为“静态网页”。
静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。特点：
(1)静态网页的文件名以.htm、.html、.xml等常见形式为后缀；
(2)静态网页的内容相对稳定，容易被搜索引擎检索;
(3)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;
(4)静态网页的交互性较差，在功能方面有较大的限制。
2.动态网页
动态网页是采用动态网站技术生成的网页。
动态网页技术：
①PHP：即超文本预处理器(HypertextPreprocessor)，它是当今Internet上最为火热的脚本语言。它与HTML语言具有非常好的兼容性。PHP提供了标准的数据库接口，数据库连接方便，兼容性强。

②ASP：即ActiveServerPages，由微软开发，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。ASP的最大好处是可以包含HTML标签，在程序编制上比较方便且灵活。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。
③JSP：即JavaServerPages，它是由SunMicrosystem公司于1999年6月推出的新技术，是基于JavaServlet以及整个Java体系的Web开发技术。JSP和ASP在技术方面有许多相似之处，不过两者来源于不同的技术规范组织，以至ASP一般只应用于WindowsNT/2000平台，而JSP则可以在85％以上的服务器上运行，而且基于JSP技术的应用程序比基于ASP的应用程序易于维护和管理，所以被许多人认为是未来最有发展前途的动态网站技术。
3.静态网页和动态网页
⑴静态网页，动态网页主要根据网页制作的语言来区分：
静态网页使用语言：HTML；
动态网页使用语言：HTML＋ASP或HTML＋PHP或HTML＋JSP等。
3.静态网页和动态网页
⑵程序是否在服务器端运行，是重要标志：
在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net等；
运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等，它们是永远不变的。
3.静态网页和动态网页
⑶静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少。
如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。二、HTML简介
HTML不是一种程序，它只是一种控制网页中资料显示的标识语言。
HTML中定义了一系列标签。这些标签用于控制网页的文档格式、字符格式及段落格式等，还包括为达到网页的交互效果而对脚本语言和Java小程序等的支持和调用规则。
●因为HTML是一个文本文件，所以可以使用任何一个文本编辑器进行编写(Windows记事本)。
●在保存HTML文件时，需保存为纯文本文件，并用
.html或.htm作为扩展名。
●HTML文件是运行在Web浏览器上的，通过浏览器解释执行。三、HTML的基本结构
1、HTML标签
⑴一个HTML文件是由一系列的元素和标签组成的。
●元素是HTML文件的重要组成部分，如：
title(文件标题)、img(图像)及table(表格)等。元素名不区分大小写。
●HTML用标签来规定元素的属性和它在文件中的位置。
⑵HTML标签分为单标签和成对标签。
●成对标签的语法：
<元素名称>要控制的元素</元素名称>
例：<title>第一个网页</title>
该标签用于界定标题元素的范围，即<title>和
</title>标签之间的部分是此HTML文件的标题。
●单标签语法：<元素名称>
例：<br>表示在当前位置插入一个换行符。
注：HTML标签不区分大小写。⑶标签属性
一个标签为了明确它的功能，往往用一些属性参数来描述。标签属性是用于控制标签中元素的显示效果，如颜色、对齐方式等。
这些属性位于所建立元素的首标签。
●语法：
<元素名称属性1=“值1”属性2=“值2”…>
要控制的元素
</元素名