第二部分 网页制作技术.ppt

第二部分 网页制作技术 如何使用FRONTPAGE制作网页 一、frontpage视图 FrontPage 2000提供了六种视图模式， 即网页视图、文件夹视图、报表视图、导 航视图、超链接视图和任务视图。它们是 用户进行网站设计的有力工具，灵活运用 视图模式，将极大地方便设计操作和网站 管理。 一、网页视图 网页视图为网页的设计提供了一个工作 场所，可以在这个环境下对网页进行设计 和修改。 二、文件夹视图 打开一个网页后，系统默认是以文件夹 视图来显示的，文件夹视图与Windows中 的资源管理器相似，它能够显示当前的 Web中的内容是如何组织的。 三、报表视图 报表视图相当于属性检查，它能给出当 前网站的有关属性。灵活应用报表视图能 够使用户方便地了解网页的属性，便于把 握和修改网页。 四、导航视图 导航视图清楚地显示了Web的结构，用 户可以从中了解到网站中各部分之间的逻 辑关系，它反映了网站的整个脉络。 五、超链接视图 超链接视图以图形化的界面显示了当前 网页和其他文件之间的超链接关系，也可 以显示网站与网站之间的超链接。 六、任务视图 任务视图用任务列表的方式对任务进行 管理，操作人员可以把详细的任务放在任 务列表中，这样它就会提醒设计人员需要 完成哪些任务，还剩哪些任务没有完成。 使用表格 表格在网页制作中具有非常重要的作用，通常我们需要使用表格进行页面布局的设定，一个网页一般都需要多个表格进行嵌套，从而将页面分割成合理的区域。 一、 创建表格 三种方式：菜单、工具栏、手绘 二、填充表格 表格的内容可以是文本、图片、音频文 件、视频文件或超链接等。 4．背景属性 包括背景颜色和背景图象两种属性。 5．间隔属性 表格的间隔由两个因素确定：一是单元 格的填充，即单元格之间的间隔距离；一 是单元格间距即单元格内部的间隔。 6．大小属性 包括表格的宽度和高度。有两种单位： 一个是像素，另一个是百分比。 FrontPage 2000的编辑方法 一、标题段落 在网页内输入标题时，用户可先设置标 题的格式，然后再输入标题的内容， FrontPage 2000提供了6级标题。 二、修饰文本 FrontPage提供了“字体”对话框与各种格 式工具按钮，可根据需要选择设置，以美 化文本。 1．字体选择 “字体”列表框不但显示字体的名称，同 时还给出了字体的实际样式。 2．字体大小 字符的大小共有6级，其中默认级别是3。 3．字体颜色 选中文字，用“调色板”为文字设置颜 色。 4．字符效果 ⑴ 字符的一般效果 “加粗”、“倾斜”和“下划线” ⑵ 使用上标和下标 5．字符间距 控制网页的文本间距、段落间距以及文 本相对于基准线的垂直位置。 “普通”、“扩充”、“紧缩”三种 “间距大小”以“pt”为单位 三、插入水平线 在网页中插入水平线有分隔文本内容的 作用。选择“插入”菜单的“Horizontal Line” 项，可在网页中插入了一条水平线。 可以对水平线进行长短或宽窄的拉伸。 还可以对水平线属性进行设置，在水平 线上单击鼠标右键，在弹出的菜单中选择 “Horizontal Line Properties”弹出属性对话框，然后进行属性设置。 使用列表 使用列表和表格来规范网页内容可以使 网页层次分明、结构清晰。列表有项目列 表、编号列表、定义列表三种。 一、项目列表 项目列表也称为无序列表，它将在项目 前添加标志符号。可以将图片作为新的项 目标志。 二、编号列表 在网页中的内容存在顺序关系时，可应 用编号列表。 三、定义列表 定义列表就是在网页内定义词汇、术语 的列表，具体的定义内容将以首行缩进的 方式出现在列表的下一行。 四、 列表嵌套 允许列表嵌套，并且不限制嵌套级数。 五、列表的折叠 应用列表的折叠技术，可以将次级列表 隐藏在上一级列表内，只有在浏览者电击 上级列表时，才会打开次级列表的内容。 再一次单击上级列表时，次级列表又将隐 藏在上级列表中。步骤： （1）选择“创建一个嵌套的列表；（2） 在列表上单击鼠标右键，选择“列表属性” 对话框。（3）启用可折叠大纲”复选框。 图形运用 一、添加图形 打开“插入”菜单的“图片”子菜单，执行 “来自文件”命令，选择图象文件的名称。 二、编辑图形 包括设置图象的特殊效果、剪切图象、 添加文