第9章 综合例──使用框架布局网页“柠檬网”.docVIP

第9章 综合实例──使用框架布局网页“柠檬网” 在学习了框架的相关知识后，本例通过制作一个使用框架技术制作的播客网站来学习其在实际网页制作中的应用。该网页由上下框架组成，当单击上方框架导航栏中的链接时，将在下方框架中显示链接的网页文档，如图9-2-1所示。 图9-2-1 使用框架布局网页最终效果 制作思路 为简化制作过程，我们已将各个框架中需要用到的源文件准备好。首先创建框架页，并在各框架中设置素材中提供的网页源文件，最后设置超链接，完成网页制作。 制作步骤 制作网站首页 网站首页的制作主要就是创建框架页，并为各个框架设置源文件，下面我们来看具体操作。 Step01 在本地磁盘新建文件夹“lemon”，然后将素材中的“lemon”文件夹中的相关文件拷贝至本地“lemon”文件夹中，并在Dreamweaver中定义站点“lemon”。 Step02 新建一个普通文档，将插入点置于文档编辑窗口中，然后单击“布局”插入栏中的“框架”按钮，在下拉列表中选择“顶部框架”，如图9-2-2所示。 图9-2-2 插入顶部框架 Step03 选择“文件”→“保存框架页”菜单，将框架页保存为“index.html”。 Step04 单击上下框架分界线，在“属性”面板上“行”编辑框中输入110，设置上方框架高为110像素，如图9-2-3所示。 图9-2-3 设置框