网页设计与制作 项目教学 王君学 孙海伦 金哲第9章教案 项目9 Div──布局搜索网页.pptVIP

项目九 Div──布局搜索网页 任务一 布局页眉 【操作步骤】 1.首先在Dreamweaver 8中定义一个本地静态站点，然后把“项目素材”文件夹中的内容复制到站点根文件夹下。 2.在网站根文件夹下面新建一个网页文档并保存为“index.htm”。 3.将鼠标光标置于文档窗口顶部，然后在菜单栏中选择【插入】／【布局对象】／【层】命令来创建一个层，如图所示。 4.在菜单栏中选择【窗口】／【层】命令或者直接按F2键打开【层】面板，如图所示。 5.在【层】面板中单击层的名称“Layer1”来选定该层。 6.接着在【属性】面板中设置层的大小和位置等参数，如图所示。 7.将鼠标光标置于层“Layer1”中，然后插入图像文件“images/logo.gif”，并单击【属性】面板上的按钮，使其居中显示，如图所示。 8.在【层】面板中双击“Layer1”，重新输入层的名称“TopLayer”，或者在【属性】面板的【层编号】文本框中重新输入层的名称“TopLayer” 。至此，页眉部分就制作完了。 任务二 布局主体 【操作步骤】 1.单击【插入】／【布局】面板上的按钮，在层“TopLayer”下绘制层“Layer1”，其参数设置如图所示。 2.将鼠标光标置于层“Layer1”内，然后在菜单栏中选择【插入】／【表单】／【表单】命令，插入一个表单，如图所示。