【摘要】:步骤2将光标移到“leftFrame”框架中,三个段落中分别输入“05级同学录”、“06级同学录”和“07级同学录”文字。图2-6-10设置文字超链接图2-6-11设置目标属性提示说明:在框架集网页中,设置超链接的“目标”属性时,除了有默认的4项外,会额外增加以框架区域名称表示链接的目标网页并显示在指定的框架区域内,实现局部内容更新,使网页信息得到了有效的展示,用户体验得到了增强。
本节在上节的基础上继续完善以“文传系校友录”为主题的网页编辑操作,希望读者在掌握创建框架页的基础上,能够掌握框架页的编辑和使用技巧。在制作该主题前,需要将相关图片素材“images”文件夹拷贝到根目录下的“xyl”文件夹中,具体步骤如下。
步骤1 接上例。将光标移到“topFrame”框架中,插入图片和相关内容。
步骤2 将光标移到“leftFrame”框架中,三个段落中分别输入“05级同学录”、“06级同学录”和“07级同学录”文字。
步骤3 将光标移到“mainFrame”框架中,插入05级相关的同学录图片。
步骤4 鼠标右键点击【文件】面板中“LM的站点”根目录下的“xyl”文件夹,分别创建两个名为“06xyl”和“07xyl”的网页文件,再分别在这两个网页中插入06级和07级的同学录图片。
提示说明:在main.html网页中插入05级校友录相关的图片网页,主要考虑当浏览器预览框架页时,默认的mainFrame框架显示05级校友录网页,也可以另外为05级校友录创建一个单独的网页,根据实际情况来相应调整。
步骤6 接着用鼠标选择“目标”下拉列表中的“mainFrame”项,如图2-6-11所示。
图2-6-10 设置文字超链接
图2-6-11 设置目标属性(www.xing528.com)
提示说明:在框架集网页中,设置超链接的“目标”属性时,除了有默认的4项外,会额外增加以框架区域名称表示链接的目标网页并显示在指定的框架区域内,实现局部内容更新,使网页信息得到了有效的展示,用户体验得到了增强。
图2-6-12 【预览效果】
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。