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