网页制作FrontPage2003.pptVIP

任务一 制作简单网页 FrontPage 2003简介 窗口介绍 FrontPage 2003的视图 FrontPage 2003提供了六种视图模式， 即网页视图、文件夹视图、报表视图、导 航视图、超链接视图和任务视图。它们是 用户进行网站设计的有力工具，灵活运用 视图模式，将极大地方便设计操作和网站 管理。 一、网页视图 网页视图为网页的设计提供了一个工作 场所，可以在这个环境下对网页进行设计 和修改。 二、文件夹视图 打开一个网页后，系统默认是以文件夹 视图来显示的，文件夹视图与Windows中 的资源管理器相似，它能够显示当前的 Web中的内容是如何组织的。 三、报表视图 报表视图相当于属性检查，它能给出当 前网站的有关属性。灵活应用报表视图能 够使用户方便地了解网页的属性，便于把 握和修改网页。 四、导航视图 导航视图清楚地显示了Web的结构，用 户可以从中了解到网站中各部分之间的逻 辑关系，它反映了网站的整个脉络。 五、超链接视图 超链接视图以图形化的界面显示了当前 网页和其他文件之间的超链接关系，也可 以显示网站与网站之间的超链接。 六、任务视图 任务视图用任务列表的方式对任务进行 管理，操作人员可以把详细的任务放在任 务列表中，这样它就会提醒设计人员需要 完成哪些任务，还剩哪些任务没有完成。 创建表格网页 相关知识：表格由行和列交叉所形成的单元格组成。在单元格中可以放置任何对象，例如文本、图像、表单、FrontPage组件等。利用表格可以有条理地排列数据或者组织网页布局。表格可以将文本排列成并列的段落，或模拟文本的分栏形式，也可以利用宽度固定的表格在网页上为文本提供边界。FrontPage 2003提供了与Word字处理软件类似的表格处理功能，在网页中可以轻松地创建和处理表格。 返回 任务二：网页布局及发布、表单的创建 创建表格网页 创建方法如下： 使用菜单命令“插入”——“表格”，弹出如图8—14所示，可以对插入的表格进行精确的设置，包括行和列的数目、边框尺寸以及单元格宽度等。王君根据实际情况，选择了大小为4行1列，和背景颜色为水绿色的的表格。然后在插入的表格中输入文字，并最后在表格属性中调整表格，完成后的表格页面如图8—15所示。 返回 任务二：网页布局及发布、表单的创建 创建表格网页 图8—14表格属性图 图8-—15 表格设计完成图 返回 任务二：网页布局及发布、表单的创建 创建表格网页 创建表格还有以下2种方法： （1）可以使用“常用”工具栏中的“插入表格”按钮，快速地插入表格。 （2）从“表格”菜单中选择“手绘表格”命令，手动绘制表格。 返回 任务二：网页布局及发布、表单的创建 创建表格网页 表格属性的设置： 对齐方式：可以选择左对齐、右对齐、水平居中和两端对齐。该属性决定表格在网页中的相对位置。 浮动：可以选择左对齐、右对齐。该属性决定表格与其他网页元素的排列关系，即“文字环绕”效果。 指定宽度和高度：设置表格的大小。可以使用绝对大小“像素”或相对大小“百分比”。 单元格衬距：设置表格线与表格内容的距离。 单元格间距：设置两个相邻单元格边框的距离 边框：粗细以像素为单位，可以选择合适的边框颜色。 背景：可以指定背景颜色或背景图像。 任务二：网页布局及发布、表单的创建 创建表格网页 表格属性的设置： 创建表格后，可以对表格单元格、行和列的布局和结构进行调整，具体操作有：调整行、列或单元格；插入行、列或单元格；删除行、列或单元格；合并、拆分单元格；平均分布行高、列宽；设置单元格属性等。在“单元格属性”对话框中，可以设置单元格中内容的布局，精确定义单元格的宽度、高度，确定单元格的背景以及边框的颜色等。 王君完成了一个表格网页的设计，接着要做的工作就是利用表单设计一个反馈网页。 返回 任务二：网页布局及发布、表单的创建 创建表单网页 相关知识：表单与网站之间的关系在概念上类似于表格与纸张之间的关系，不同之处在于使用表单可以与网站访问者交互以及从访问者那里收集信息。用户在表单中输入数据然后提交给Web服务器，例如在表单中输入姓名及密码，服务器根据输入通过脚本进行判断是否允许登录。通常可以使用网站上的表单来完成以下典型任务： 从网站访问者那里检索联系信息（例如，留言簿）；接受订单并收集交货与收费信息；用户登录网站。 返回 任务二：网页布局及发布、表单的创建 创建表单网页 创建表单 首先在需要添加表单的位置单击；然后，单击“插入”单，鼠标指向“表单”，在出现的子菜单中单击“表单”，如图8—16所示。在FrontPage 2003中，有文本框、文本区、分组框、复选框、选项按钮、文