图层框架网页.doc

6.2 利用层制作网页1、 创建层2、 层的操作3、 选中层4、 缩放层5、 移动层6、 对齐层7、 层的属性设置8、 层与表格的转换9、 实例操作1 新建一个页面，单击菜单栏中的（文件）/（保存）命令，将文件保存为“tuceng.html”。2 单击菜单栏中(修改)/（页面属性）对话框中设置（背景图像）为“image”下的“BG023”文件，并将该文件保存在该站点根目录下。 （1） （2）3 单击（插入）栏/（布局）选项中的插入图层按钮，在页面中绘制一个图层。4 单击菜单栏中的（窗口）/（层）命令，打开（层）面板，可以看到刚绘制的图层名称为“Layer1”，如图（24）所示。 （24）5 选中“Layer1”，在（属性）面板中，设置L（左）值为150、T（上）值为17。如图（5） （5）6 将光标置于层中，单击（插入）栏/（常用）选项中的插入图像按钮，选择“image”下的“asd.gif”图像文件，并将该文件保存在该站点根目录下，此时的页面如图（6）所示。 （6）7 单击插入栏/（布局）选项中的插入图层按钮，在层“Layer1”右侧再绘制一个图层，默认名称为“Later2”。如图（7） （7）8 将光标置于层“Layer2”中，单击（插入）栏/（多媒体）选项中的插入Flash动画按钮，。9 在弹出的选择文件对话框中选择“image”下的“banner2.swf” 文件，并将该文件保存在该站点下的根目录下。如图（8）。10中“banner2.swf”文件，在（属性）面板中设置其（宽）为“550”、（高）为“57”，单击（播放）按钮，观看效果，（属性）面板（9）所示。 （9）11 页面如图（10）所示。 （10）12在层“Layer1”和“Layer2”的下方再绘制一个图层，默认名称为“Layer3”。如图（11） （11）13选中层“Layer3”，在（属性）面板中设置层的左边框与编辑窗口左边缘的距离L（左）为“150”（该值等于层“Layer1”的L（左）值；设置层的上边框与编辑窗口的上边缘的距离T（上）为“74”该值等于层“Layer1”的T（上）值加图像“ads.gif”的高度值），从而保证页的整齐度，层“Layer3”的（属性）设置如图（12）所示。 （12）14将光标置于层Layer3”中，单击（插入）/（常用）选项中的插入图像按钮，选择“image”下的“bj.gif”图像文件，将该文件保存在该站点下的根目录下。如图（13） （13）15选中图像，在（属性）面板中设置图像的W （宽）为“743”H（高）为“516”。16运用层的可重叠性，单击（插入）栏/（布局）选项中的插入图层按钮，按住键盘中( ctrl ) 键，在页面中连续绘制四个图层，默认名称为“Layer4Layer7”并将“image ”下的“gc-01.gifgc-04.gif”图像文件分别插入到着四个层中，将文件都保存在该站点的根目录下，此时页面如图（14）所示。 （14）17单击（插入）栏/（布局）选项中的插入图层按钮，在按钮上再绘制4个图层，默认名称为“Layer8Layer11”。18将光标置于层“Layer8”内，在层中输入文字“首页”。19将光标置于层“Layer9”内，在层中输入文字“通讯录”。20将光标置于层“Layer10”内，在层中输入文字“相册”。21将光标置于层“Layer11”内，在层中输入文字“校园回顾”。 22分别选择文字，在（属性）面板中设置字的大小为“9 points”，点选（加粗）按钮使文字加粗，此时的页面如图（15）所示。 （15）23选中文字“首页”，单击（属性）面板的（链接）右侧的文件夹，选择一个网页文件，为文字“首页”设置超链接。24为其他几个按钮上的文字创建超链接。25单击（插入）栏/（布局）选项中的插入图层按钮，绘制