网页制作第二次实验作业.doc

本文档目录 一、网页布局和框架网页的使用 1 二、表单的使用 3 三、网页的发布 5 四、网站的管理和维护 6 五、综合实验（作业） 6 一、网页布局和框架网页的使用 1、实验目的：掌握框架网页的概念、各框架窗口在网页设计中的作用、框架网页的制作方法。 2、任务要求：使用FrontPage 2003新建站点Web3，在站点中新建模板为“横幅和目录”的框架网页。利用素材，以“唐诗欣赏”为内容制作框架各网页。如图所示： 3、实验素材：实验素材\第8章\第6节 4、操作过程： 1）启动FrontPage 2003，选择“文件”菜单中的“新建”命令，然后在任务窗格中选择“新建网站”中的“由一个网页组成的网站”命令，指定站点的位置，建立站点Web3。如图1所示： 图1创建由一个网页组成的网站 2）在站点中新建网页。选择“文件”菜单中的“新建”命令，然后在任务窗格中选择“新建网页”中的“其他网页模板”命令，在弹出的“网页模板”对话框的“框架网页”选项卡中选择“横幅和目录”模板新建网页。如图2所示： 图2选择框架网页模板 3）利用框架网页每一个子窗口的“新建网页”按钮，新建空白网页。将网页分别保存为“上.htm”、“左.htm”、“唐诗书画.htm”、“总.htm”。注意保存时设置网页的标题。如图3所示： 图3保存框架网页 4）在该站点内新建网页“唐诗介绍.htm”、“诗人简介.htm”、“佳句欣赏.htm”，并利用所给的素材制作网页。 5）在框架网页左侧的目录框架中插入表格，在单元格中输入文本，可定义表格边框为不可见。为输入的文本设置超链接，分别链接到网页“唐诗介绍.htm”、“诗人简介.htm”、“佳句欣赏.htm”。预览时，单击设置的超链接会在右侧的主框架中显示目标网页。如图4所示： 图4链接后的网页 6）保存网页、在浏览器窗口中打开，浏览刚才设计的框架网页，并测试超链接。 5、实验练习：使用FrontPage 2003新建站点Web3，在站点中新建模板为“横幅和目录”的框架网页。利用素材，以“唐诗欣赏”为主要内容制作框架各网页，包括唐诗书画、唐诗简介、诗人介绍和佳句欣赏四个方面，要求利用框架网页左侧的目录框架设置超链接。 二、表单的使用 1、实验目的：了解表单在网站中的作用，掌握表单的制作方法。 2、任务要求：打开所创建的站点Web3，在站点中新建网页“反馈建议表.htm”，制作图所示的反馈建议表。 3、实验素材：实验素材\第8章\第6节 4、实验操作过程： 1）启动FrontPage 2003，选择“文件”菜单中的“打开站点”命令，在弹出的“打开站点”对话框中选择以上创建的站点Web3，打开该站点。 2）在站点中新建网页。选择“文件”菜单中的“新建”命令，然后在任务窗格中选择“新建网页”中的“其他网页模板”命令，在弹出的“网页模板”对话框的“常规”网页模板中选择“意见反馈表单”新建网页，保存为“反馈建议表.htm”如图5、图6、图7所示。 图5在网页模板中选择“意见反馈表单”网页 图6保存表单网页在Web3站点中 图7表单网页 3）在表单中单击鼠标右键，在弹出的快捷菜单中选择“表单属性”命令，打开“表单属性”对话框，可能使用默认的表单处理程序，将客户在表单上填写的信息以文本文件的形式保存到Web服务器的_private文件夹下的文件form_result.txt中。也可以填写电子邮件地址，将表单结果发送到电子邮箱中。如图8所示： 图8表单属性对话框 注意：表单的使用需要发布站点后才能使用。 三、网页的发布 操作过程： 申请个人主页空间 因特网上有许多站点提供免费的主页申请服务。找到提供免费主页申请服务的网站，填写用户基本信息后，等待该网站对提交的申请进行审查。如果审查通过，会收到来自网站的邮件，邮件中通知被分配的主页空间大小、用户名称、口令及一系列管理说明等信息。 2）利用FrontPage 2003发布网页 第一步：在FrontPage 2003中打开站点，选择“文件”→“发布网站”命令，弹出“远程网站属性”对话框，如图9所示： 图9：默认Web站点属性 第二步：在“远程网站位置”文本框中输入要发布的站点的URL或IP地址，然后单击“发布”选项卡，设置发布相关的选项。 第三步：单击“确定”按钮，FrontPage 2003开始检测WWW服务器的状态，与服务器连接成功后，出现“要求提供用户名和密码”对话框。输入用户名和密码，单击“确定”按钮，开始站点的发布过程。 四、网站的管理和维护 1、实验目的：掌握FrontPage 2003中站点管理和维护的基本方法。 2、任务要求：使用FrontPage 2003新建站点Web4，设计、制作主页。新建网页“奥林匹克.htm”、“奥运历史.htm”、