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

1、由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML 数据与表现混杂，页面要改变显示，就必须重新制作HTML W3C 不再继续开发HTML 可扩展HTML W3C制定，2000年1月20 日发布XHTML 1.0。HTML向XML过度的一个桥梁2002年8月5日，发布XHTML 2.0的第一个工作草案。,可扩展标记语言XML,可扩展标记语言XMLXML（eXtensible Markup Language），1998年2月10日，XML工作组正式向W3C提交了XML的最终推荐标准，这就是XML 1.0标准。核心思想实现数据和显示的分离 XML地构成DTD、XML架构等基

2、本要素元规范 相应规范可扩展样式语言XSLXML路径语言XPathXML查询语言Xquery可扩展连接语言XLL及XML文档对象模型DOM简单应用程序接口SAX等,DHTML和SHTML技术,DHTML技术与Web开发相关的技术或者说开发模式，不是规范涉及的内容HTML4.0规范 客户端脚本语言CSSL（Clent-SideScriptingLanguage）文档对象模型DOM（DocumentObjectModel），它将网页中的内容抽象成对象，每个对象拥有各自的属性（Properties）、方法（Method）和事件（Events），可以通过上面的客户端脚本语言编程控制 层叠样式表单CSS

3、技术 SHTML技术SHTML不是一种HTML规范，而是一种网站设计、开发与维护技术 是一种Web服务器API，其指令可以在Web服务端运行，以产生动态的html，是一种类似于ASP的基于服务器的网页制作技术,3.2 超文本标记语言HTML,HTML标记语法和文档结构文件头标记及子标记文件体标记及其属性 文档内容常用标记表格（table）表单（form）层次块标记对象和脚本程序标记 层叠样式表CSS技术 帧（frame）,HTML标记语法,HTML标记语法标记（Tag）标记由封装在小于号（）构成的一对尖括号之中 一般形式：文档内容 例如：link text标记类型与标记属性单标记 双标记 标记

4、属性 例如：,HTML文档结构,头部信息 文档主体（语句部分）,文件头标记及子标记,文件头标记对之间的部分称为文件头子标记标记 标记 标记 标记 背景音乐标记,标记,标记 用于标识网页主题，其中的内容将在浏览器的标题栏中显示，不出现在页面内 举例计算机基础网络教学平台GSL3.0,标记,标记为单标记，没有尾标记。为单标记，没有尾标记。标记属性http-equiv属性name属性,标记-http-equiv属性,http-equiv属性http-equiv相当于HTTP的文件头，向浏览器传回信息，以正确显示网页内容 http-equiv属性参数值content-type（显示字符集的设定），设定

5、页面使用的字符集。expires（期限），用于设定网页的到期时间 pragma（Cache模式），禁止浏览器从本地计算机的缓存中访问页面内容，该种设定访问者将无法使用脱机浏览功能 refresh（刷新），自动刷新并指向新页面。window-target（显示窗口的设定），强制页面在当前窗口以独立页面显示，可以用来防止别人在框架里调用自己的页面,标记-name属性,name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息用的。name属性参数值keywords（关键字），keywords用来告诉搜索引擎该网页的关键字是什么。des

6、cription（网站内容描述），description用来告诉搜索引擎网站的主要内容 author（作者），标注网页的作者 robots（机器人向导），robots用来告诉搜索机器人需要索引的页面有哪些。,标记,标记标记定义了文档的基础URL地址，在文档中所有的相对地址形式的URL都是相对于这里定义的URL而言的。文档中的标记不能多于一个，必须放于头部，并且应该在任何包含URL地址的语句之前 标记属性href属性，指定了文档的基础URL地址，该属性在标记中是必须存在的。target属性 target属性同框架一起使用，它定义了当文档中的链接被点击后，在哪一个框架中展开页面。常用的target

7、的属性值有：_blank，_self，_parent，_top 表明页面上所有的链接都在新窗口打开,标记,标记标记定义了文档之间的包含。在HTML的头部可以包含任意数量的标记 标记属性type，用于指定被包含的文件类型。例如，text/css是指包含一个层叠样式表文件。href，指向被包含资源的url地址。title，一个字符串，用于描述该链接关系。rel，定义HTML文档和所要包含资源之间的链接关系 例如：,文件体标记,标记在标记对之间的部分称为html文档的文件体。文件体中描述的是浏览器中显示的内容。在标记对之间可包含、等标记，它们所定义的文本、图像以及超链接等将会在浏览器中显示。标记属性

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

9、单标记。标记属性width,代码：,文本格式标记,字体标记 常用的属性有face、size和color，分别设置字体、文字大小和颜色。粗体、斜体和下划线标记、字体放大、缩小、上标和下标显示标记、标记和标记类似，都是字体加粗标记。标记和标记类似，是斜体强调标记。为打字字体 Courier字体，字母等宽标记。为传记引述斜体效果标记。,文本格式标记（举例）,标记的联合使用举例,图像标记,图像标记 单标记，用以插入图像 标记属性align：设置图像的对齐方式 id：指定的图片id号，用于对图像的程序访问class：指定图像所属的类型（样式类）name：用于设定图像的名称，用于对图像的程序访问。src：

10、设置插入图像的url地址，即插入图像的路径和文件名。title：属性值为一字符串，鼠标指向图片时，鼠标右下角显示标题文本。alt：设置图像替代文字，主要用于在浏览器还没有装入图像（或关闭图像显示）的时候，此图像的显示信息。border：设置图片边框。height和width：分别用于设置图像的高度和宽度 hspace和vspace：分别用于设置图像的左右边框大小和上下边框大小。ismp和usemap：在应用图像地图（map）时使用。事件属性,图像标记（Exa）,Title属性如果在提示信息中，需要换行，可以使用“泰山日出,例2-2图像标记的应用示例,Taishan Introduction,例

11、2-2图像标记的应用示例（显示结果）,在浏览器中的显示,超链接标记,超链接的分类 文本超链接 字符串 图片超链接 定义书签书签文本标记其它常用属性target属性，定义超链接打开的目标窗口。_self（相同框架），_blank（新建窗口），_top（整页），_parent（父窗口）。title属性，属性值为一字符串，鼠标指向超链接时，鼠标右下角显示标题文本。onclick事件属性,例2-3超链接标记使用示例,Shandong Travel美丽的山东济南 青岛 曲阜 泰山 烟台 威海 日照济南青岛主要旅游网返回关闭窗口,例2-3 显示网页,在浏览器中的显示,影像地图标记,什么是影像地图所谓影像地

12、图，就是在一个图片上定义一系列区域，每个区域对应一个超链接。标记形式 热点标记（）属性href属性，用于设定该热点所链接的url地址。shape和coods属性，shape和coords是两个主要的参数，用于设定热点的形状和大小。shape=“rect”，shape=“circle”，shape=poligon,在Frontpage 2003中设置影像地图标记,首先插入一幅图片，然后在图片上右单击，执行“显示图片工具栏”命令，即可定义热点区域。,走马灯标记,“走马灯”标记用于标记一行或多行滚动的文本，也可以将文本带有超链接，以增加网页的动态效果。标记常用属性align属性，设定活动字幕的位置，

13、取值可以是left、center、right、top或bottom。bgcolor属性，设定活动字幕的背景颜色，一般是十六进制数。direction属性，设定活动字幕的滚动方向，取值可以是left、right、up或down。behavior属性，设定滚动的方式，主要有三种方式：behavior=“scroll”表示由一端滚动到另一端；behavior=“slide”表示由一端快速滑动到另一端，且不再重复；behavior=“alternate”表示在两端之间来回滚动。height和width属性，设定滚动字幕的高度和宽度。hspace和vspace属性，设定滚动字幕的左右边框和上下边框的宽度。scrollamount属性，设定活动字幕的滚动距离。scrolldela