web技术开发PPT格式课件下载.ppt

web技术开发PPT格式课件下载.ppt

《web技术开发PPT格式课件下载.ppt》由会员分享，可在线阅读，更多相关《web技术开发PPT格式课件下载.ppt（93页珍藏版）》请在冰豆网上搜索。

由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML数据与表现混杂，页面要改变显示，就必须重新制作HTMLW3C不再继续开发HTML可扩展HTMLW3C制定，2000年1月20日发布XHTML1.0。

HTML向XML过度的一个桥梁2002年8月5日，发布XHTML2.0的第一个工作草案。

可扩展标记语言XML,可扩展标记语言XMLXML（eXtensibleMarkupLanguage），1998年2月10日，XML工作组正式向W3C提交了XML的最终推荐标准，这就是XML1.0标准。

核心思想实现数据和显示的分离XML地构成DTD、XML架构等基本要素元规范相应规范可扩展样式语言XSLXML路径语言XPathXML查询语言Xquery可扩展连接语言XLL及XML文档对象模型DOM简单应用程序接口SAX等,DHTML和SHTML技术,DHTML技术与Web开发相关的技术或者说开发模式，不是规范涉及的内容HTML4.0规范客户端脚本语言CSSL（Clent-SideScriptingLanguage）文档对象模型DOM（DocumentObjectModel），它将网页中的内容抽象成对象，每个对象拥有各自的属性（Properties）、方法（Method）和事件（Events），可以通过上面的客户端脚本语言编程控制层叠样式表单CSS技术SHTML技术SHTML不是一种HTML规范，而是一种网站设计、开发与维护技术是一种Web服务器API，其指令可以在Web服务端运行，以产生动态的html，是一种类似于ASP的基于服务器的网页制作技术,3.2超文本标记语言HTML,HTML标记语法和文档结构文件头标记及子标记文件体标记及其属性文档内容常用标记表格（table）表单（form）层次块标记对象和脚本程序标记层叠样式表CSS技术帧（frame）,HTML标记语法,HTML标记语法标记（Tag）标记由封装在小于号（）构成的一对尖括号之中一般形式：

文档内容例如：

linktext标记类型与标记属性单标记双标记标记属性例如：

HTML文档结构,头部信息文档主体（语句部分）,文件头标记及子标记,文件头标记对之间的部分称为文件头子标记标记标记标记标记背景音乐标记,标记,标记用于标识网页主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内举例计算机基础网络教学平台GSL3.0,标记,标记为单标记，没有尾标记。

为单标记，没有尾标记。

标记属性http-equiv属性name属性,标记-http-equiv属性,http-equiv属性http-equiv相当于HTTP的文件头，向浏览器传回信息，以正确显示网页内容http-equiv属性参数值content-type（显示字符集的设定），设定页面使用的字符集。

expires（期限），用于设定网页的到期时间pragma（Cache模式），禁止浏览器从本地计算机的缓存中访问页面内容，该种设定访问者将无法使用脱机浏览功能refresh（刷新），自动刷新并指向新页面。

window-target（显示窗口的设定），强制页面在当前窗口以独立页面显示，可以用来防止别人在框架里调用自己的页面,标记-name属性,name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息用的。

name属性参数值keywords（关键字），keywords用来告诉搜索引擎该网页的关键字是什么。

description（网站内容描述），description用来告诉搜索引擎网站的主要内容author（作者），标注网页的作者robots（机器人向导），robots用来告诉搜索机器人需要索引的页面有哪些。

标记,标记标记定义了文档的基础URL地址，在文档中所有的相对地址形式的URL都是相对于这里定义的URL而言的。

文档中的标记不能多于一个，必须放于头部，并且应该在任何包含URL地址的语句之前标记属性href属性，指定了文档的基础URL地址，该属性在标记中是必须存在的。

target属性target属性同框架一起使用，它定义了当文档中的链接被点击后，在哪一个框架中展开页面。

常用的target的属性值有：

_blank，_self，_parent，_top表明页面上所有的链接都在新窗口打开,标记,标记标记定义了文档之间的包含。

在HTML的头部可以包含任意数量的标记标记属性type，用于指定被包含的文件类型。

例如，text/css是指包含一个层叠样式表文件。

href，指向被包含资源的url地址。

title，一个字符串，用于描述该链接关系。

rel，定义HTML文档和所要包含资源之间的链接关系例如：

文件体标记,标记在标记对之间的部分称为html文档的文件体。

文件体中描述的是浏览器中显示的内容。

在标记对之间可包含、等标记，它们所定义的文本、图像以及超链接等将会在浏览器中显示。

标记属性一般属性事件属性,标记属性-1,标记一般属性,标记属性-2,标记事件属性,一个简单HTML文档示例,文本编辑器,一个简单HTML文档示例（Cont1）,使用FrontPage编辑,一个简单HTML文档示例（Cont2）,在浏览器中打开,文档内容常用标记,标题、段落标记文本格式标记字体标记粗体、斜体和下划线标记图像标记超链接标记影像地图标记走马灯标记注释标记,标题标记,标题标记标记属性Align,使用IntelliSense技术查看标记属性,段落标记、换行标记,段落标记，标记一个段落，输出位置转到下一行开始，并增加一个空行。

标记属性,水平线标记,段落标记水平线标记，插入一条水平线。

单标记。

标记属性width,代码：

文本格式标记,字体标记常用的属性有face、size和color，分别设置字体、文字大小和颜色。

粗体、斜体和下划线标记、字体放大、缩小、上标和下标显示标记、标记和标记类似，都是字体加粗标记。

标记和标记类似，是斜体强调标记。

为打字字体Courier字体，字母等宽标记。

为传记引述斜体效果标记。

文本格式标记（举例）,标记的联合使用举例,图像标记,图像标记单标记，用以插入图像标记属性align：

设置图像的对齐方式id：

指定的图片id号，用于对图像的程序访问class：

指定图像所属的类型（样式类）name：

用于设定图像的名称，用于对图像的程序访问。

src：

设置插入图像的url地址，即插入图像的路径和文件名。

title：

属性值为一字符串，鼠标指向图片时，鼠标右下角显示标题文本。

alt：

设置图像替代文字，主要用于在浏览器还没有装入图像（或关闭图像显示）的时候，此图像的显示信息。

border：

设置图片边框。

height和width：

分别用于设置图像的高度和宽度hspace和vspace：

分别用于设置图像的左右边框大小和上下边框大小。

ismp和usemap：

在应用图像地图（map）时使用。

事件属性,图像标记（Exa）,Title属性如果在提示信息中，需要换行，可以使用“泰山日出,例2-2图像标记的应用示例,TaishanIntroduction,例2-2图像标记的应用示例（显示结果）,在浏览器中的显示,超链接标记,超链接的分类文本超链接字符串图片超链接定义书签书签文本标记其它常用属性target属性，定义超链接打开的目标窗口。

_self（相同框架），_blank（新建窗口），_top（整页），_parent（父窗口）。

title属性，属性值为一字符串，鼠标指向超链接时，鼠标右下角显示标题文本。

onclick事件属性,例2-3超链接标记使用示例,ShandongTravel美丽的山东济南青岛曲阜泰山烟台威海日照济南青岛主要旅游网返回关闭窗口,例2-3显示网页,在浏览器中的显示,影像地图标记,什么是影像地图所谓影像地图，就是在一个图片上定义一系列区域，每个区域对应一个超链接。

标记形式热点标记（）属性href属性，用于设定该热点所链接的url地址。

shape和coods属性，shape和coords是两个主要的参数，用于设定热点的形状和大小。

shape=“rect”，shape=“circle”，shape=poligon,在Frontpage2003中设置影像地图标记,首先插入一幅图片，然后在图片上右单击，执行“显示图片工具栏”命令，即可定义热点区域。

走马灯标记,“走马灯”标记用于标记一行或多行滚动的文本，也可以将文本带有超链接，以增加网页的动态效果。

标记常用属性align属性，设定活动字幕的位置，取值可以是left、center、right、top或bottom。

bgcolor属性，设定活动字幕的背景颜色，一般是十六进制数。

direction属性，设定活动字幕的滚动方向，取值可以是left、right、up或down。

behavior属性，设定滚动的方式，主要有三种方式：

behavior=“scroll”表示由一端滚动到另一端；

behavior=“slide”表示由一端快速滑动到另一端，且不再重复；

behavior=“alternate”表示在两端之间来回滚动。

height和width属性，设定滚动字幕的高度和宽度。

hspace和vspace属性，设定滚动字幕的左右边框和上下边框的宽度。

scrollamount属性，设定活动字幕的滚动距离。

scrolldela