[教育学]网页设计第5讲 HTML3.pptVIP

引入 Dreamweaver 8是一种非常优秀的可视化网页制作软件，它提供了丰富的源代码编辑功能，可以让网页制作者随时查看、编辑HTML源代码。 前面我们介绍的HTML标记都是放在body/body标记之间，今天要给大家介绍两个放在title/title之间的标记：meta标记和base标记。 本次课的教学目标 掌握Dreamweaver 8的HTML源代码编辑功能 掌握HTML文档头部标记的使用 （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 随机产生一种过渡方式 课外拓展实践 打开上次课完成的“HTML实训3.HTM”，完成以下操作后按原文件名存盘并上交。 设置网页的标题为：广东纺院 设置网页搜索关键字为：高职院校、广东纺院。 设置网页打开30秒后自动跳转到另一个页面。 设定进入页面时的过渡效果为垂直百叶窗，离开页面时的过渡效果为圆形收缩。 2．基址标记 base href= 使用基址对象可以设置页面中所有文档相对路径相对的基本URL。 * * * 11.2　Dreamweaver的HTML源代码编辑功能 Dreamweaver 8的编辑环境中提供了三种视图模式：“代码”、“拆分”、“设计”，这三种视图都可以通过单击“文档”工具栏上左边的按钮进行快速切换。 11.2.1　Dreamweaver的三种视图模式 （1）在站点“长沙世界之窗”下创建文件夹“12HTML语言”，在“文件”面板中单击选中刚才新建的子文件夹“12HTML语言”，单击鼠标右键，在弹出的快捷菜单中单击 【新建文件】，在子文件夹“12HTML语言”中便会创建一个默认名称为“untitled.html”的网页文档。 11.2.2　利用代码视图制作HTML网页 （2）将新建的网页重命名为“12.html”，在“文件”面板中双击该名称打开该网页。 （3）