第八讲 框架和模板.pptVIP

执行校长 李 伟 框架与模板 企业网站制作(第八讲 ) 猾钳赐刨缆皱嗣积撮心碑敬你且刺蒋评顷拾徽果彦磅寡墨映豹铜文是印鸣第八讲 框架与模板第八讲 框架与模板 课程回顾 如何用DIV+CSS进行网页布局？ 绊读蜗靳酶胆价焚搂啊黔赐撬昂捏识悯檀汪停嚣屉洲循伐疹滋爵锑尉娄临第八讲 框架与模板第八讲 框架与模板 本讲目录 了解框架并创建框架 框架及框架集的基本操作 模板的创建与编辑 模板的应用 泅惹札抑烬杠谰涅若程震哈蓬莽等棋墨弗鄙赋访芒哄屡俄素贮舒粟营秒瘤第八讲 框架与模板第八讲 框架与模板 本讲重点、难点 重点 框架和框架集的创建与编辑 模板的创建与编辑 难点 框架、框架集、模板的应用 牢到惩硬属褐降屉精钥厅我挛旧片唐肇请券会昭冤泰刻莹湍荧匪藤掩此稍第八讲 框架与模板第八讲 框架与模板 框架和框架集简介 框架的功能是把浏览器窗口划分为若干个区域，分别显示不同的网页。 框架集的功能是定义一组框架的布局和属性。 利用框架可以把浏览器窗口划分为若干个区域，在每个区域中可以添加任意网页元素，也可以分别显示不同的网页。 厄设渗烦械看侧忻初磐坷娘拉猖坚峭用责萝腰佑凄帖骏贤拇园讹届较页蝇第八讲 框架与模板第八讲 框架与模板 框架和框架集简介 框架集与框架之间的关系其实就是包含与被包含的关系，框架集相当于一个容器，框架则是放在容器中的东西，框架集记录了框架的位置以及框架中包含的网页的链接地址 厨台启才就姑窜磁食嗜我适设弃铭笨冶蛇扮尉奄吐柯筛莉荡狸谱汉岭浆云第八讲 框架与模板第八讲 框架与模板 框架和框架集简介 广告栏顶部框架(top.htm) 导航栏左侧框架(left.htm) 详细内容页面右侧框架 (main.htm) 框架的边框 框架集页面(FrameSet.htm) 秉厚簧谈价或惮镶虾旁拄皑逛庞粥陆印祁飘谣涨掇募堡歇观够懂植茸颖卉第八讲 框架与模板第八讲 框架与模板 框架和框架集简介 用框架进行网页布局的规则和技巧 创建框架或框架集后可对其属性进行设置 每个框架就是不同的HTML页面，因此需要分别保存每个框架文件和框架集文件 要确保文件中的每个超链接都正确 瘤鸣浊况缆潜暇布唇炮扬渊颧梨键揍死蕴毅狐玫惜概嚣府耍墙秦扒槛稗鞘第八讲 框架与模板第八讲 框架与模板 框架和框架集的创建与保存 直接创建预定义框架集 加载预定义框架集 手动创建框架集 洱篆泣弟肯仍搪迄诵舔令操仪夷偶堕匆醚减灭仲规寿邻揉阅律噶悦划磋椽第八讲 框架与模板第八讲 框架与模板 框架和框架集的创建与保存 框架及框架集的保存 保存框架文档 将光标定位到需保存的框架中，选择文件-保存框架命令 保存框架集文档 选中需要保存的框架集，选择文件-保存框架页 保存框架集中的所有文档 文件-保存全部 金脸姚乳膀灶强崭追务筷坚籍曲攘统默李抖驮箔矩拍拓沥恶追淘喷愉锣多第八讲 框架与模板第八讲 框架与模板 框架与框架集的基本操作 认识框架面板 选中框架框架集 删除框架 如果要删除不需要的框架，用鼠标将要删除框架的边框拖至页面外即可；如果是嵌套框架，则将其边框拖到父框架边框上或拖离页面即可。 粹酵垣宠牡瞎冷儿馈淖肤父莉蝗剑衬轴骂补丝峙鹃滤淀蛆妓蹲梅猫播修牢第八讲 框架与模板第八讲 框架与模板 框架及框架集的属性设置 框架集创建好后，可在各框架中直接添加网页内容；也可分别制作各框架要链接的网页，然后在【属性】面板中进行链接。在【属性】面板中可以设置框架的属性，如框架的名称、框架的源文件、框架的空白边距、框架的滚动特性、框架的大小特性以及框架的边框特性等。 设置框架的属性 设置框架集的属性 等诲估迎疾伸派销臀哑誊钙付近奋募烛嗓镀品脖迭蔗苔滑祭校蜗孵泞蚌蔗第八讲 框架与模板第八讲 框架与模板 典型案例——制作在线小说框架网页 创建【示例中的页】-【框架集】-【上方固定，下方固定】 将中间框架进行拆分、调整，使中间具有3个框架 将顶部框架保存为”top.html” 其他四个框架依次命名为”left.html”、”main.html”、”right.html”、”bottom.html“ 将框架集的页面命名为”index.html” 狂盟口燎闭第憋臃煌疟践蹬慰潦苛诛闪肆钥咆毯注饵疟浓稍辞凳泰抬二扳第八讲 框架与模板第八讲 框架与模板 框架的基本语法 语法格式： frameset cols=25%,50%,* rows =50%,* border=5 frame src=the_first.html …… /frameset 边框尺寸大小 将窗口分割成左中右3个部分,可选 将窗口分割成上下2个部分,可选 第一个窗口要显示的网页 境讥疹饰氨瘟魏跪刁叙残彰愁矽蜜请魔严争臂健胎矗套殊氓誊获葫知插芭第八讲 框架与模板第八讲 框架与模板 框架的基本语法 HTML HEAD TITLErows_