认识FrontPage2000课件

认识FrontPage2000视图栏视图栏 视图切换按钮视图切换按钮 工作区工作区 创建站点创建站点1.执行 “文件”/ “新建”下的 “站点”命令。 2.在 “站点” 列表中，选择要用来创建新站点的模板或向导。 3.在 “指定新网站的位置” 框中，键入或选择新站点的名称。 创建文件夹创建文件夹 在站点中创建一个文件夹可以组织网页和文件。例如：创建一个“ Multimedia”文件夹来存放声音、视频等对象文件。1.选择现有的一个文件夹。 2.右击鼠标，在快捷菜单中选择 “新建文件夹”。 3.键入新文件夹的名称，单击 “确定”按钮。 设置文本格式n设置文本字体和颜色n设置文本粗体、斜体和加下划线n在文本周围加边框：q在网页视图模式下，选择要添加边框的段落。q在 “格式” 菜单中，单击 “边框阴影”。 q在 “设置” 下，单击 “方框”或“自定义”。n给文本设置底纹n删除文本格式：q在网页视图模式下，选择文本。q在 “格式” 菜单中，单击 “删除格式”。 设置行距和段落间距设置行距和段落间距1.在网页视图模式下，选择一个或多个段落，右击鼠标，然后选择快捷菜单中的 “段落”。 2.在 “段落间距” 下，作如下操作： o若要设置每个段落之上的间距，在 “段前” 框中输入一个值。 o若要设置每个段落之下的间距，在 “段后” 框中输入一个值。 o若要设置行间的垂直间距，单击 “行距大小” 框中的选项。 设置行和段落的缩进设置行和段落的缩进1.在网页视图模式下，选择一个或多个段落，右击鼠标，然后选择快捷菜单中的 “段落”。 2.在 “缩进” 下，作如下操作： o要缩进段落的左边，请在 “文本之前” 框中输入磅数。 o要缩进段落的右边，请在 “文本之后” 框中输入磅数。o要缩进段落中文本的第一行，在 “首行缩进” 框中输入磅数。创建超级链接-URL含义n当创建一个超链接时，它的目的端将被编码为 URL （统一资源定位符），例如 http:/ 或 file:/ComputerName/SharedFolder/FileName.htm 。URL 包含了站点服务器或者网络位置、路径和文件名称。 n超链接可以是 绝对的或相对的： n一个绝对的 URL 包含完整的地址。 n一个相对的 URL 将缺少一个或更多部份。缺少的信息将由包含 URL 的网页提供。创建超链接创建超链接1.在网页视图模式下，选中用作超链接的文本或图片，右击鼠标，在快捷菜单中选择 “超链接”命令 。 n单击 ， “制作一个指向您计算机上文件的超链接” 。n单击 ,创建电子邮件链接创建指向一个书签的超链接创建指向一个书签的超链接 书签是网页中被标记的位置或被标记的选中文本。当要向站点访问者显示网页的特定部份时，可以创建一个指向书签的超链接。1.在包含书签的网页的适当位置，键入并选中要将其用作超链接的文本或图片。2.单击 工具栏中的“超链接” 按钮。 2.在 “书签” 框上，单击要将其作为目的端的书签。设置超链接颜色设置超链接颜色n超链接 即未被选中的超链接。 n当前超链接 即当前被选中的超链接。 n已访问过的超链接 即已经被浏览过的超链接。1.在网页视图模式下，右击网页，再选择快捷菜单中的 “网页属性”，然后单击 “背景” 选项卡。 2.在 “超链接”、“已访问过的超链接” 以及 “当前超链接” 框中，选择想要的颜色。插入图片1.在网页视图模式下，将插入点放置到要插入图片的位置。 2.执行“插入”菜单下的 “插入图片”命令 。 3.单击 “来自文件” 。 4.从本地文件系统浏览您想要的图片并且选择该文件。您可以在 “文件类型” 框中指定要查看的文件类型。5.用同样的方法插入“剪贴画”。编辑图片n裁减图片：裁减图片：在“图片”工具栏单击“剪裁” 工具n旋转图片：旋转图片：在 “图片” 工具栏单击 “向左旋转”，可逆时针翻转图片 90 度；单击 “向右旋转”，可顺时针翻转图片 90 度n翻转图片：翻转图片：在 “图片” 工具栏单击 “水平翻转” ，创建一个镜射；单击 “垂直翻转” 将图片向上向下翻转n图片颜色冲蚀：图片颜色冲蚀：在 “图片” 工具栏，单击 “冲蚀” 按钮n在图片上放置文本：在图片上放置文本：在 “图片” 工具栏，单击 “文本” 工具，在显示框中键入文本n添加凸凹效果：添加凸凹效果：在”图片”工具栏，单击 “凹凸效果” 设置图片的对齐方式和间距设置图片的对齐方式和间距1.在网页视图模式下，在图片上右击鼠标，选择快捷菜单上的 “图片属性”，然后单击 “外观” 选项卡。 2.在 “对齐方式” 框中，单击某选项来指定图形在网页上的对齐方式。例如 要使图片对齐网页左边，而文本接在右边，可单击 “左对齐”。3.在 “水平间距” 框中，输入的间距值显示在在图片的左边和右边。 4.在 “垂直间距” 框中，输入间距值显示在图片的上边和下边。设置图片的边框属性设置图片的边框属性1.在网页视图模式下，在图片上右击，选择快捷菜单上的 “图片属性”，然后单击 “外观” 选项卡。 2.在“边框粗细”框中，以像素为单位设置边框的宽度（要删除边框，可键入 0 ）。 调整图片的大小调整图片的大小1.在网页视图模式下，在图片上右击鼠标，选择快捷菜单上的 “图片属性”，然后单击 “外观” 选项卡。 2.选择 “指定大小” 复选框。 3.若要保持高度与宽度的比例，可选择 “保持纵横比” 复选框。4.指定是否要更改大小（像素值或百分比），然后在 “宽度” 和 “高度” 框中输入数值。 设置背景图片设置背景图片1.在网页视图模式下，右击网页，在快捷菜单中选择 “网页属性”。 2.单击 “背景” 选项卡。 3.选择 “背景图片” 复选框，然后单击 “浏览”。 4.选择背景图片：选中“水印”，实现背景不动，文字滚动保存嵌入式图片在网页中加入音频n单击“插入/ web组件/高级”菜单下的“插件”命令n在“插件属性”对话框中单击“数据源”文本框右边的“浏览”按钮，选择音频文件。设置浏览时插件的大小选中时，插件看不到在网页中插入Flash动画n单击“插入/web组件/高级”菜单下的“ActiveX控件”命令。n若弹出菜单中无所需要的控件，单击“自定义”，添加“Shockwave Flash Object”n选中网页中的空白区域，设置“ActiveX控件属性”表格的用途n将信息通过表格格式显示n在网页上布置文本和图形等元素，实现网页布局旅馆每晚的住宿费率旅馆每晚的住宿费率 房间房间淡季淡季( 一到四月一到四月 )旺季旺季( 五到十二月五到十二月 )单人房单人房100 110 单人套房单人套房120 130 双人房双人房160 175 双人套房双人套房180 195 表格n创建表格q选择“插入/表格”中的命令q单击常用工具栏上的“表格”按钮n表格编辑q将插入点放置在表格中的任意位置，在快捷菜单中选择“表格属性”n单元格编辑q将插入点放置在表格中的任意位置，在快捷菜单中选择“单元格属性”隐藏表格边框隐藏表格边框1.在网页视图模式下，右击表格，选择快捷菜单中的 “表格属性”。 2.在 “边框” 下的 “粗细” 框中，键入 0 。在表格中插入表格在表格中插入表格1.在网页视图模式下，将光标移至要插入表格的单元格中。 2.单击 “插入表格” 命令。拆分和合并单元格1.在网页视图模式下，选择要拆分的单元格。 2.右击鼠标，然后选择快捷菜单中的 “拆分单元格”。 3.单击 “拆分为列” 或 “拆分为行”。 4.在 “列数” 或 “行数” 域中，键入您所要拆分成的列数或行数。5.合并单元格与此类似 设置单元格跨越设置单元格跨越 1.在网页视图模式下， 选择想设置单元格跨越的单元格、行或列。 2.右击，选择快捷菜单中的 “单元格属性”。 3.在 “行跨距” 框中，键入要增加的单元格行数。 4.在 “列跨距” 框中，键入要增加的单元格列数。删除表格元素删除表格元素要完成删除操作要完成删除操作在网页视图模式下，完成下列操作在网页视图模式下，完成下列操作表格选中要删除的表格，然后按 DELETE 键。单元格选中要删除的单元格，单击鼠标右键，然后单击快捷菜单中的 “删除单元格”。 行选中要删除的行，单击鼠标右键，然后单击快捷菜单中的 “删除单元格”。 列选中要删除的列，单击鼠标右键，然后单击快捷菜单中的 “删除单元格”。 表格标题选中要删除的标题，然后按 DELETE 键。表单(form)n文本框n单选按钮n复选框n下拉框n文本区n按扭框架 框架是一种特别 HTML 网页，它可将浏览器视窗分为不同的框架，而每一个框架可显示一不同网页。创建一框架网页创建一框架网页1.在 “文件” 菜单上， 指向 “新建”，单击 “网页”，然后单击 “框架网页” 选项卡。 2.单击框架网页模板。创建超链接以在其他框架页显示创建超链接以在其他框架页显示1.在网页视图模式下，打开框架网页，单击 “普通” 选项卡，然后单击欲创建超链接的网页。 2.键入或选择 超链接所需之文本或图片，然后单击 “超链接” 。 3.在 “创建超链接” 对话框内，选择要在其他框架显示的网页和目标框架 。 保存框架网页保存框架网页1.将欲保存的框架网页显示在网页视图模式下，然后单击 “普通” 选项卡。 2.单击文件菜单的 “保存文件”命令 。3.在 “另存为” 对话框中会出现框架网页布局的缩略图。所保存的部份会以深兰色框来突出显示。q若突出显示的是框架网页的全部外框，则保存的是框架网页本身。 q若突出显示的是单个框架，则保存的是框架所显示的网页。 q在 “文件名” 框中，为框架本身或框架所显示的网页键入或选择一文件名称重命名框架重命名框架 框架网页上的每一框架都有一个特别的名称，用来在框架间指定浏览。1.在网页视图模式下，打开欲修改的框架网页，单击 “普通” 选项卡。 2.在欲重命名的框架上的任一处单击右键，在快捷菜单上选择 “框架属性”。 3.在 “名称” 框内， 键入框架的新名称。 显示或隐藏框架框线显示或隐藏框架框线1.在网页视图模式下，打开欲修改的框架网页，然后单击 “普通” 选项卡。 2.在 “文件” 菜单上，单击 “属性”，然后单击 “框架” 选项卡： o欲显示框架间的框线，选取 “显示边框” 复选框，然后在 “框架间距” 框内，键入边框的宽度像素。o欲隐藏框架间框线，清除 “显示边框” 复选框。重置框架大小重置框架大小 在框架内单击鼠标右键，单击 “框架属性”，然后调整位于 “框架大小” 区域内的 “列宽” 和 “高度” 选项 。CSS（级联样式表）简介nCSS是一系列格式规则，用于控制网页内容的外观。nCSS可以完成如下工作：q弥补HTML对网页格式化功能的不足，如段落间距、行距等q设置字体变化与大小q设置页面格式的动态更新q进行排版定位创建网页样式创建网页样式n在网页视图模式下，选定 “普通” 选项卡。在 “格式” 菜单上，执行击 “样式”命令。 1.单击 “新建”，然后在 “名称 (选择器)” 框里，键入新样式名称。 2.单击 “格式”，指定新样式格式特征： o单击 “字体”设置字体属性（ 例如字体、颜色、字符间距，请） o单击 “段落”设置对齐方式，缩进或段落间距 o单击 “边框”设置边框和底纹。 o单击 “编号方式”设置项目符号的样式和编号 o单击 “定位”设置定位属性（ 例如环绕方式、位置或 z-顺序） 应用样式到网页元素应用样式到网页元素 样式包含格式设置信息，例如特定字体、背景颜色、或边框样式等等，可应用到网页上的几乎所有元素，包括文本、段落、图片和表格。q在 “样式” 框中，会列出标准 HTML 样式，例如标题 1，以及为网页创建的CSS样式。q选择网页元素，然后在 “样式” 框中，单击要应用的样式。 删除网页样式删除网页样式1.在网页视图模式下，选择 “普通” 选项卡。在 “格式” 菜单上，单击 “样式”命令。 2.在 “列表” 框里，选择 “用户定义的样式”。 3.单击“样式”框中欲删除的自定义样式，单击 “删除”按钮。使用使用 FTP 发布站点发布站点1.在 “文件” 菜单中，单击 “发布站点”。 2.单击 “选项” 以展开选项列表。 3.指定是发布已更改的网页，还是所有的网页。 4.若要发布子站点，请选择 “包含子站点” 复选框。 5.在 “指定发布站点的位置” 框，键入 FTP 站点服务器的位置 （举例，ftp:/ 6.单击 “发布”。 用表格排版上机实践n实践教程（实践教程（08版）版）1.实验6-3-1 FRONTPAGE 2002基本操作2.实验6-3-2 多媒体网页制作3.实验6-3-3表单网页制作4.实验6-3-4 使用WORD制作网页5.实验6-3-5 浏览网站中的网页