第10讲 HTML(三).pptVIP

前面我们介绍的HTML标记都是放在body/body标记之间，今天要给大家介绍两个放在head/head之间的标记：meta标记和base标记。 Dreamweaver 是一种非常优秀的可视化网页制作软件，它提供了丰富的源代码编辑功能，可以让网页制作者随时查看、编辑HTML源代码。 （1）掌握HTML文档头部标记的使用 （2）掌握Dreamweaver 的HTML源代码编辑功能 XHTML是HTML的后继，尽管可以将其认为是HTML的最新版本 。已经发布了3种版本的XHTML，发布这些版本是为了帮助现有Web开发者从HTML向XHTML转变： Transitional XHTML 1.0，该版本仍然允许开发人员使用HTML4.1中的不赞成使用标记，但是要求程序设计人员使用新的更严格的语法。 Strict XHTML 1.0，用于告诉XHTML的向前路径，它不需要逐渐淘汰标记，但是遵从新的更严格的语法。 Frameset XHTML 1.0，该版本用于创建使用框架技术的Web页面，第6章中将介绍框架。 （1）name属性 其可选值有： Generator：用以说明生成工具，这张页面是用什么工具软件做的，如Microsoft FrontPage等。 meta name=Generator“ content=Microsoft FrontPage 3.0 KeyWords：向搜索引擎说明你的网页的关键词 meta name=Keywords content=网站制作，网站维护 Description：告诉搜索引擎你的站点的主要内容 meta name=Description“ content=我们有全球最好的网站维护能力 Author：告诉搜索引擎你的站点的制作的作者 meta name=Author“ content=电脑玩家 （2）http-equiv属性 其可选值有： Content-Type：网页制作所使用的文字字符集 meta http-equiv=Content-Type content=text/html; charset=gb2312 其中text/html是文件类型，charset是字符集合，gb2312表示简体中文。这是比较常用的，一般都要指明，否则浏览器中字符会变成乱码。 Refresh：定时让网页在指定的时间内，跳转到另一页面或刷新本网页。 meta http-equiv=Refresh content=n;url=http://yourlink 这是很有用的东西，n表示秒数字，url表示这张页面要跳转的地址，比如在用户完成登录后由它来自动跳转。 Enter：设定进入页面时的特殊效果 meta http-equiv=Enter content=revealTrans(Duration=2.0,Transition=6) Exit：设定离开页面时的特殊效果 meta http-equiv=Exit content=revealTrans(Duration=3.0,Transition=1) Duration的值为网页动态过渡的时间，单位为秒。 Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下。 注意：刷新页面时，效果是不会出来的，只有在页面跳转时才有效果。 0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗 12 随意溶解 13 从左右两端向中间展开 14 从中间向左右两端展开 15 从上下两端向中间展开 16 从中间向上下两端展开 17 从右上角向左下角展开 18 从右下角向左上角展开 19 从左上角向右下角展开 20 从左下角向右上角展开 21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式 3.利用Dreamweaver添加头部标记 菜单：插入－HTML－文件头标签 查看已有头部标签： 菜单：查看－文件头内容 打开任一网页完成以下操作： 设置网页打开10秒后自动跳转到另一个页面（页面文件自定） 。 设定进入页面时的过渡效果为水平百叶窗，离开页面时的过渡效果为圆形收缩。 打开上次课外拓展完成的网页“HTML实训2.HTM”，完成以下操作 设置网页的标题为：广东纺院 设置网页搜索关键字为：高职院校、广东纺院。 设置网页