清华大学版（2012） 八年级下册信息技术 课件 - 2.5 统一风格——制作框架网页 (共13张PPT)

统一风格　 统一风格～框架网页 ‹#› word 重点 难点 练习 　 回顾上节课内容 1.利用表格制作简单网页。 2.学习设置表格对象的相关属性。 表格布局及设置相关属性 统一风格～框架网页 ‹#› 制作框架网页 Dreamweaver 统一风格～框架网页 ‹#› 浏览器窗口中的一个区域，可浏览器窗口分为不同区域，这些区域可独立显示不同的HTML文档(网页)。 把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。 框架 框架作用 栏目区 导航区 正文区 展示框架网页 统一风格～框架网页 ‹#› 练习：建立结构如下的框架网页并保存 新建框架集. 统一风格～框架网页 ‹#› 框架集保存在站点之下 保存框架集 上框架+下框 架全部的网 页保存为 index.htm 创建框架集 方法: “文件”　　“新建”　　“新建文档”　 “创建框架集” 统一风格～框架网页 ‹#› 框架属性的设置 边 距：指框架内网页内容与边框之间的距离大小。 框架间距：调整边框的粗细。 方法：激活“框架”标签，在其中定义边框. 边框颜色：调整边框的颜色。 源 文 件：打开一个已做好的网页 统一风格～框架网页 ‹#› 7 利用鼠标经过图像制作导航按钮 在浏览器中当鼠标指针移过图像时，图像可以发生变化，利用鼠标经过图像的这种特殊效果，可以制作动态网页导航按钮。 (两个图像应大小相等) 方法: “插入” “图像对象” “鼠标经过图像” 统一风格～框架网页 ‹#› 内容回顾 创建框架网页 　根据实际网页布局的需要，可以方便地选择框架集的样式，从而创建合适的框架. 保存框架网页 在做保存框架集时要注意保存框架的顺序和保存文件名。 设置框架属性 框架的属性设置包括调整框架大小、设置框架边界、改变边框线的宽度及源文件等。 index 导航按钮 　鼠标经过图像由页面载入时显示的原始图像和鼠标指针经过时显示的图像组成，利用鼠标经过图像的这种特殊效果，可以制作动态网页导航按钮。 统一风格～框架网页 ‹#› 网页赏析 统一风格～框架网页 ‹#› P　K A组 B组 两组进行PK赛，要求各制做一组框架网页. 统一风格～框架网页 单击此处编辑母版文本样式 第二级 第三级 第四级 第五级 统一风格