广东科贸职业学院
质量记录
GDKMQR10005
学生实验报告
广东科贸职业学院学生实验报告姓名邝之泉学号34系信息工程系专业10软件2班成绩课程名称网页制作实验名称框架和层
实验目的、要求1、理解网页制作中版面布局的概念。2、熟练掌握使用框架来进行版面布局的方法。3、掌握Iframe内嵌式框架的使用。4、理解层的概念。5、熟练掌握层在网页制作中层的使用方法和技巧。主要设备、器材电脑、Dreamweaver软件实验原理框架和层都是网页版面布局的方法。使用框架Frames可以把网页分割成几个窗口,在每个窗口可打开一个独立的网页文件。实验步骤记录一、建立一个左右分栏的框架。这是一个左右型的框架,由三个网页文件组成的。首先外部的框架是一个文件,我们用i
dexhtm命名;框架中左边命名为left,并将左边框架中打开的网页保存为Ahtm;右边命名为maim,并将右边框架中打开的网页保存为是Bhtm。然后在左边框架中建立一个5行一列的表格作为导航栏,每行内容为“网站首页、在线文章、图片欣赏、心情日记、我的像册”分别链接到Y1htm、,Y2htm、Y3htm、Y4htmY1htm,Y5htm文件。都在右边窗口打开。操作步骤:1、新建框架。点“文件”菜单新建,弹出“新建文档”对话框:在插入栏布局选"框架:左框架":DreamweaverMX2004生成一个空白的框架页面:2、格式化框架和命名。选择「窗口」菜单>“框架”,弹出“框架”面板如下图。从框架面板可知,系统对左右框架生成命名。左框架名为:leftFrame,右框架名为:mai
Frame,当然您可以通过框架属性面板对框架重新命名,了解这一点非常重要。创建超级链接时,要依据它正确控制指向的页面。3、保存框架集文件。用鼠标选中窗口中那条分隔线,选择“文件”菜单点击“保存框架页“,这时保存的是框架集文件,取名为i
dex。也可选择“文件”菜单点击“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。保存的时候如果虚线框笼罩的是周围一圈就是保存框架结构。
f广东科贸职业学院
质量记录
GDKMQR10005
4、保存框架(即在框架中新建或打开网页)。用鼠标点击左边框架中任一位置,选择“文件”菜单点击“保存框架页“,这时保存的是左边框架中打开的网页文件,取名为a。用鼠标点击右边框架中任一位置,选择“文件”菜单点击“保存框架页“,这时保存的是右边框架中打开的网页文件,取名为B。也可选择“文件”菜单点击“保存全部”。系统弹出对话框。保存的时候如果虚线框笼罩的是周围一圈就是保r