图层框架网页VIP免费

6.2利用层制作网页1、创建层2、层的操作3、选中层4、缩放层5、移动层6、对齐层7、层的属性设置8、层与表格的转换9、实例操作1．新建一个页面，单击菜单栏中的（文件）/（保存）命令，将文件保存为“tuceng.html”。2．单击菜单栏中(修改)/（页面属性）对话框中设置（背景图像）为“image”下的“BG023”文件，并将该文件保存在该站点根目录下。（1）（2）3．单击（插入）栏/（布局）选项中的插入图层按钮，在页面中绘制一个图层。4．单击菜单栏中的（窗口）/（层）命令，打开（层）面板，可以看到刚绘制的图层名称为“Layer1”，如图（2~4）所示。（2~4）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)键，在页面中连续绘制四个图层，默认名称为“Layer4~Layer7”并将“image”下的“gc-01.gif~gc-04.gif”图像文件分别插入到着四个层中，将文件都保存在该站点的根目录下，此时页面如图（14）所示。（14）17．单击（插入）栏/（布局）选项中的插入图层按钮，在按钮上再绘制4个图层，默认名称为“Layer8~Layer11”。18．将光标置于层“Layer8”内，在层中输入文字“首页”。19．将光标置于层“Layer9”内，在层中输入文字“通讯录”。20．将光标置于层“Layer10”内，在层中输入文字“相册”。21．将光标置于层“Layer11”内，在层中输入文字“校园回顾”。22．分别选择文字，在（属性）面板中设置字的大小为“9points”，点选（加粗）按钮使文字加粗，此时的页面如图（15）所示。（15）23．选中文字“首页”，单击（属性）面板的（链接）右侧的文件夹，选择一个网页文件，为文字“首页”设置超链接。24．为其他几个按钮上的文字创建超链接。。25．单击（插入）栏/（布局）选项中的插入图层按钮，绘制一个图层，并在层中输入文字，如图（16）所示。（16）26．单击菜单栏中的（文件）/（保存）命令，将文件保存。27．敲击[F12]键观看网页效果，如图（17）所示（17）