预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共72页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

编辑框架框架的作用是把浏览器的显示空间分割为几个部分,每个部分都可以独立显示不同的网页。图7-1所示的是一个使用了框架的网页,可以看到,左侧是各个讨论区的名称,单击任意一个讨论区名称,在网页的右侧就会显示相应讨论区的内容。左右两边是独立显示的,例如拉动左侧的滚动条,不会影响右侧的显示效果,反之亦然。与框架相关的概念是框架集,把几个框架组合在一起就成为了框架集。图7-1使用框架的网页7.1创建框架和框架集用鼠标拖曳边框,就可以把窗口一分为二,4条边框都可以拖曳。拖曳上下边框可以把窗口分为上下两个部分,如图7-3所示,拖曳左右边框可以把窗口分为左右两个部分。如果从窗口的角上开始拖曳鼠标,窗口会被分成4个部分。拖曳鼠标可以移动刚刚生成的分割线。图7-2显示框架边框图7-3将窗口分割为两个框架当窗口被分割为几个框架以后,每个框架都可以作为独立的网页进行编辑,也可以直接把某个已经存在的页面赋给一个框架。 此时打开HTML面板,可以看到相应的HTML代码如例7-1所示。【例7-1】最基本的框架页面示例 <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html><head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <title>无标题文档</title> </head> <framesetrows="64,97"cols="*"> <framesrc="file:→E|/dwr/MyFirstSite/UntitledFrame-1"> <framesrc="file:→E|/dwr/MyFirstSite/page5.htm"></frameset> <noframes> <body> </body> </noframes> </html>(a)没有嵌套的框架集图7-5框架面板7.2编辑框架7.2.2选择框架集图7-6框架集的属性面板7.2.3选择框架以及框架中的内容图7-7框架面板图7-8框架的属性面板7.3实践与练习:使用预定义的框架集图7-9预览效果1.创建框架并进行保存图7-11分割并存储图像图7-12选择“布局”模式图7-13选择框架集图7-14为框架设置标题图7-15完成顶部框架的创建图7-16选择框架图7-17保存框架集图7-18选中顶部框架图7-19选中下方框架2.绘制表格并添加内容图7-21绘制布局表格图7-22绘制表格图7-23插入图像图7-24绘制布局表格图7-25绘制单元格图7-26在表格中插入图像图7-27插入表格图7-28完成内容和图像的添加图7-29选择框架图7-30设置滚动效果图7-31预览页面3.制作子页面并添加链接图7-33选择链接路径图7-34绘制第2个子页面图7-35绘制热区图7-36选择目标地址图7-37选中链接文字图7-38设置目标位置图7-39预览效果7.4实践与练习:设计框架集图7-40预览效果1.创建框架集图7-42选择框架样式图7-43为框架命名图7-44创建新框架图7-45拆分框架图7-46框架样式图7-47为框架命名图7-48修改框架的宽度图7-49分别保存框架图7-50选中整个框架集2.插入图像和内容并设置链接图7-52添加正文图7-53子页面“right-2.htm”图7-54子页面“tongzhi.htm”图7-55输入链接路径图7-56添加链接和选择目标图7-57继续添加链接图7-58预览效果小结