FrontPage_2003初级入门实例2.doc

/fhtml实例3? 音乐网 1．制作目的 本例制作一个音乐网，如图14.3.1所示。在制作过程中，将用到框架网页的创建、制作框架内容、保存框架网页、设置目标链接、层等知识。 图14.3.1 ?最终效果图 2．操作步骤 （1）启动FrontPage 2003应用程序，选择“文件”→“新建”命令，弹出如图14.3.2所示的“新建”任务窗格。 （2）在“新建网页”选区中单击“其他网页模板”超链接，在弹出的“网页模板”对话框中打开“框架网页”选项卡，如图14.3.3所示。 ????????? 图14.3.2? “新建”任务窗格?????????? ??????????????图14.3.3? “框架网页”选项卡???????????????? （3）在该选项卡中选中。。。图标，单击“确定”按钮，创建如图14.3.4所示的框架网页。 图14.3.4? 创建框架网页 （4）单击上框架中的“新建网页”按钮，该框架即可变成一个空白网页。 （5）将光标置于该空白网页中，单击“格式”工具栏中的“插入层”按钮。。。，在该空白网页中插入一个层。 （6）选中该层，当层的四周出现8个控制点后，将鼠标移到层右下角的控制点上，当鼠标变成。。。形状时，按住鼠标左键拖动，调整层的大小。 （7）将鼠标移到层的左上角，当鼠标指针变成。。。形状时，按住鼠标左键将层拖动到网页的左上角后释放鼠标左键。 （8）将光标置于该层中，选择“插入”→“图片”→“来自文件”命令，弹出如图14.3.5所示的“图片”对话框。 图14.3.5? “图片”对话框 （9）在“查找范围”下拉列表中选择图片的保存位置，然后选择所需的图片，单击“插入”按钮，将该图片插入到层中。 （10）单击下端左侧框架中的“新建网页”按钮，该框架即可变成一个空白网页。 （11）将鼠标置于该框架网页中，单击鼠标右键，在弹出的快捷菜单中选择“在新窗口中打开网页”命令，即可在一个新窗口中打开该网页，并且在该窗口中编辑网页。 （12）选择“插入”→“表单”命令，插入一个表单。 （13）在光标所在位置输入“关键字：”，然后选择“插入”→“表单”→“文本框”命令，插入一个文本框表单域。 （14）双击所插入的文本框表单域，弹出如图14.3.6所示的“文本框属性”对话框。 （15）在“宽度”文本框中输入“12”，然后单击“确定”按钮。 （16）双击“提交”按钮，弹出如图14.3.7所示的“按钮属性”对话框。 ????? ?? 图14.3.6? “文本框属性”对话框????????????????? 图14.3.7? “按钮属性”对话框???????? （17）在该对话框中的“值/标签”文本框中输入“搜索”，然后单击“确定”按钮。 （18）选中“重置”按钮，然后按“Delete”键，删除该按钮。 （19）另起一行插入一个14行2列的表格，然后选中第一行表格，在该表格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将这两个单元格进行合并。 （20）将光标置于合并后的单元格中，选择“插入”→“图片”→“来自文件”命令，弹出“图片”对话框（见图14.3.5）。 （21）在该对话框中选择所需的图片，然后单击“插入”按钮。 （22）分别在第2行、第3行和第4行的单元格中输入文本内容，输完后选中所有的文本，然后单击“格式”工具栏中的“左对齐”按钮。。。，设置后的效果如图14.3.8所示。 图14.3.8? 设置文本效果 （23）按同样方法在其他单元格中插入图片、输入文本并设置文本的对齐方式。 （24）关闭该网页，返回到框架网页中，制作后的框架效果如图14.3.9所示。 图14.3.9? 制作框架网页效果 （25）单击下端右侧框架中的“新建网页”按钮，该框架即可变成一个空白网页。 （26）单击“格式”工具栏中的“插入层”按钮。。。，在该空白网页中插入一个层。 （27）选中该层，当层的四周出现8个控制点后，将鼠标移到层右下角的控制点上，当鼠标变成。。。形状时，按住鼠标左键拖动，调整层的大小。 （28）将鼠标移到层的左上角，当鼠标指针变成。。。形状时，按住鼠标左键将层拖动到网页的左上角后释放鼠标左键。 （29）将光标置于该层中，选择“插入”→“图片”→“来自文件”命令，弹出“图片”对话框（见图14.3.5）。 （30）在该对话框中选择所需的图片，然后单击“插入”按钮，效果如图14.3.10所示。 （31）将光标置于层下方，插入一个12行2列的表格。 （32）选中第一行单元格，然后在选中的第一行单元格中单击鼠标右键，在弹出的快捷菜单中选择“合并单元格”命令，将第一行单元格进行合并。 （33）将光标置于合并后的单元格中输入文本“最新专辑推荐视听”，输完后选中该文本，单击“格式”工具栏中的“加粗”按钮。。。和“居中”