框架的高级设计框架的超级链接浮动框架的.ppt_第1页
框架的高级设计框架的超级链接浮动框架的.ppt_第2页
框架的高级设计框架的超级链接浮动框架的.ppt_第3页
框架的高级设计框架的超级链接浮动框架的.ppt_第4页
框架的高级设计框架的超级链接浮动框架的.ppt_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

,实验内容 1、框架的建立； 2、框架的高级设计； 3、框架的超级链接； 4、浮动框架的建立。,实验目的 1、熟练掌握框架的建立并完成一个简单的框架页面 2、熟练掌握框架的高级设定并完成一个较复杂的框架页面； 3、准确实现框架中的超级链接； 4、够熟练掌握浮动框架的建立。,实验重点 1、框架的属性 2、框架的超级链接,实验难点 1、浮动框架的建立,（一）演示实验项目效果 1、实验项目一 创建简单的框架页面,实验项目一的效果图,2、实验项目二 框架的高级设计实例,实验项目二的效果图,3、实验项目三 实现框架的超级链接实例 4、实验项目四 浮动框架的建立实例,实验项目四的效果图,（二）实验步骤： 实验项目一 创建简单的框架页面 1、建立框架的基本结构（注意：frameset与body不能同时出现。） 2、将框架水平分割（可以以数值或百分比方式设置） 3、分别设定上框架和下框架的显示的页面 （注：定义窗口框架的frameset标记为成对标记，而定义子窗口框架的标记为非成对标记。）,实验项目二 框架的高级设计实例 1、打开实验项目一的源代码，另存为一个HTML文件 2、在此文件的基础上将窗口框架进行水平分割，建立嵌套窗口框架 3、设置子窗口框架显示的网页和名称（右框架显示的是图片） 注意：一定要正确设计框架的样式。,实验项目三 实现框架的超级链接实例 1、在实验二的基础上，给框架名称为up中所显示的页面中的按钮图标建立超级链接，并显示在框架名称为down的位置。（通过target属性设置） 2、正确设置超链接显示的内容。 实验步骤： 1、打开shiyan4文件夹下的f05.html文件； 2、找到有超链接的页面（ shiyan4文件夹下的wssc03.html) 3、对链接进行修改课堂练习： 打开shiyan4文件夹下的f06.html文件，完成f04.html的效果。,实验项目四 浮动框架的建立实例 1、在wssc02.html中建立浮动框架 2、设置浮动框架的属性提示：,实验安排： 1、实验项目一学生与我同步操作 2、实验项目二学生在项目一的基础上先操作几分钟，再由我先演示后，学生再完成 3、实验项目三由我先演示，然后跟学生同步操作 4、学生在实验项目三的基础上完成一个实例的操作 提示：大家要找到源文件，然后找到超链接的所在的位置和链接到的位置 5、实验项目四由我先演示，学生再独立完成,实验小结： 本次课，我们实现了四个实验项目，通过这四个实验项目我们对框架的基本内容有更深的了解，还有很多框架的属性在这里没有应用到，希望大家在课余时间也能熟练掌握它们。,存在的问题： 1
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论