第11节框架

第11节框架课前分享人应该有大的目标。大目标是对自我的挑战，最能够满足人的发展需求，最让人有自我实现的渴望。人需要挑战，回避挑战往往让人感觉不到生活的趣味，也渐渐失去应有的动力和紧张.每天尝到甜头，每天都用适当的成效鼓励自己，每天都满意于努力和付出，这样就能够坚持。有计划的坚持就是积累。项目背景：洛阳艺龙网络设计主要从事网站建设营销策划推广等服务，本着“力求非凡创意，更多用心服务”的口号，为洛阳各大部门创建了网站，并实现了网络的推广。今天网页美工设计人员张林接到一个项目，要求为镇江新区超迪散热器有限公司做一个网站。项目概述项目展示项目分析本节重点制作流程总结提升作业布置要求：1.体现公司简介、荣誉证书及新闻动态2.充分展示公司产品，体现人力资源内容3.以静态为主，加载相应的flash动画4.模式统一，美观大方，充分展示企业形象5.体现留言页面及联系我们，便于与客户的沟通6.体现公司版权信息项目展示项目分析工作思路：运用模板进行整体布局——运用层进行相应动画的设置——利用框架与代码结合制作鼠标响应动画——利用CSS样式进行网站的整体美化今日工作：利用框架与代码结合制作鼠标响应动画※重点问题：框架的作用、创建方法、保存、框架的链接。※难点问题：框架的保存，框架的链接。一、框架的应用教程、聊天室、邮箱、BBS结构，一些小型企业或者个人网站用的就是框架结构网页面。二、创建框架（1）从范例新建--框架集（2）从布局面板创建框架（3）文档——新建——框架集（4）插入菜单——html——框架（5）查看——可视化助理——框架边框：按Alt键可在所选区域拖拉成复杂框架。三、框架的组成框架是由框架集、框架页面组成。框架页是一个个单独的页面，框架集是对框架页进行信息组织的页面。框架：Frame它是单标签；框架集：Frameset/Frameset它是双标签四、框架的标签五、框架的有关属性框架属性框架名称(name)：必须是单个单词，必须以字母起始（而不能以数字起始），区分大小写。允许使用下划线(_)，但不允许使用连字符(-)、句点(.)和空格。源文件(src：)指定在框架中显示的源文档。单击文件夹图标可以浏览到一个文件并选择一个文件。滚动(scrolling)：指定在框架中是否显示滚动条。大多数浏览器默认为“自动”，这就是说只有在浏览器窗口中不能完整显示当前框架页的内容时才显示滚动条。框架集属性边框：是否显示（默认为显示frameborder）。边框宽度(framespcing)。边框色(bordercolor)。选择框架列值：“像素”将选定框架页大小设置为一个绝对值。六、框架的选择通过面板选择：窗口——其他——框架（shift+F2），显示框架集结构，在面板中点击选择某框架页。直接选择：按Alt键，点击某框架页即选中框架页。点击页面正中间框架边框即可选中框架集。七、框架的拆分（1）自动拆分：将插入点至于所需拆分的框架页，从“修改”——“框架集”子菜单选择拆分项。（2）手动拆分：按住Alt键的同时拖动框架边框，即可实现拆分，形成复杂框架。八、框架的删除将框架边框拖出页面。如果被删除的框架页有未保存的内容，则Dreamweaver将提示您保存该文档。我们不能通过拖动边框完全删除一个框架集。如果该框架集文件已保存，则删除该文件。九、保存框架（1）保存时注意问题：先保存框架集再保存框架页。（2）保存框架页时确认当前在哪个框架，然后再一一保存。保存方法：（1）框架集保存：文件——保存框架页保存。框架保存：光标放至某一框架，文件——框架另存为。（2）框架在保存容易出现问题，所以建议先做，做的过程中，一定要注意选择所对应的框架，然后F12浏览，依次保存框架集、各个框架页。（3）页面刚创建时没有任何内容时，文件——保存全部，依次先保存框架集、框架页，然后再进行对框架的其他操作。十、框架的链接（1）直接链接（2）目标：需要在框架哪个子页面中打开就需要选择框架页的名称。（需要注意）十一、子框架的建立在页面中插入一行表格，然后在td标签之后插入代码iframesrc=scrolling=no/iframe即可，修改只要把源文件修改子框架内容会自己修改。总结提升今天我们学习的内容•框架的创建及其属性的设定•框架内链接目标属性的设定基本作业红塔集团页面，用框架进行合理布局提升作业将个人网站中添加框架页面