资源描述：
《Dreamweaver课件：第9章框架和框架集》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
第9章建立框架网页 内容提要框架网页的基本原理创建框架和框架集框架文件的结构和保存框架的属性和操作具体的框架实例 学习目标了解框架及框架集熟悉框架及框架集的创建掌握框架及框架集的基本操作掌握框架及框架集的属性设置学会使用框架进行简单的页面布局使用链接控制框架内容 9.1理解框架网页的基本原理 9.1理解框架网页的基本原理所谓“框架”，就是将浏览器窗口划分为若干个区域。框架网页并不是一个真正意义上的网页，它主要记录在框架网页中所包含的框架数量以及拆分方式等信息，每一个单独的框架将由具有实际内容的网页填充。在上述框架网页内共有三个框架，因此需要三个相对应的网页，因此，框架网页加上三个独立的网页，共有四个网页。框架常用于站点导航系统。网页1和网页2中上方的标题和左侧导航按钮是相同的。标题和导航按钮分别对应在两个独立的网页中。右下方的内容也分别对应于独立的网页，利用框架的链接属性，当访问者可以单击菜单项要浏览其他内容时，导航菜单和标题则几乎不发生任何变化。由此可见，框架网页不但是页面布局的解决方案，也是避免重复劳动的一种方法。9.1理解框架网页的基本原理网页1网页2 9.2新建框架网页 9.2新建框架网页在Dreamweaver中可以通过两种方式插入框架集。一种是自己直接拆分，另外一种是插入预先定义的框架集。Dreamweaver预先定义的框架集存放在“插入”工具栏“布局”选项中的“框架”按钮中，用户可以随意选择自己需要的框架集类型。9.2新建框架网页建立框架的目的就是将窗口分成大小不同的子窗口,在不同的窗口中显示不同的文档内容. 9.2新建框架网页新建框架网页操作步骤：（1）建立站点及网页（2）插入预先定义的框架集（3）自己直接拆分框架集拆分上框架效果图9.2新建框架网页 9.3增加、调整和删除框架 9.3增加、调整和删除框架增加、调整和删除框架操作步骤：9.3增加、调整和删除框架（1）准备工作（2）增加框架（3）删除框架（4）调整框架提示:用户还可以划分已有框架，在当前框架集文件中创建新的框架集。在其他框架集中的框架集被称为“嵌入式框架集”。要创建嵌入式框架集，需要先将光标停放在已有框架内。按住Alt键单击一下，然后在文档窗口中拖动框架边框（不要松开Alt键），将框架纵向或横向划分。效果图 9.4保存框架和框架集中的文件 9.4.1按对应关系保存框架集和框架集中的文件保存框架集和框架集中的文件操作步骤：9.4保存框架和框架集中的文件（1）保存框架和框架集（2）保存单个框架页面效果图一般在保存框架时,先保存框架集,再保存框架 9.4.2打开和关闭框架中的文件打开和关闭框架中的文件与打开和关闭网页文件相类似。但要注意的是利用“文件”|“打开”命令，如果选取的是框架集文件，则可同时打开该框架集和其中的框架页面。如果选取的是单个框架页面，则只能打开该页面。9.4保存框架和框架集中的文件 课堂案例1-运动休闲网案例学习目标:使用”新建”命令建立框架集.使用”页面属性”改变页面边距.使用”插入”面板”常用”选项卡中的按钮制作完整的框架网页.案例知识要点:使用上方固定框架制作的网页的结构图效果.使用属性面板改变框架的大小.使用”表格”和”图像”按钮插入表格和图像制作完整的框架网页效果. 9.5使用框架面板 9.5使用框架面板框架和框架集都是独立的HTML文档。要修改框架或框架集，必须先选取要修改的框架或框架集。选择的方法包括在文档窗口中直接选择或使用框架面板进行选择。要在文档窗口中直接选择框架，可以按住Alt键在框架内单击。要在文档窗口中直接选择框架集，可以在框架的边框上单击。在“框架”面板中，框架集有明显的三维边框，而且框架有灰色线条并显示框架名。9.5使用框架面板 9.5使用框架面板9.5使用框架面板查看框架显示“框架”面板效果图 9.6修改框架属性 9.6修改框架属性设置框架的属性主要通过其属性面板进行。按住Alt键单击框架，可查看框架属性。9.6修改框架属性“框架名称”：决定用来作为超级链接目标和脚本引用的当前框架名。框架名可以是一个单词，也允许下划线，但是不允许用短横（-）、句点（.）和空格等，也不要使用中文。“源文件”：决定框架的源文档，可输入文件名或单击文件夹图标浏览并选择文件。还有一种方法可以在框架中打开文件：先将光标停放在框架中，然后选择“文件”|“在框架中打开”。“滚动”：决定在没有足够空间显示当前框架中的内容时是否使用滚动条。该下拉列表有四个选项，大多数浏览器默认值为“自动”。“不能调整大小”：使当前框架不能重调大小，防止用户拖动框架边框。“边框”：控制当前框架的边框。其选项为“是”、“否”和“默认”。本选择可以覆盖为框架集定义的边框设置。“边框颜色”：设置所有和当前框架相邻的边框的颜色。本设置可以覆盖框架集的边框颜色“边界宽度”：设置左右边距的宽度（单位为象素）。左右边距是指框架边框和内容之间的空间。“边界高度”：设置上下边距的高度（单位为象素）。上下边距是指框架边框和内容之间的空间。 9.6修改框架属性提示：在默认情况下，Dreamweaver将设置默认的框架边距宽度和高度值。这样可能会使网页内容和边框之间存在距离。因此，要消除该边距，可以将“边界宽度”和“边界高度”两个值均设置为0。这样，再到浏览器中预览时，框架和内容之间就没有距离了。9.6修改框架属性 9.6修改框架属性修改框架属性操作步骤：9.6修改框架属性（1）建立站点并建立新页面（2）建立框架（3）载入框架页面（4）设置框架属性提示：修改框架属性可以先通过“框架”面板选取相应框架，然后在“属性”面板中设置相关属性。 9.7设置框架集的属性 9.7设置框架集的属性要查看框架集属性，单击框架边框。要查看所有的框架集属性，可单击“属性”面板右下角的扩展箭头。“边框”：控制当前框架集内框架的边框。有三个选项：选择“是”可以三维和灰度显示边框选择“否”可以显示扁平和灰度边框选择“默认”可以由浏览器确定如何显示边框。“边框宽度”：指定当前框架集中边框的宽度。“边框颜色”：设置当前框架集中所有边框的颜色。本设置可以被单个框架指定的边框颜色所覆盖。“值”：指定所选择的行或列的大小。“单位”：指定所选择的行或列是以象素为单位的固定大小，还是显示为浏览器窗口的百分比，抑或扩展或缩小以填充窗口中的剩余空间。“行列选定范围”：识别选定行或列的选择。单击左边的标签可选择行，单击上面的标签可选择列。框架集“属性”面板 课堂案例2-家具天地网案例学习目标:使用”修改”菜单设置页面边距.使用”属性”面板设置框架集的属性.案例知识要点:使用”页面属性”命令设置页面边距.使用属性面板设置框架的大小. 9.8通过超级链接控制框架显示的内容 课堂案例3-旅游信息服务案例学习目标:使用”属性”面板为图片添加链接,使网页更加完美.案例知识要点:使用”链接”选项设置链接效果.使用”目标”选项设置框架. 9.8框架中的链接给每一个框架定义不同标题创建框架中的链接利用”链接”和”目标”选项创建._top_parent 定义NOFRAMES内容操作步骤：9.8通过超级链接控制框架显示的内容效果图①单击“修改”|“框架集”|“编辑无框架内容”。②Dreamweaver将清除文档窗口，正文区域上方出现“无框架内容”标志，而状态栏上也将显示<![CDATA[标签。提示：在文档窗口中创建无框架内容。由于低版本浏览器能正常显示的元素不多，所以创建无框架内容时建议只使用文本、基本表格和图像。编辑无框架内容<noframes>标签 9.8通过超级链接控制框架显示的内容实例（8）：定义NOFRAMES内容③在文档窗口中输入中文字符“对不起,您使用的浏览器不支持框架，所以无法正确显示。④再次选择“修改”|“框架页”|“编辑无框架内容”返回框架组文档的普通视图。提示：使用上述方法可以方便的定义NOFRAMES内容，给低版本的浏览器用户提供提示。编辑无框架内容 9.9浮动框架-实现单元格到框架的转换<iframe></iframe>属性alignHeightWidthNameScrollSrcFrameborder背景透明:allowtransparency=“true”</p> </div>
<div class="mt-3 bg-white">
<div class="d-lg-block d-none px-3 px-lg-4 py-3 border-bottom text-center font-18"> 当前文档最多预览五页，下载文档查看全文 </div>
<div class="detail-fixed-feature d-none d-lg-block" id="detailFixedFeatureBox">
<div class="px-3 px-lg-4 py-3 d-flex align-items-center justify-content-between fixed-feature-box" id="detailFixedFeature">
<div class="d-lg-flex d-none align-items-center">
<div>
<a class="btn btn-outline-danger article-state" href="javascript:;" data-id="39323601" data-code="438274" data-title="Dreamweaver课件：第9章框架和框架集"> <span>侵权申诉</span> </a>
<button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="39323601"><span>举报</span></button>
</div>
<nav class="d-flex align-items-center ml-4" id="anchorPoint">
<a href="javascript:;" class="btn btn-light anchor-pre px-2"><i class="iconfont text-muted"></i></a>
<div class="text-muted mb-0 pre-point-list" id="prePointList">
<a class="px-2 active nav-link" href="#anchorImg0">1</a>
<a class="px-2 nav-link" href="#anchorImg1">1</a>
<a class="px-2 nav-link" href="#anchorImg2">2</a>
<a class="px-2 nav-link" href="#anchorImg3">3</a>
<a class="px-2 nav-link" href="#anchorImg4">4</a>
<a class="px-2 nav-link" href="#anchorImg5">5</a>
/ <span class="px-2" id="prePageNums">30</span>
</div>
<a href="javascript:;" class="btn btn-light anchor-next px-2"><i class="iconfont text-muted"></i></a>
</nav>
</div>
<div class="d-flex align-items-center">
<p class="d-lg-block d-none font-14 text-black-50 mb-0 mr-2">此文档下载收益归作者所有</p>
<button class="btn btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" style="width:128px;height:40px;" data-id="39323601" data-price="1500" data-size="204.60 KB" data-page="30页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="Dreamweaver课件：第9章框架和框架集">下载文档</button>
</div>
</div>
</div>
</div>
<div class="d-block d-lg-none px-3 px-lg-4 py-3 border-bottom text-center font-14" style="color:#999">当前文档最多预览五页，下载文档查看全文</div>
<button class="btn d-block w-100 d-lg-none btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" data-id="39323601" data-price="1500" data-size="204.60 KB" data-page="30页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="Dreamweaver课件：第9章框架和框架集">点击下载本文档
</button>
</div>
<div class="px-3 px-lg-4 py-3 bg-white mt-3">
<ul class="nav custom-tab border-bottom" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active px-0 mr-4 font-16 font-weight-light pb-3" id="tips-tab" data-toggle="tab" href="#showTips" role="tab" aria-controls="showTips" aria-selected="true">版权提示</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link px-0 pb-3 font-16 font-weight-light text-black-50" href="/d-39323601.html" >下载文档</a>
</li>
<dl class="flex-grow-1 mb-0 d-lg-none">
<li class="ml-3 float-right">
<button type="button" class="btn btn-light" data-toggle="modal" data-target="#reportModal" data-id="39323601"><span>举报</span></button>
</li>
</dl>
</ul>
<div class="tab-content with-content pt-3" id="myTabContent">
<div class="tab-pane fade show active font-14" id="showTips" role="tabpanel" aria-labelledby="showTips-tab">
温馨提示： <br>
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。<br>
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。<br>
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。<br>
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。 <br>
</div>
</div>
</div>
<div class="mt-3 bg-white">
<div class="px-3 px-lg-4">
<div class=" py-2 border-bottom d-flex align-items-center justify-content-between">
<h5 class="font-16 my-2">最近更新</h5>
<a class="font-14 hover-letter-spacing" href="/sitemaps/index.html" target="_blank" rel="nofollow">更多<i class="iconfont font-12 pl-1"></i></a>
</div>
</div>
<ul class="mx-75 px-0 py-3 mb-0 row img-item-list">
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81100024.html" title="2022年江苏南京市建邺区卫生健康委员会所属事业单位招考聘用4人冲刺题10" target="_blank">2022年江苏南京市建邺区卫生健康委员会所属事业单位招考聘用4人冲刺题10</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81093192.html" title="浙江绍兴市越城区信访局招考聘用编外工作人员冲刺题8" target="_blank">浙江绍兴市越城区信访局招考聘用编外工作人员冲刺题8</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-75591662.html" title="中国手足口病动力学模型与数据模拟" target="_blank">中国手足口病动力学模型与数据模拟</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-ppt"
href="/p-82214239.html" title="心衰病例分析一例幻灯片" target="_blank">心衰病例分析一例幻灯片</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81641585.html" title="2022年01月2022年山东潍坊潍城区事业单位初级综合类岗位招考聘用56人冲刺题" target="_blank">2022年01月2022年山东潍坊潍城区事业单位初级综合类岗位招考聘用56人冲刺题</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-76181614.html" title="2021年山东临沂平邑县招考聘用城市社区专职工作者冲刺题(带答案)" target="_blank">2021年山东临沂平邑县招考聘用城市社区专职工作者冲刺题(带答案)</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81095573.html" title="广西医疗器械检测中心招考聘用冲刺题4" target="_blank">广西医疗器械检测中心招考聘用冲刺题4</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-doc"
href="/p-75339389.html" title="全国救灾防病预案" target="_blank">全国救灾防病预案</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-78580819.html" title="儿科病房抗生素使用调查分析及合理应用" target="_blank">儿科病房抗生素使用调查分析及合理应用</a>
</li>
<li class="font-14 col-lg-6 col-12 mx-0 my-0">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-doc"
href="/p-69471523.html" title="中国近代史纲要卷八带答案)" target="_blank">中国近代史纲要卷八带答案)</a>
</li>
</ul>
</div>
<div class="detail-yourlike px-3 px-lg-4">
<div class="border-bottom d-flex align-items-center justify-content-between py-2">
<h5 class="font-16">大家都在看</h5>
<a class="font-14 hover-letter-spacing" href="/today.html" target="_blank" rel="nofollow">近期热门<i class="iconfont font-12 pl-1"></i></a>
</div>
<ul class="row font-14" id="mayBeFllowArticle">
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-77598394.html" title="广西壮族少儿生长发育特点及单纯性肥胖的流行病学研究"
target="_blank">广西壮族少儿生长发育特点及单纯性肥胖的流行病学研究</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-75350213.html" title="逆转录酶抑制剂类药物对鸡逆转录病毒的抑制作用及药物选择压下禽白血病病毒耐药毒株的产生"
target="_blank">逆转录酶抑制剂类药物对鸡逆转录病毒的抑制作用及药物选择压下禽白血病病毒耐药毒株的产生</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-78078258.html" title="乌鲁木齐急性主动脉夹层发病时间特点及气象相关性研究"
target="_blank">乌鲁木齐急性主动脉夹层发病时间特点及气象相关性研究</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81642122.html" title="2022年01月2022湖北医药学院公开招聘博士研究生57人冲刺题"
target="_blank">2022年01月2022湖北医药学院公开招聘博士研究生57人冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81642441.html" title="2022年02月2022年江苏卫生健康职业学院社团指导教师招考聘用冲刺题"
target="_blank">2022年02月2022年江苏卫生健康职业学院社团指导教师招考聘用冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81642096.html" title="2022年01月2022江苏南京邮电大学材料科学与工程学院校内公开招聘1人冲刺题"
target="_blank">2022年01月2022江苏南京邮电大学材料科学与工程学院校内公开招聘1人冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-75351200.html" title="农村中学生暴力遭遇的流行病学研究"
target="_blank">农村中学生暴力遭遇的流行病学研究</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81097079.html" title="安徽淮南寿县消防救援大队招考聘用乡镇政府专职消防队员冲刺题3"
target="_blank">安徽淮南寿县消防救援大队招考聘用乡镇政府专职消防队员冲刺题3</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81093964.html" title="浙江嘉兴市发展和改革委员会招考聘用岗位合同工冲刺题5"
target="_blank">浙江嘉兴市发展和改革委员会招考聘用岗位合同工冲刺题5</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-75946487.html" title="2021年12月2021江苏淮安生物工程高等职业学校第二批招聘教师网冲刺题(带答案)"
target="_blank">2021年12月2021江苏淮安生物工程高等职业学校第二批招聘教师网冲刺题(带答案)</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81641278.html" title="中国海洋大学食品科学与工程学院科研助理招考聘用冲刺题"
target="_blank">中国海洋大学食品科学与工程学院科研助理招考聘用冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81100374.html" title="2022年广西柳州市政府热线12345招考聘用冲刺题1"
target="_blank">2022年广西柳州市政府热线12345招考聘用冲刺题1</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81641814.html" title="2022年01月厦门市集美区实验小学招聘编制外教师冲刺题"
target="_blank">2022年01月厦门市集美区实验小学招聘编制外教师冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81642952.html" title="2022年03月2022广东河源市连平县田源镇人民政府公开招聘编外人员3人冲刺题"
target="_blank">2022年03月2022广东河源市连平县田源镇人民政府公开招聘编外人员3人冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81092500.html" title="重庆市渝北区玉峰山中心卫生院招考聘用冲刺题6"
target="_blank">重庆市渝北区玉峰山中心卫生院招考聘用冲刺题6</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81640868.html" title="2021年12月长沙市林业局所属事业单位2021年公开招考（选调)3名工作人员冲刺题"
target="_blank">2021年12月长沙市林业局所属事业单位2021年公开招考（选调)3名工作人员冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-docx"
href="/p-81641191.html" title="2021年湖南长沙市委信办招考聘用冲刺题"
target="_blank">2021年湖南长沙市委信办招考聘用冲刺题</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-75603784.html" title="转移、非转移肝癌病人血清SNA、PHA-E亲和型糖蛋白质组学研究"
target="_blank">转移、非转移肝癌病人血清SNA、PHA-E亲和型糖蛋白质组学研究</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-75473535.html" title="消痰解郁方对乳腺癌前病变的治疗作用与机制初探"
target="_blank">消痰解郁方对乳腺癌前病变的治疗作用与机制初探</a>
</li>
<li class="col-lg-6 px-0 px-lg-3">
<a class="text-ellipsis office-icon text-dark py-2 office-icon-pdf"
href="/p-75603269.html" title="转导Aire的骨髓DCs对NOD鼠1型糖尿病的治疗作用研究"
target="_blank">转导Aire的骨髓DCs对NOD鼠1型糖尿病的治疗作用研究</a>
</li>
</ul>
</div>
</div>
<div class="detail-sidebar d-none d-lg-block">
<div id="columnDetailSiderRight">
<div class="detail-yourlike mt-0 pb-2" id="relativeArticle">
<div class="border-bottom py-2 d-flex align-items-center justify-content-between">
<h5 class="font-16">相关文章</h5>
<a class="font-14 hover-letter-spacing" href="/ucenter/search/index.html?text=Dreamweaver课件：第9章框架和框架集" target="_blank" rel="nofollow">更多<i class="iconfont font-12 pl-1"></i></a>
</div>
<ul class="font-14 like-list">
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-pdf" href="/p-5420255.html" title="dreamweaver创建框架和框架集" target="_blank">d<span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span>创建<span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-pdf" href="/p-5420257.html" title="dreamweaver框架和框架集" target="_blank">d<span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-pdf" href="/p-5995046.html" title="dreamweaver创建框架和框架集" target="_blank">d<span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span>创建<span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-11222863.html" title="dreamweaver制作框架" target="_blank">d<span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span>制作<span class="text-danger">框</span><span class="text-danger">架</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-14478387.html" title="框架页和框架集ppt培训课件" target="_blank"><span class="text-danger">框</span><span class="text-danger">架</span>页<span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span>ppt培训<span class="text-danger">课</span><span class="text-danger">件</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-33393063.html" title="dreamweaver制作框架" target="_blank">d<span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span>制作<span class="text-danger">框</span><span class="text-danger">架</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-37831016.html" title="框架页和框架集" target="_blank"><span class="text-danger">框</span><span class="text-danger">架</span>页<span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-39590463.html" title="《框架页和框架集》PPT课件" target="_blank">《<span class="text-danger">框</span><span class="text-danger">架</span>页<span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span>》PPT<span class="text-danger">课</span><span class="text-danger">件</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-59006873.html" title="Dreamweaver框架和框架页面教学设计.doc" target="_blank"><span class="text-danger">D</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span>页面教学设计.doc</a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-59420497.html" title="Dreamweaver课件：第9章框架和框架集.ppt" target="_blank"><span class="text-danger">D</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">课</span><span class="text-danger">件</span><span class="text-danger">：</span><span class="text-danger">第</span><span class="text-danger">9</span><span class="text-danger">章</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">和</span><span class="text-danger">框</span><span class="text-danger">架</span><span class="text-danger">集</span>.ppt</a>
</li>
</ul>
</div>
<div class="detail-yourlike pb-2">
<div class="border-bottom py-2">
<h5 class="font-16">相关标签</h5>
</div>
<ul class="font-14 like-list d-flex flex-wrap">
<a class="search-tag" href="/tags/540240/" target="_blank">框架</a>
<a class="search-tag" href="/tags/540013/" target="_blank">课件</a>
</ul>
</div>
<a class="detail-sidebar-gg d-block rounded" href="https://www.ttzyw.com/" target="_blank"><img src="https://www.wenku365.com/d/file/2021/09-08/8ae594f962021288bbd21ce8e5e2f6e6.jpg"></a>
</div>
</div>
</div>
<!--底部悬浮-->
<div class="d-lg-none m-footer">
<div class="container d-flex justify-content-between align-items-center bg-white border-top flex-nowrap pr-3">
<div class="flex-1 pr-3 text-secondary d-flex align-items-center" style="line-height: 1">
<a class="text-center px-3 d-block mr-2" href="/">
<i class="iconfont d-block font-24 text-muted"></i>
<p class="font-12 text-muted mb-0 mt-1">首页</p>
</a>
<div class="text-center px-3 mr-2" id="shareModal">
<i class="iconfont d-block font-24 text-muted"></i>
<p class="font-12 text-muted mb-0 mt-1">分享</p>
</div>
<div class="text-center px-3 copyWebsite">
<i class="iconfont d-block font-24 text-muted"></i>
<p class="font-12 text-muted mb-0 mt-1">客服</p>
</div>
</div>
<button class="btn btn-danger px-4 py-2 flex-shrink-0" data-btn="downloadfile" data-mobile="true" data-id="39323601" data-price="1500" data-size="204.60 KB" data-page="30页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="Dreamweaver课件：第9章框架和框架集">下载本文档</button>
</div>
</div>
<!--toast列表区域-->
<div aria-live="polite" aria-atomic="true" class="toast-area"></div>
<!--左侧悬浮框-->
<!--预览弹窗-->
<div class="modal m-fullscreen-modal" id="viewModal" tabindex="-1" role="dialog" aria-labelledby="viewModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
<div class="modal-content pt-0">
<div class="modal-header">
<h5 class="modal-title text-ellipsis">暂无标题</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body empty-box-2" data-target="#dataLoading">
<div id="viewImgBox"></div>
<button class="btn" id="dataLoading" data-close="#viewModal">
</button>
</div>
</div>
</div>
<div class="view-modal-features">
<div>
<a class="btn btn-light article-viewall" target="_blank"><i class="iconfont"></i></a>
</div>
<div>
<a class="btn btn-light article-collection" tabindex="-1" role="button" aria-disabled="false" data-close="#viewModal"><i class="iconfont"></i></a>
</div>
<div>
<a class="btn btn-light article-download" data-body="true" data-btn="downloadfile" data-dismiss="modal"><i class="iconfont"></i></a>
</div>
</div>
</div>
<!--举报弹窗-->
<div class="modal fade m-fullscreen-modal" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="reportModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
<div class="modal-content pt-0">
<div class="modal-header">
<h5 class="mb-0">举报</h5>
<button type="button" id="closeReportModal" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<div class="modal-custom-box px-0 px-lg-4">
<form id="reportForm" data-logintype="normal">
<div class="d-flex mb-4 align-items-center">
<p class="require flex-shrink-0">举报原因</p>
<label class="flex-grow-1">
<select class="custom-select" id="reportReason" name="title" class="rounded">
<option selected hidden disabled value="" class="text-secondary">请选择举报原因</option>
<option value="涉及党政历史">涉及党政历史</option>
<option value="歪曲党史、新中国史、改革开放史、社会主义发展史">歪曲党史、新中国史、改革开放史、社会主义发展史</option>
<option value="文档内容质量低下无意义">文档内容质量低下无意义</option>
<option value="内容中含有违法信息如（涉恐，色情，低俗等）">内容中含有违法信息如（涉恐，色情，低俗等）</option>
</select>
<div></div>
</label>
</div>
<input type="hidden" name="id" value="39323601"/>
<div class="d-flex mb-4 align-items-center">
<p class="require">联系方式</p>
<label class="flex-grow-1">
<input type="text" placeholder="请输入您的手机号" id="reportContract" name="tel" class="rounded">
<div></div>
</label>
</div>
<div class="d-flex align-items-center mb-4">
<p class="require">详细说明</p>
<label class="flex-grow-1">
<textarea type="text" placeholder="请输入举报原因" id="reportDetail" name="content" class="rounded"></textarea>
<div></div>
</label>
</div>
<div class="mt-4 d-flex align-items-center justify-content-between" style="padding-left: 83px">
<button class="btn btn-primary submit mt-0 px-5 flex-shrink-0" style="width: auto" type="button">提交</button>
<p class="mb-0 ml-3">内容无法转码请<button type="button" class="btn btn-sm btn-outline-primary ml-2" id="reEncode">点击此处</button></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--登录以及金币充足 支付弹窗-->
<div class="modal fade m-fullscreen-modal" id="rechargeEnoughModal" tabindex="-1" role="dialog"
aria-labelledby="rechargeEnoughModaLabel" data-backdrop="static" data-keyboard="false"
aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
<div class="modal-content pt-0">
<div class="modal-header">
<h5 class="mb-0">文档下载</h5>
<button type="button" id="closeRechargeEnoughModal" class="close" data-dismiss="modal"
aria-label="Close">
×
</button>
</div>
<div class="modal-body">
<div class="px-3 py-2 bg-light">
<a href="" class="font-14 text-ellipsis-2 mb-0 text-dark">Dreamweaver课件：第9章框架和框架集</a>
</div>
<div class="text-dark font-14 text-center mt-3"> 我的金币余额：<b class="text-danger user-balance">0.00</b></div>
<div class="text-dark text-center mt-2 font-16">下载文档需要支付金币<b class="text-danger user-pay-money">15</b></div>
<div class="mt-5 text-center">
<button class="btn btn-primary px-5 lianquanPay" data-id="39323601" data-price="15" data-page="30页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="Dreamweaver课件：第9章框架和框架集">确定支付并下载</button>
</div>
</div>
</div>
</div>
</div>
<!--移动端未登录 输入手机号弹窗-->
<div class="modal fade m-half-fullscreen-modal custom-modal-dialog" id="rechargeUnLoginImportPhone" tabindex="-1" role="dialog" aria-labelledby="rechargeEnoughModaLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header w-100">
<h5 class="mb-0">请先输入手机号</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
</div>
<div class="modal-body">
<form>
<label>
<i class="iconfont text-secondary"></i>
<input type="text" placeholder="请输入手机号" id="importPhone" name="phone">
</label>
</form>
<div class="mt-5 text-center">
<button class="btn btn-primary px-5" id="rechargeUnLoginSurePhone">确定</button>
</div>
</div>
</div>
</div>
</div>
<div id="mobilePayBox" class="mobile-pay-box"></div>
<div id="closeAlipay" class="close-ali-pay">关闭</div>
<footer>
<div class="container d-none d-lg-block mb-4">
<div class="d-flex justify-content-between footer-nav">
<ul class="d-flex foot-nav">
<li>
<h5>常见问题</h5>
<a class="text-decoration-none help-nav-item" href="/help/wenti/upload/" data-name="关于上传" target="_blank">关于上传</a><a class="text-decoration-none help-nav-item" href="/help/wenti/xiazai/" data-name="关于下载" target="_blank">关于下载</a><a class="text-decoration-none help-nav-item" href="/help/wenti/qinquan/" data-name="关于侵权" target="_blank">关于侵权</a><a class="text-decoration-none help-nav-item" href="/help/wenti/fenxaing/" data-name="文档上传教程" target="_blank">文档上传教程</a> </li>
<li>
<h5>关于我们</h5>
<a class="text-decoration-none help-nav-item" href="/help/about/wzjs/" data-name="网站介绍" target="_blank">网站介绍</a><a class="text-decoration-none help-nav-item" href="/help/about/gywm/" data-name="关于我们" target="_blank">关于我们</a><a class="text-decoration-none help-nav-item" href="/help/about/lxwm/" data-name="联系我们" target="_blank">联系我们</a> </li>
<li>
<h5>版权问题</h5>
<a class="text-decoration-none help-nav-item" href="/help/banquan/bqsm/" data-name="版权声明" target="_blank">版权声明</a><a class="text-decoration-none help-nav-item" href="/help/banquan/qqcl/" data-name="侵权处理" target="_blank">侵权处理</a><a class="text-decoration-none help-nav-item" href="/help/banquan/mzsm/" data-name="免责声明" target="_blank">免责声明</a> </li>
<li>
<h5>协议条款</h5>
<a class="text-decoration-none help-nav-item" href="/help/xieyi/yhxy/" data-name="用户协议" target="_blank">用户协议</a><a class="text-decoration-none help-nav-item" href="/help/xieyi/fwtk/" data-name="用户服务条款" target="_blank">用户服务条款</a><a class="text-decoration-none help-nav-item" href="/help/xieyi/ysbh/" data-name="用户隐私保护" target="_blank">用户隐私保护</a> </li>
<li>
<h5>网站导航</h5>
<a class="text-decoration-none help-nav-item" href="/sitemaps.xml" data-name="网站地图" target="_blank">网站地图</a>
<a class="text-decoration-none help-nav-item" href="/list.html" data-name="全部分类" target="_blank">全部分类</a>
<a class="text-decoration-none help-nav-item" href="/sitemaps/index.html" data-name="资源地图" target="_blank">资源地图</a>
</li>
</ul>
<div class="foot-qrcode d-flex">
<div>
<div class="subsitute-bg"><img src="https://www.wenku365.com/d/file/2022/07-08/f23df57d987ef7ad9acb33fe5abf9854.jpg"></div>
<p>关注公众号<br></p>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<p><a href="/" target="_blank">天天文库</a>定位于知识共享平台，用户可以上传优质的文档内容，提供知识服务，本平台完成后续的宣传推广、内容分发、知识创收等工作，为更多的知识创作者创造价值。</p>
<p>本平台严格对内容的质量进行把关，为了能够健康、平衡的发展。如果您的权利被侵害，请联系我们的客服进行举报。客服QQ：3074922707 欢迎举报。</p>
<p>Copyright 2004-2023 <a href="https://www.wenku365.com/" target="_blank">wenku365.com</a> All Rights Reserved <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">闽ICP备15016911号-5 </a></p>
<p>闽公网安备 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35052402000320" rel="nofollow" target="_blank">35052402000320</a></p>
<p> <a href="https://www.wenku365.com/zt.html" target="_blank">专题文集</a>
<a href="https://www.wenku365.com/zt-90007.html" target="_blank">丨职业培训</a>
<a href="https://www.wenku365.com/zt-90005.html" target="_blank">丨实用范文</a>
<a href="https://www.wenku365.com/zt-90010.html" target="_blank">丨商业材料</a>
<a href="https://www.wenku365.com/zt-90013.html" target="_blank">丨合同协议</a>
<a href="https://www.wenku365.com/zt-90009.html" target="_blank">丨PPT专题</a></p>
</div>
</footer>
<script>
if (/Android|webOS|iPhone|iPod|mobile|BlackBerry|ucweb|SymbianOS/i.test(navigator.userAgent)) {
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?4632cf11732a8c1c3d1dc47558ae7444";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}
else{
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?3b8c97f8bd7ac4a9ba9ae67ec48cab62";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
}
</script>
</body>
<script src="//static.wenku365.com/wenku365/js/global.min.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/clipboard.min.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/jquery.treeview.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/jquery.share.min.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/common.min.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/downloadFile.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/loginWindow.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/windowRecharge.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/viewer.min.js?1.0.7"></script>
<script src="//static.wenku365.com/wenku365/js/detail.js?1.0.7"></script>
<script src='/wenku/onclick/39323601'></script>
</html>
]]>
