延安大学：《网页制作基础教程》课程PPT教学课件_第二章 网页头部

网页制作基础教程 牛永洁 延安大学计算机学院

网页制作基础教程 延安大学计算机学院 牛永洁

内容框架 ■网页头部所包含的内容. 网页主体所包含的内容body>

内容框架 ▪ 网页头部所包含的内容… ▪ 网页主体所包含的内容…

网页头部 网页头部的信息一般不在网页中显示 网页头部的信息一般包含两个大的部分 标题 >元信息

网页头部 ▪ 网页头部的信息一般不在网页中显示 ▪ 网页头部的信息一般包含两个大的部分 ➢标题 ➢元信息

网页头部标數 命令名称:tte..,tle 作用:说明网页的主要内容或者用途 显示位置:E浏览器的标题栏上

网页头部标题 ▪ 命令名称: ….. ▪ 作用：说明网页的主要内容或者用途 ▪ 显示位置：IE浏览器的标题栏上

网页头部元信息 命令名称 ■作用:能够提供网页的关键字、作者、描 述等信息,这些信息对于网站比较重要 个数:在一个网页中可以有多个元信息 命令格式 其中name, content称为命令meta的属性

网页头部元信息 ▪ 命令名称: ▪ 作用：能够提供网页的关键字、作者、描 述等信息，这些信息对于网站比较重要 ▪ 个数：在一个网页中可以有多个元信息 ▪ 命令格式 其中name，content称为命令meta的属性

头部元信息 meta name="description"content=MEn 最好的音乐播放器”/> meta name="generatoR content="FrontPage /> meta name=“ author" content=“牛永洁

头部元信息 ▪ ▪ ▪ meta name=“generator” content=“FrontPage” /> ▪ meta name=“author” content=“牛永洁” />

头部元信息 限制搜索方式 < meta name=“ robots content 属性值 说明 all ‖能搜索当前页及其链接的网页 index 能搜索当前页 nofollow 不能搜索当前页链接的网页 I noindex 不能搜索当前页 none 不能搜索当前页及其链接的网页

头部元信息 ▪ 限制搜索方式 ▪ 属性值 说明 all 能搜索当前页及其链接的网页 index 能搜索当前页 nofollow 不能搜索当前页链接的网页 noindex 不能搜索当前页 none 不能搜索当前页及其链接的网页

头部元信息 定义网页 的定时跳转 定义网页文字及编码方式 metahttp-equiv=content-type content=“ text/html; charset=gb2312

头部元信息 ▪ 定义网页 的定时跳转 ▪ 定义网页文字及编码方式 <meta http-equiv=“content-type” content=“text/html;charset=gb2312

头部元信息 定义网页的过渡效果 过渡事件分为两种:page- enter, page- exist 过渡时间以秒为单位

头部元信息 ▪ 定义网页的过渡效果 ▪ 过渡事件分为两种：page-enter,page-exist ▪ 过渡时间以秒为单位

编号过渡方式 编号过渡方式 0盒状收缩 12随意溶解 1盒状放射13从左右两端向中间 2圆形收缩 14从中间向左右两端 3圆形放射 15从上下向中间 4由下往上 16从中间向上下 5由上往下 17从右下角向左下角 6从左到右 18从右下角向左上角 7从右到左 19左上角向右下角 8垂直百叶窗 20左下角向右上角 9水平百叶窗 21水平线状展开 10水平格状百叶窗22垂直线状展开 11垂直格状百叶窗23随机产生一种过渡

编号 过渡方式 编号 过渡方式 0 盒状收缩 12 随意溶解 1 盒状放射 13 从左右两端向中间 2 圆形收缩 14 从中间向左右两端 3 圆形放射 15 从上下向中间 4 由下往上 16 从中间向上下 5 由上往下 17 从右下角向左下角 6 从左到右 18 从右下角向左上角 7 从右到左 19 左上角向右下角 8 垂直百叶窗 20 左下角向右上角 9 水平百叶窗 21 水平线状展开 10 水平格状百叶窗 22 垂直线状展开 11 垂直格状百叶窗 23 随机产生一种过渡