冀教版八年级全册第二单元 网页制作——Dreamweaver第九课 框架布局网页课文配套ppt课件

这是一份冀教版八年级全册第二单元 网页制作——Dreamweaver第九课 框架布局网页课文配套ppt课件，共14页。PPT课件主要包含了框架布局网页等内容，欢迎下载使用。

冀教版 信息技术2 网页制作——Dreamweaver
猜猜我是什么布局？单一版式？上下版式？左右版式？还是……
二、思考：1.什么是框架？ 2.框架由几部分组成？ 3.什么是框架式网页？
框架：（Frames）是布局网页的一种方式，框架可以把浏览器窗口划分为不同的部分，每部分显示单独页面，页面内容是相互联系的。
框架由框架集（Frameset）和单个框架（Frame）两部分组成。框架集：是一个定义框架结构的网页，它包括网页内框架的数目、每个框架的大小、框架内网页的来源和框架的其他属性。单个框架：包含在框架集中，是框架集的一部分，每个框架中都放置一个内容网页，组合起来就是浏览者看到的框架式网页。
框架式网页：是由N+1个网页组成，N是框架数。
三、创建框架式网页： 步骤一：站点根目录下创建index.html页面。 步骤二：创建框架结构网页。 操作方法：打开“index.html”页面，选 择“插入——html——框架——上方及左侧嵌 套（Tp Nested Left）”创建框架结构。 将光标置于上方框架中，选择“修改—— 框架页——拆分上框架”，将上放框架分为上、 下两部分。
步骤三：显示框架结构 操作方法：选择“窗口——框架”，在打开的“框架”面板中显示框架结构和各框架名称。步骤四：新框架命名 操作方法：在“框架”面板中，选择“步骤二”中新拆分出来的框架，更改属性面板中的设置，为新框架命名为“tpFrame2”
注：如果框架内有滚动条，在“框架”面板中选中该框架，在框架属性面板中“滚动（Scrll）”栏设置为“自动（Aut）”，框架会根据其内部页面的状况决定是否出现滚动条
四、完善网页 1.在tpFrame1中插入Flash文件 操作方法：将光标置于框架tpFrame1内，选择“插入——媒体——Flash”，在弹出的对话框中选择“Flash”文件夹下的“banner.swf”文件。 2.创建导航连接
四、完善网页 2.创建导航链接 （1）将光标定位在框架“tpFrame2”中，选择“插入——表格”，插入一个“1行6列”的表格。 （2）在对应的单元格中，输入对应的栏目内容。 （3）在页面属性中设置背景颜色。
四、完善网页 3.框架式网页链接设置 （1）在左框架中插入一个4行1列的表格、宽度设为100%，各行分别输入“绘画作品”“电子板报”“Flash动画”“网页”。 （2）为“绘画作品”创建超链接到“zupin”文件夹下的“huihualist.html”文件，在属性面板的“目标”列表中选择“mainFrame”。 （3）同样的方法，为下面三个栏目分别设置链接。
四、完善网页 4.目标链接方式： _parent _self _tp _mainFrame _leftFrame 5.在页面设置浮动图片
五、思考 为什么“我的作品”页面不用表格布局而用框架布局网页？ 框架结构布局网页的优缺点？
六、课堂练习 1.完成“我的作品”页面的制作 2.根据提供的素材，小组制作专题栏目网页 如：蝴蝶图片展 水果大全 ……
七.课堂小结 1.学习了框架的概念及组成 2.掌握了框架布局的制作方法 框架式网页的链接方式 3.利用CSS样式在页面设置浮动图片