框架网页的制作.pptVIP

框架网页的制作 知识目标： 1、了解框架和框架集 2、学会制作框架网页 3、熟练用表格布局网页 4、会添加鼠标经过图像 学而不思则罔 分析：1、框架？框架集？有何作用？ 1、创建框架网页 1、创建框架网页 1、创建框架网页 1、创建框架网页 1、创建框架网页 注意： 1、保存框架集时要逐项保存，第一个保存的是框架整体，第二次保存的是下框架，要看清窗口中的虚线提示。保存次数以所创建的框架集类型而定。 2、所有文件均要以英文字符保存。 2、制作上框架 2、制作上框架 2、制作上框架 合并第一行的五个单元格，插入“title”图像 2、制作上框架 在属性中设置第二行的单元格高度为40，分别插入鼠标经过图像 2、制作上框架 想一想 鼠标经过图像的制作方法 属性面板你会用了吗？ 3、下框架的制作 1、按照上框架制作的方法，插入表格：3行，4列，宽780，其余为0 2、合并第一行的四个单元格并复制相应文字到下框架的第一行中（ctrl+c复制， ctrl+v粘贴） 3、表格中任意处单击，在属性面板中选择“页面设置”调整字体和背景 3、下框架的制作 3、下框架的制作 3、下框架的制作 添加图像到文字下一行的单元格中，每格一图，也可尝试将单元格合并，四幅图插入到一行中。 给图像添加超链接：选择中国儿童网图片，右键-创建链接 4、版权 合并表格最下面一行的单元格，键入版权信息文字，版权符号的添加方法如右图所示 学而不思则罔 分析：1、框架？框架集？有何作用？ 回顾：鼠标经过图像的制作方法 属性面板你会用了吗？ 思考：为什么网页及网页中的元素要存放在一定的路径中？ * * 菜单栏 站点 站点存储位置 预览框架效果 选择框架 选择保存路径（站点位置） 新建“frame”文件夹 第2种方法：右侧-文件-站点中直接新建”frame”文件夹,然后保存框架 插入表格：2行，5列，宽780，其余设置为0 调整表格宽度，也可不设置，图像会自动填充表格 调整框架宽度方法：鼠标拖动 设置表格宽、高 设置表格页面属性 在整个网页的制作过程中，属性能帮你迅速设置内容，一定要善于运用属性面板 合并单元格 输入择替换文本 1、命名sy 2、选择图片 3、选择鼠标经过图片 按照上述方法依次制作其余各项按钮图形效果，完成后调整好上框架的高度。上框架制作完成。 4添加新字体 1 3选择其中一种 2 修改字体四部曲 修改文字大小 选择本行中表格背景图，如所选图像不在网页根目录中，则按照提示方法复制图像到网页所在位置的“images”中 URL中输入： 版权信息 *