框架及其应用设置.pptVIP

* 《网页设计教程》 * 《网页设计教程》 网页制作应用教程 2012.11 2012年秋期计算机等级考试试题中网页制作考题的讲解 框架及其设置 应用实例：用框架制作一个导航菜单 本节讲堂： 框架及其应用设置 1、2012年秋期计算机等级考试试题讲解 （1）题目： 用FrontPage或Dreamwaver制作一网页，内容是祝贺党额十八大胜利召开，其中要插入相关的文字和图片（图片可以使剪贴画或其他图片），并设置浏览网页时，单击该图片可连接到中华人民共和国中央人民政府门户网站“”的超级链接，用文件名JSJ3.Htm（或JSJ3.HTML）保存到考生文件夹中 （2）考点分析 制作一网页，内容是祝贺党额十八大胜利召开，其中要插入相关的文字和图片（图片可以使剪贴画或其他图片），并设置浏览网页时，单击该图片可连接到中华人民共和国中央人民政府门户网站“/”的超级链接，用文件名JSJ3.Htm（或JSJ3.HTML）保存到考生文件夹中。 （3）考点提取 新建网页（第2讲 网页设计工具的基本操作） 保存网页（第2讲） 录入文字（第4讲 文本格式设置） 插入图片（第5讲 图像插入和格式设置） 创建超级链接（第6讲 超级链接和格式设置） 文件相对路径（第3讲 站点的操作和管理） 题目：Dreamwaver制作一网页，内容是预祝《网页制作》课程顺利修满。 要求：插入相关的文字和图片（图片可以使剪贴画或其他图片），并设置浏览网页时，单击该图片可连接到长江师范学院“”的超级链接，用文件名website.Htm（或website.HTML）保存到桌面以学号命名的文件夹。 时间：15分钟 （4）随堂练习 2、框架及其设置 了解的知识点： 框架基础知识 框架的优缺点 框架的创建 框架面板的操作 框架的设置 框架的链接 2.1框架基础知识 框架是将一个页面划分成不同的文档区，每个文档区显示独立的内容，其效果是在浏览网页时，网页中一部分区域（如公司Logo、导航条）内容不改变，而其他区域内容在不断发生改变。 框架的嵌套，就构成框架集。 框架集是HTML文件，它定义一组框架的布局和属性，包括框架的数目、大小、位置以及在框架中初始显示页面的地址。框架集文件本身不包含要在浏览器中显示的网页内容（对不能显示框架的浏览器进行的处理除外，即noframes部分），框架集文件只是向浏览器提供应如何显示一组框架以及在这些框架中应显示哪些网页的有关信息。 2.2框架的优缺点 优点 1.减少数据传输，增加网页速度：加载页面时不需要加载整个页面，只需要加载页面中的一个框架页。 2. 重用代码：可以借助一个页面承载多个页面的方式来重用页面代码。 3.易实现页面互关联：页面与页面之间可以轻易的通过frame实现互相关联，实现类似“局部”刷新的机制，而且需要依靠过多的JavaScript代码。 5. 常见的后台管理系统大部分是采用框架方式来布局。 缺点 1.不易管理：会产生很多关联的页面。 2. 浏览器的后退按钮无效。 3. 无法被一些有哪些信誉好的足球投注网站引擎索引。 4. 多框架的页面会增加服务器的http请求。 2.3、框架的创建 （1）插入框架：在Dreamweaver 8中预定义了一些框架集样式，需要使用时直接插入即可。 操作方法：【菜单】-【插入】-【html】-【 框架】 2.3、框架的创建 （2）保存框架：在创建框架的基础上，需要对框架集和对应的页面进行保存。 操作方法： （a）保存框架页：选中框架集的页面-【文件】-【保存框架】 （b）保存框架集：选中框架集的任意页面-【文件】-【保存全部】 head title无标题文档/title /head frameset rows=* cols=155,* framespacing=0 frameborder=no border=0 frame src=UntitledFrame-2.html name=leftFrame scrolling=No noresize=noresize id=leftFrame title=leftFrame / frame src=Untitled-2.html name=mainFrame id=mainFrame title=mainFrame / /frameset noframesbody /body /noframes/html 由于在低版本的浏览器中不能正确显示使用了框架的网页和框架中的内容，因此在Dreamweaver 8中允许指定在不支持框架的基于文本的浏览器和较旧的图形浏览器中显示内容。此类内容存储在框架集文件中，用noframes标签括起来。当不支持框架的浏览器加载