《[互联网]第1章第05讲 表格和层.ppt》由会员分享，可在线阅读，更多相关《[互联网]第1章第05讲 表格和层.ppt（35页珍藏版）》请在三一文库上搜索。
1、HTML基础,东软信息学院 2008-10,网页头部,东软信息学院 2008-10,教学目标及要求,教学目的与要求： 完成本次课程学习，使学生能够： 了解网页头部的作用 熟悉网页头部设置的方法 了解网页头部的语法 教学重点与难点： 网页头部设置的方法 网页头部的语法,摘要,网页头部的作用 网页头部设置的方法 网页标题 标签 样式表和脚本,网页头部的作用,meta标签是内嵌在你网页中的特殊html标签，包含着你有关于你网页的一些隐藏信息。 meta标签的作用是向搜索引擎解释你的网页是有关哪方面信息的。 对于高级的搜索引擎来说，html 的meta 标签并不是什么新奇的东西。 但是无论如何它是一个
2、优秀网页不可缺少的。,网页头部设置的方法,网页标题 标签 样式表和脚本,网页头部设置的方法-网页标题,作用 title 标签可能是你网页中最重要的标签，它是你网页中最先看到的部分。 title标签在搜索引擎的搜索中占有非常重要的地位。最好是把它放在其他meta标签前，这更有利于你网站的排名。 title标签是人们在搜索引擎中第一个看到有关你网站的描述，所以尽量把它弄得简单、明了。让人一看就知道你的网站是关于什么的。 语法 网页标题,网页头部设置的方法- 标签,Description标签 作者信息 Keywords标签 ,网页头部设置的方法- http-equiv,Content-Type 说明
3、：设定页面使用的字符集。 用法： Refresh 说明：自动刷新并指向新页面。 用法： 注意：其中的2是指停留2秒钟后自动刷新到URL网址。 Window-target 说明：强制页面在当前窗口以独立页面显示。 用法： meta http-equiv=“Window-target“ content=“_top“ 注意：用来防止别人在框架里调用自己的页面。,网页头部设置的方法- http-equiv,Page-enter 说明:进入页面动画效果 Page-exit 说明:离开页面动画效果 ,网页头部设置的方法- http-equiv,Transition参数列表,网页头部设置的方法-样式表和脚本
4、,样式表和脚本 基链属性base 链接文件属性link 脚本 脚本,总结,了解网页头部的作用 熟悉网页头部设置的方法 网页标题 标签 样式表和脚本,作业,将上次课作业的网页添加各种头部标签 重命名为hw02_head.html,网页主体,东软信息学院 2008-10,教学目标及要求,教学目的与要求： 熟悉网页主体的设置 熟悉网页文字的插入方法及设置 了解网页图片的插入方法及编辑 了解网页多媒体的插入方法及设置 教学重点与难点： 网页图片的插入方法及编辑 网页多媒体的插入方法及设置,摘要,网页主体 文字的插入方法及设置 图片的插入方法及编辑 链接的插入方法 多媒体的插入方法及设置 表格和层布局
5、表单 框架技术 CSS样式,网页主体,网页主体包含网页中所有可视的元素 包括文字，链接，图片，多媒体，表单等。,文字的插入方法及设置,直接输入 拷贝/粘贴 从文档插入 插入列表 css设置,图片的插入方法及编辑,插入图片 直接插入 拖动插入 图片修改 图像映射 css设置,链接的插入方法,站内链接 站外链接 邮件链接 锚点链接,多媒体的插入方法及设置,插入flash 插入flash视频 插入图像查看器,总结,熟悉网页主体的设置 熟悉网页文字的插入方法及设置 了解网页图片的插入方法及编辑 了解网页多媒体的插入方法及设置,作业,制作网页，主题自定，要求如下： 命名为hw03_btim.html；
6、正确设置网页主体 插入标题、正文 插入图片 使用css控制 插入多媒体,网页布局,东软信息学院 2008-10,教学目标及要求,教学目的与要求： 熟悉表格和层布局 熟悉框架技术 熟悉CSS样式 教学重点与难点： 表格和层布局 框架技术 CSS样式,摘要,表格和层 行为 表单 框架技术 CSS样式,表格与层,表格的使用 表格的嵌套 表格布局实例 层的使用 层的实例 行为实例,表格与层,作业 制作与实例相仿的网页，主题自定，要求如下： 命名为hw04_tdb.html； 使用嵌套表格布局 最少使用三种行为 交换图像 显示/隐藏层 打开浏览器窗口,表单,表单元素的插入 实例,表单,作业 制作调查问卷，主题自定，要求包括 命名为hw05_form.html； 文本 文本区域 单选按钮 复选框 列表 按钮,框架技术,框架 浮动框架 框架实例,框架技术,作业 制作网页，主题自定，要求如下 命名为hw06_frame.html； 整体上使用框架技术布局 内容页使用表格布局结合浮动框架技术 至少包含4页,css,css作用 css类型 css实例,css,作业 结合表格布局和css制作网页，要求如下： 命名为hw07_css.html； 使用嵌套表格布局 网页所有的属性必须使用css定义 网页内容要丰富，网页尺寸760*1000像素,