《网页制作项目实训教程》项目5-制作框架网页_第1页
《网页制作项目实训教程》项目5-制作框架网页_第2页
《网页制作项目实训教程》项目5-制作框架网页_第3页
《网页制作项目实训教程》项目5-制作框架网页_第4页
《网页制作项目实训教程》项目5-制作框架网页_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

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

文档简介

项目5制作框架网页由浅入深简章易懂贴近实际WANGYEZHIZUOXIANGMUSHIXUNJIAOCHENG《网页制作项目实训教程》CONTENTS任务1利用框架制作成语故事集首页任务1利用框架制作成语故事集首页本任务可以分解为1个活动:利用框架制作成语故事集页面。活动1利用框架制作成语故事集首页1-1运用素材网页“Y5-01A.html”、“Y5-01B.html”、“Y5-01C.html”、“Y5-01D.html”、“Y5-01E.html”、“Y5-01F.html”、“Y5-01G.html”制作一个关于成语故事的框架网页,要求网页有标题,故事的题目以导航的形式表现,最终效果如下图所示。活动要求活动1利用框架制作成语故事集首页1-11、框架网页的创建依次单击“插入”->“HTML”->“框架”菜单命令,在展开的下级菜单中可以根据需要选取合适的框架集,如下图所示,这样相应的框架网页就创建完成了。知识窗活动1利用框架制作成语故事集首页1-12、框架网页的保存每个框架包含一个文件,因此一个框架集会包含多个文件,在保存网页时,要将整个网页文档都保存下来,下面我们以“上方及左侧嵌套”框架为例介绍框架网页的保存方法。(1)选择“文件”->“保存全部”命令,整个框架边框会出现一个阴影框,同时会弹出“另存为”对话框,我们将其命名为“index.html”,表示整个框架集的名称。(2)单击“保存”按钮,弹出第二个“另存为”对话框,右边框架内侧出现阴影,命名为“main.htlm”,表示右边框架即主框架的文件名。(3)单击“保存”按钮,依次弹出第3个和第4个“另存为”对话框,分别命名为“left.html”和“top.html”,表示左边框架和上方框架的文件名。如下图所示。活动1利用框架制作成语故事集首页1-13、框架网页的链接要在题目框架中使用链接打开正文框架中的文档,必须设置链接目标,在“属性”面板中的“链接”下拉列表中选择链接文档应在其中显示的框架或窗口,如下图所示。_blank:打开一个新窗口显示目标网页。_parent:目标网页的内容在父框架窗口中显示。_self:目标网页的内容在当前所在框架窗口中显示。_top:目标网页的内容在最顶层框架窗口中显示。mainFrame、leftFrame、topFrame:目标网页的内容在新建的框架中显示。活动1利用框架制作成语故事集首页1-1详细操作步骤请参阅教材。活动实施本活动主要介绍了框架网页的制作,操作相对简单。这里要特别注意的是,保存文件时产生的文件数量总是比设计的框架数量多1个,这个多出的文件可以称之为“首页”文件,即浏览框架类网页时打开的文件。此外保存时建议对各框架文件进行标识性命名,如左框架文件可以命名为“left.html”,右框架文件可以命名为“right.html”,这样可以避免在编辑时产生混淆,提高工作效率。活动评价感谢您的观

温馨提示

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

评论

0/150

提交评论