[互联网]第1章第05讲 表格和层.ppt

《[互联网]第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说明：设定页面使用的字符集。用法：Refresh说明：自动刷新

3、并指向新页面。用法：注意：其中的2是指停留2秒钟后自动刷新到URL网址。Window-target说明：强制页面在当前窗口以独立页面显示。用法：meta http-equiv=Window-target content=_top注意：用来防止别人在框架里调用自己的页面。,网页头部设置的方法-http-equiv,Page-enter说明:进入页面动画效果Page-exit说明:离开页面动画效果,网页头部设置的方法-http-equiv,Transition参数列表,网页头部设置的方法-样式表和脚本,样式表和脚本基链属性base链接文件属性link脚本脚本,总结,了解网页头部的作用熟悉网页头部设

4、置的方法网页标题标签样式表和脚本,作业,将上次课作业的网页添加各种头部标签重命名为hw02_head.html,网页主体,东软信息学院2008-10,教学目标及要求,教学目的与要求：熟悉网页主体的设置熟悉网页文字的插入方法及设置了解网页图片的插入方法及编辑了解网页多媒体的插入方法及设置教学重点与难点：网页图片的插入方法及编辑网页多媒体的插入方法及设置,摘要,网页主体文字的插入方法及设置图片的插入方法及编辑链接的插入方法多媒体的插入方法及设置表格和层布局表单框架技术CSS样式,网页主体,网页主体包含网页中所有可视的元素包括文字，链接，图片，多媒体，表单等。,文字的插入方法及设置,直接输入拷贝/粘

5、贴从文档插入插入列表css设置,图片的插入方法及编辑,插入图片直接插入拖动插入图片修改图像映射css设置,链接的插入方法,站内链接站外链接邮件链接锚点链接,多媒体的插入方法及设置,插入flash插入flash视频插入图像查看器,总结,熟悉网页主体的设置熟悉网页文字的插入方法及设置了解网页图片的插入方法及编辑了解网页多媒体的插入方法及设置,作业,制作网页，主题自定，要求如下：命名为hw03_btim.html；正确设置网页主体插入标题、正文插入图片使用css控制插入多媒体,网页布局,东软信息学院2008-10,教学目标及要求,教学目的与要求：熟悉表格和层布局熟悉框架技术熟悉CSS样式教学重点与难

6、点：表格和层布局框架技术CSS样式,摘要,表格和层行为表单框架技术CSS样式,表格与层,表格的使用表格的嵌套表格布局实例层的使用层的实例行为实例,表格与层,作业制作与实例相仿的网页，主题自定，要求如下：命名为hw04_tdb.html；使用嵌套表格布局最少使用三种行为交换图像显示/隐藏层打开浏览器窗口,表单,表单元素的插入实例,表单,作业制作调查问卷，主题自定，要求包括命名为hw05_form.html；文本文本区域单选按钮复选框列表按钮,框架技术,框架浮动框架框架实例,框架技术,作业制作网页，主题自定，要求如下命名为hw06_frame.html；整体上使用框架技术布局内容页使用表格布局结合浮动框架技术至少包含4页,css,css作用css类型css实例,css,作业结合表格布局和css制作网页，要求如下：命名为hw07_css.html；使用嵌套表格布局网页所有的属性必须使用css定义网页内容要丰富，网页尺寸760*1000像素,