DW课程_第08讲-框架与模板.pptVIP

模板的应用 使用【新建文档】对话框，并从任意站点中选择模板进行创建 在【资源】(F11)面板中使用已有模板创建新网页。 在资源面板中单击左侧的模板按钮 鼠标右击所需的模板，从快捷菜单中选择从模板中新建命令 更新应用模板的网页 文件-保存，打开更新模板文件对话框 单击更新按钮，更新通过该模板创建的所有网页；单击不更新按钮，只保存模板而不更新通过该模板创建的网页 典型案例——创建“校园新闻”网页 典型案例——创建“校园新闻”网页 操作思路 使用模板新建网页 在可编辑区域添加新闻标题和新闻内容 将网页保存为“new.html” 本讲回顾 target设定目标链接的窗口，取值有哪些？ 上机实验 编写如下图所示效果对应的html代码 top.html left.html right1.html或right2.html frame_sets.html * 学电子商务，上“北财陈博客”看看。百度搜索“北财陈博客” * 学电子商务，上“北财陈博客”看看。百度搜索“北财陈博客” * 学电子商务，上“北财陈博客”看看。百度搜索“北财陈博客” 第08讲-框架与模板 课程回顾 如何用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_cols框架/TITLE /HEAD FRAMESET rows=25%,50%,* border=5 FRAME name= top src=the_first.html FRAME name=middle src=the_second.html FRAME name= bottom src=the_third.html /FRAMESET /HTML 将窗口分割成上中下3部分 如果要在浏览器中创建左中右三个窗口,该如何实现？ 每个窗口对应一个页面，以及一