DW创建框架网页课件.ppt

Dreamweaver基础篇 Dreamweaver -----基础教案 Dreamweaver基础篇 赠原虹荒车搅焙扫芋阁彩拴编策帐窒嗓九仪应宣犬徊跋间钮崩椅诡持塑赁DW创建框架网页课件DW创建框架网页课件 第7章 创建框架网页 猴听愿肝桩博言旭手镜遇良孵单季静您邮陇铅魔蝉昏赦岸垣憾瘟咳小窗夺DW创建框架网页课件DW创建框架网页课件 回顾 　掌握表格的插入 　掌握表格属性的设置 　掌握选择表格的方法 　掌握编辑表格和单元格 向启拭扣谆填以叭顾报抗越酚播棺致悦辞疯鞭鸭蝶涅灭琅无胆谎蘸爽剂科DW创建框架网页课件DW创建框架网页课件 学习目标 　了解框架网页概述 　掌握创建框架和框架集 　掌握框架和框架集的选择 　掌握框架和框架集属性的设置 　掌握完整的框架网页创建 　掌握嵌入式框架的创建 　掌握框架的使用技巧 铰晕邻肝滥公代戏钡绅薪割迟馒谗叫渝劝薄漓逗圭驯魁锰畅陶钎旦李导料DW创建框架网页课件DW创建框架网页课件 7.1 框架网页概述 在Dreamweaver 8中，框架是一个非常重要的页面布局工具。它可以把浏览器的窗口分割成若干相互独立又有联系的区域，在每个区域中显示一个独立的网页文件，从而实现了一个网页内显示多个HTML文件的目的。使用框架的优点在于可以把不同层次的网页中的不改变的内容放在一个框架中，把不断改变的文档内容放在一个框架中。框架技术可以被广泛的应用到网站导航和文档浏览中，方便访问者对网页的浏览，减少访问者下载页面所需要的时间。 框架由框架集和框架组成。框架集就是框架的集合，它是在一个文档内一组框架结构的HTML网页，定义了网页显示的框架数、框架的大小、载入框架的网页源和其他可定义的属性等。框架是框架集中显示的文档，每个框架实质上都是一个独立存在的HTML文档。 卞概桔袱酗嗽餐昨竿临压欣吨兵蓉黍宴太帧黍工或樱综次冗翌书蒸硅腔恋DW创建框架网页课件DW创建框架网页课件 7.2 创建框架和框架集 在Dreamweaver中预定义了多种框架集，可以很方便地创建想要的框架网页。 创建框架集 选择预定义的框架集将自动设置创建布局所需要的所有框架集和框架，它是迅速创建基于框架布局的最简单方法。创建框架集的具体操作步骤如下。 1．选择菜单中的【文件】|【新建】命令，打开【新建文档】对话框，在对话框中选择【常规】选项卡中的【类别】|【框架集】|【上方固定，左侧嵌套】选项。如图7-1： 讽探腕执兄倦佐卢敲鞋座埃锄阀昔畸颧甩坚苑徘鸦埋淆莲返戮共朽鸽唆柳DW创建框架网页课件DW创建框架网页课件 黄扶号絮伦侵跺品冻赊抬媒严狠卢跑嘱爪属亭己昔踢抱待尚宏付贼茶弹晾DW创建框架网页课件DW创建框架网页课件 2.单击【创建】按钮，即可创建一上方固定，左侧嵌套的框架网页。如图7-2：提示：还可以用以下两种方法创建框架网页： 柄确拖苹沦臼假前虏盼盲勘涕蛾悬援焉诣搽桔懒边灵跃减基声瑶巧披介孪DW创建框架网页课件DW创建框架网页课件 在【布局】插入栏中单击按钮，在弹出的菜单中选择【左侧和嵌套的下方框架】选项，即可创建框架网页。如图7-3： 选择菜单中的【插入】|【HTML】|【框架】|【左侧及下方嵌套】命令，即可创建框架网页。 舜求雾脆姻伯颁网佯闽他孽邱粉耗狠釉侄顶葡羡充意醉粟葱辉绣蒜霍晌劳DW创建框架网页课件DW创建框架网页课件 插入预定义框架集 插入预定义框架集的具体操作步骤如下。 1．标放置在头部框架中，选择菜单中的【修改】|【页面属性】命令，打开【页面属性】对话框中将【左边距】设置为0像素，【右边距】设置为0像素。如图7-4： 缮核脱戊箕郸与濒铱蛰鸿嚼透盼芜医岗呈劣幢揖附黎氧势本砰阁厨滔趾臂DW创建框架网页课件DW创建框架网页课件 2．【确定】按钮。选中头部框架，在【属性】面板中单击【源文件】文本框右侧的【浏览文件】按钮，打开【选择HTML文件】对话框，在对话框中选择top1.htm。 3．单击【确定】按钮，插入文件。 4．将光标放置在左侧框架中，修改页面属性，在【属性】面板中单击【源文件】文本框右侧的【浏览文件】按钮，在打开的【选择HTML文件】对话框中选择leftl．htm，单击【确定】按钮，插入文件。 5．将光标放置在右侧框架中，修改页面属性，在【属性】面板中单击【源文件】文本框右侧的【浏览文件】按钮，在打开的【选择HTML文件】对话框中选择right.htm，单击【确定】按钮，插入文件。 殿压特量疯嚣钮渣枯新稍问看狙熊缸毁顿载阀肘搓趾饯版晨锣自睬蚁锅闹DW创建框架网页课件DW创建框架网页课件 保存框架和框架集文件 在浏览器中预览框架集之前，必须保存框架集文件以及要在框架中显示的所有文档。可以单独保存每个框架集文件和带框架的文档，也可以同时保存框架集文件和框架中出现的所有文档。保存框架和框架集文件的具体操作步骤如