电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

Dreamweaver-CS5自学教程-第六课-框架结构

12页
  • 卖家[上传人]:206****923
  • 文档编号:90600653
  • 上传时间:2019-06-13
  • 文档格式:DOC
  • 文档大小:1.18MB
  • / 12 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 1、第六课 框架结构6-1 创建框架第6章 框架一、什么是框架?一个框架就是一个区域,可以单独打开一个HTML文档。多个框架就把浏览器窗口分成不同的区域,每个区域显示不同的HTML文档。多个框架就组成一个框架集。这是一个左右结构的框架。事实上这样的一个结构是由三个网页文件组成的。首先外部的框架集是一个文件,图中我们用index.htm命名。框架中左边命名为L,指向的是一个网页A.htm。右边命名为R,指向的是一个网页B.htm。 1、框架结构的设置:新建一个页面,然后在布局中设置框架的结构2、多个框架就组成一个框架集。每个框架集结构是由多个网页文件组成的。点击每个框架结构分别显示独立的名字,点击框架边框线则显示框架集的名字。 拖动即可调整框架宽度3、如果设计框架集时看不到边框,可以点击“查看可视化助力框架边框”,使其显示出来。4、单击每个框架,可以从下面属性面板中进行设置,与单个页面的编辑的方式相同。5、保存框架集的时候,需要把框架集的每个框架结构分别保存成独立的网页。 框架集保存 框架保存保存后的站点目录文件6-2 框架实例:电子书1三、实例:网页书知识点:1、框架的作用 1做网页的布局

      2、,将网页分成不同的部分 2简化网页的编写:网页之间相同的内容只需要编写一次 3加快网页的浏览:每次网页只更新那个变化的框架内容2、设置框架和框架集的属性1)框架集选中框架集:鼠标单击框架的边框,虚线显示的部分就是选中的框架集设置框架集属性:边框, 边框宽度, 边框颜色 行:值,单位(像素,百分比,相对)2)框架选中框架:框架面板中单击要设置的框架或者按住【alt】键,在框架窗口内单击设置框架属性: 框架名称,源文件,边框,滚动,不能调整大小边框颜色,边界宽度,边界高度。3、设置框架中的链接1、新建框架的一种方法:“文件新建示例中的页框架页”2、图片和文字在横向上居中对齐,一般采用对齐方式中的“绝对居中”3、边框的各种属性可以在下方的属性面板进行设置6-3 框架实例:电子书2框架的链接1、设计好需要在框架网页中链接的网页2、添加链接,在属性面板中设置好“目标”项,要区分框架板块的名称。注:框架集中的框架都有一个系统默认设置的名称,从窗口中可打开框架面板查看 框架的系统默认名等属性可以在下方属性面板修改点击框架集的边框和点击“框架”视图会出现的不同的属性视图框架中添加链接时,设置“目标”项

      3、时会影响到在哪一个框架中打开链接的网页6-4 框架集和框架属性设置1、点击框架集的边框,在下方的属性面板设置框架的边框等属性框架集内的设置需要切换结构分别设置2、修改框架属性时会涉及到多个边框,可以选择“保存全部”一次性保存3、点击“框架”视图,框架“滚动”的设置。设置滚动的作用是成网页滚动条,以显示全部网页内容。通常我们会设置成“自动”,内容多时会自动生成滚动条,内容少时没有滚动条。6-5 自定义框架集四、自定义框架集如果框架集不满足我们的需要时,我们需要自己建立框架。看例子:1、 拆分方法:1拖动编辑窗口的边框:鼠标置于编辑窗口的边框,变成 或者 时拖动。2拖动窗口中的框架边框:按住【Alt】键,鼠标变成 或者 时拖动。 注意:当指向拖动一小段边框时,先选中当前框架,再拖动。例如:2、框架的删除 方法:拖动不需要的边框和别的边框合并,或者拖到编辑窗口外。1、拖动编辑窗口的边框建立一个新框架,拖到编辑窗口外删除框架。 2、按住Alt键,拖动框架边框,可以复制边框线,建立新的边框结构 6-6 页中页IFRAMEIFRAME 元素也就是文档中的文档,或者好像浮动的框架(FRAME)。Name 框架的名字Src 链接的源文件Frameborder 框架的边框设置Scrolling 滚动条设置1、点击“布局IFRAME”自动切换你到拆分视图,以方便修改代码设置属性2、IFRAME窗口属性修改 窗口宽度设置 窗口高度设置 添加链接3、一个实例:变化显示 效果先做好两个网页在网页中加入IFRAME代码中按空格键,设置IFRAME的高度和宽度代码中按空格键,设置一个IFRAME链接 代码中按空格键,滚动条设置 代码中按空格键,边框设置 代码中按空格键,给IFRAME添加一个名字,以方便设置作为链接跳转的目标 添加一个链接,链接的目标要与IFRAME的名字一致保存,预览

      《Dreamweaver-CS5自学教程-第六课-框架结构》由会员206****923分享,可在线阅读,更多相关《Dreamweaver-CS5自学教程-第六课-框架结构》请在金锄头文库上搜索。

      点击阅读更多内容
    最新标签
    发车时刻表 长途客运 入党志愿书填写模板精品 庆祝建党101周年多体裁诗歌朗诵素材汇编10篇唯一微庆祝 智能家居系统本科论文 心得感悟 雁楠中学 20230513224122 2022 公安主题党日 部编版四年级第三单元综合性学习课件 机关事务中心2022年全面依法治区工作总结及来年工作安排 入党积极分子自我推荐 世界水日ppt 关于构建更高水平的全民健身公共服务体系的意见 空气单元分析 哈里德课件 2022年乡村振兴驻村工作计划 空气教材分析 五年级下册科学教材分析 退役军人事务局季度工作总结 集装箱房合同 2021年财务报表 2022年继续教育公需课 2022年公需课 2022年日历每月一张 名词性从句在写作中的应用 局域网技术与局域网组建 施工网格 薪资体系 运维实施方案 硫酸安全技术 柔韧训练 既有居住建筑节能改造技术规程 建筑工地疫情防控 大型工程技术风险 磷酸二氢钾 2022年小学三年级语文下册教学总结例文 少儿美术-小花 2022年环保倡议书模板六篇 2022年监理辞职报告精选 2022年畅想未来记叙文精品 企业信息化建设与管理课程实验指导书范本 草房子读后感-第1篇 小数乘整数教学PPT课件人教版五年级数学上册 2022年教师个人工作计划范本-工作计划 国学小名士经典诵读电视大赛观后感诵读经典传承美德 医疗质量管理制度 2 2022年小学体育教师学期工作总结 2022年家长会心得体会集合15篇
    关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
    手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
    ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.