框架网页的制作.ppt

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