计算机文化基础PP课件-第9章-FrontPage-2000网页制作软件

教学进程FrontPage2000网页制作软件第9章教学目标：►掌握站点与网页的基本操作►掌握表格的使用以及使用表格布局页面，框架的创建和编辑方法►熟练应用网页编辑的技术，包括网页文本的编辑和格式化，设置段落格式，设置网页属性，插入和编辑图像等►全面掌握在FrontPage中网页超链接的创建、属性的设置以及表单的创建等。►掌握动态网页的设计以及网页的发布。教学进程9.1.1FrontPage主要功能和特点9.1FrontPage2000概述操作界面简易所见即所得初学者可以直接使用系统提供的模板、向导及主题进行网页制作建立和管理站点直接在屏幕上建立组织结构图，并且自动在页面中加入链接导航栏。网页制作教学进程使用【开始】菜单启动使用【运行】对话框启动在桌面上建立一个FrontPage的快捷方式，双击启动退出单击FrontPage窗口右上角的【关闭】按钮执行【文件】|【退出】菜单命令同时按住Alt+F4快捷键利用标题栏中的控制菜单的【关闭】命令9.1.2FrontPage2000启动和退出9.1FrontPage2000概述教学进程视图栏菜单栏工具栏标题栏网页编辑窗口状态栏9.1.3FrontPage2000的主窗口9.1FrontPage2000概述教学进程9.2.19.2建立站点创建新站点①单击工具栏上的【新建网页】下三角按钮，从下拉列表中选择【站点】命令，打开【新建】对话框②在【站点】选项卡中选择相应的站点向导，单击【确定】按钮③逐步单击【下一步】按钮，对站点中的网页内容进行相应的设置④在最后一个对话框中单击【完成】按钮，完成站点的设置1.使用向导创建站点2使用空站点创建站点教学进程9.2.19.2建立站点创建新站点单击【文件】︱【新建】︱【站点】菜单命令，在【新建】对话框中选择“空站点”选项，单击【确定】按钮，系统会自动创建一个空站点1.使用向导创建站点2使用空站点创建站点教学进程9.2.29.2建立站点添加网页◆单击工具栏中的【新建网页】的下三角按钮，在下拉列表中选择【网页】命令◆单击【文件】|【新建】|【网页】菜单命令，在弹出的【新建】对话框中选择相应的网页，单击【确定】按钮完成设置◆单击工具栏中的【新建网页】按钮◆使用快捷键Ctrl+N1.创建网页2.将网页添加到站点教学进程9.2建立站点①单击【文件】|【导入】菜单命令，弹出【导入】对话框②在【导入】对话框中单击【添加文件】按钮③打开【将文件添加到导入列表】对话框，选中要添加到站点的网页，单击【打开】按钮④返回到【导入】对话框，单击【确定】按钮，可以看到网页已经被添加到站点上了1.创建网页2.将网页添加到站点9.2.2添加网页教学进程1．在导航视图中新建网页将视图切换到导航视图下，右击【主页】，在快捷菜单中选择【新建网页】命令，即可在站点中创建新网页。9.2建立站点9.2.3修改站点的结构教学进程2．在导航视图中移动网页①鼠标指向【兴趣】，按住左键拖动到【爱好站点】下，指针变成形时，目标区域会显示虚线框②松开鼠标左键，就可以完成网页的移动了，如图9-13所示。在图中可以看到【兴趣】已经被移动到【爱好站点】的下方，成为它的子网页9.2建立站点9.2.3修改站点的结构教学进程3．在导航视图中删除网页鼠标指向要删除的网页，如【NewPage1】，在其上单击右键，在弹出的快捷菜单中选择【删除】命令，即可将该网页删除。9.2建立站点9.2.3修改站点的结构教学进程4．在导航视图中重命名网页右击要重命名的网页，在弹出的快捷菜单中选择【重命名】命令，即可为网页重命名。9.2建立站点9.2.3修改站点的结构教学进程9.2.49.2建立站点保存和删除站点◆直接单击工具栏中的【保存】按钮◆文件保存还可以在关闭文档时进行，在rontPage出现的保存提示对话框中，单击【是】按钮即可◆使用快捷键Ctrl+S1.保存站点2.删除站点教学进程9.2.49.2建立站点保存和删除站点◆鼠标右击要删除的站点，在弹出的快捷菜单中选择【删除】命令◆鼠标选中要删除的站点，然后单击【编辑】菜单中的【删除】命令◆在【打开站点】对话框中进行【删除站点】的操作1.保存站点2.删除站点教学进程9.3.19.3编辑网页文本的编辑和格式化选中网页中的文字，单击工具栏中的【字体】下拉列表框，在下拉列表中选择相应的字体。如果浏览网页的人使用的计算机没有设置你所选的字体，那么浏览器会用系统默认的字体代替你设置的字体。1字体设置教学进程9.3.19.3编辑网页文本的编辑和格式化选中文字，在工具栏的【字号】下拉列表中选择相应字号2字号设置教学进程9.3.19.3编辑网页文本的编辑和格式化单击【格式】|【字体】菜单命令，弹出【字体】对话框，在【字体】对话框中可以进一步对网页中的文字进行设置。①单击【字符间距】标签，打开【字符间距】选项卡，单击【间距】下拉列表框，在下拉列表框中设置字符的间距。在下面的【预览】框中可以看到字符间距的变化。②定位就是指文字相对于底线的距离。单击【定位】下拉列表框，在下拉列表中的选择相应的命令。3字体颜色的设置教学进程9.3.19.3编辑网页文本的编辑和格式化①将光标定位于要插入水平线的位置，单击【插入】|【水平线】菜单命令②双击插入的水平线，弹出【水平线属性】对话框，单击【颜色】下拉列表框，选择一种颜色，然后单击【确定】按钮4在网页中插入水平线教学进程9.3.19.3编辑网页文本的编辑和格式化①首先在页面末尾处输入：“更新时间”字样。②将光标定位在“更新时间”后，单击【插入】|【日期与时间】菜单命令，弹出【日期时间属性】对话框。单击【日期格式】下拉列表框，在下拉列表中选择合适的日期格式，在【时间格式】下拉列表中可以设置时间的格式。5时间标记的插入教学进程9.3.29.3编辑网页设置段落格式①选中要列表的内容，单击“格式”工具栏上的【项目符号】按钮，或者单击【格式】|【项目符号和编号】菜单命令，选择【图片项目符号】标签，在【图片项目符号】选项卡中单击【浏览】按钮②弹出【选择图片】对话框，如图9-24所示。单击【剪贴画】按钮，在【剪贴画库】对话框中选择合适的图片后单击【确定】按钮教学进程在【常规】选项卡中的【标题】文本框中输入“环球旅行”。1.设置网页标题9.3.39.3编辑网页设置网页属性2.设置网页的背景音乐3.网页背景颜色、背景图案4.设置网页中文本和超链接的颜色5.设置网页的页边距教学进程单击【常规】选项卡中的【浏览】按钮，可以选择相应的音乐，在【循环次数】文本框中设置音乐循环的次数1.设置网页标题9.3.39.3编辑网页设置网页属性2.设置网页的背景音乐3.网页背景颜色、背景图案4.设置网页中文本和超链接的颜色5.设置网页的页边距教学进程单击【背景】标签，打开【背景】选项卡。在【格式】栏中单击【浏览】按纽，选择相应的图片，或者单击【颜色】栏中的【背景】下拉列表框，在其下拉列表中选择相应的颜色。1.设置网页标题9.3.39.3编辑网页设置网页属性3.网页背景颜色、背景图案2.设置网页的背景音乐4.设置网页中文本和超链接的颜色5.设置网页的页边距教学进程在【颜色】栏中【文本】下拉列表框中可以改变网页中文本的颜色。在右侧【超链接】下拉列表框中可以改变超链接的颜色。1.设置网页标题9.3.39.3编辑网页设置网页属性3.网页背景颜色、背景图案2.设置网页的背景音乐4.设置网页中文本和超链接的颜色5.设置网页的页边距教学进程9.3.49.3编辑网页插入和编辑图像1．插入图像①单击【插入】|【图片】︱【来自文件】菜单命令②弹出【图片】对话框，选择要插入的图片，单击【确定】按钮，选中的图片将会被插入到网页中教学进程9.3.49.3编辑网页插入和编辑图像2．编辑图像利用图片工具栏可以在图片上添加文字，可以进行图片的剪裁、旋转，设置图片对比度和亮度、冲蚀、凹凸，添加“热点”进行超链接，以完成对图片的修饰。教学进程9.3.49.3编辑网页插入和编辑图像3．图像定位选中图片，单击图片工具栏中的【绝对定位】按钮，拖曳图片至指定位置，单击空白处即可。利用表格布局，在单元格内放置图片，实现将图片放在指定的位置。教学进程9.4.19.4超链接创建超链接①选中要进行链接的文字“详细信息”，单击【插入】│【超链接】菜单命令②弹出【创建超链接】对话框，选择“内容页.htm”，然后单击【确定】按钮1创建文字超链接教学进程9.4.19.4超链接创建超链接①首先选中要作为超链接的文本，即你的邮箱地址，单击【插入】│【超链接】菜单命令，弹出【创建超链接】对话框，单击【信封】按钮②弹出【创建电子邮件超链接】对话框，在【键入电子邮件地址】文本框中输入邮箱地址后，单击【确定】按钮，返回到【编辑超链接】对话框，单击【确定】按钮2创建电子邮件的超链接教学进程9.4.29.4超链接设置超链接的属性①选中超链接文本，右击，在弹出的快捷菜单中选择【超链接属性】命令，在弹出的【编辑超链接】对话框中的【URL】文本框中更改超链接的地址②单击【样式】按钮，弹出【修改样式】对话框，单击【格式】按钮，即可修改超链接的字体、段落等教学进程9.4.39.4超链接图像影射①单击【文件】│【新建】菜单命令，建立新网页②在新网页中插入图片③单击图片，打开图片工具栏，单击其中的【长方形热点】按钮，在亚洲地带画一个大小适当的矩形，在弹出的【创建超链接】对话框中，将这一区域链接到“亚洲.htm”④单击【多边形热点】按钮，沿北美洲区域画出轮廓线，将其链接到“北美洲.htm”网页。教学进程◆将光标定位到要插入表格的位置，然后单击工具栏中的【插入表格】按钮，拖动鼠标，选择要插入的表格行列数◆单击【表格】|【插入】|【表格】菜单命令，弹出【插入表格】对话框，在该对话框中对表格进行设置◆单击【表格】│【手绘表格】菜单命令，弹出表格工具栏，选择笔状按钮，即可画出表格1.创建表格9.5.19.5设置网页布局表格的使用2.编辑表格3.设置对齐方式教学进程在FrontPage中对表格的编辑主要是对网页的布局﹑网页的标题以及边框颜色、背景颜色或图案等的编辑。1.创建表格9.5.19.5设置网页布局表格的使用2.编辑表格3.设置对齐方式教学进程（1）选定表格◆将光标定位于表格内，选择【表格】|【选定】|【表格】菜单命令，即可选中整个表格◆将鼠标移至表格的左边，鼠标指针变成指向右上方的箭头时，双击鼠标，也可以选中整个表格◆直接用鼠标点选表格1.创建表格9.5.19.5设置网页布局表格的使用2.编辑表格3.设置对齐方式教学进程（2）设置表格属性①将光标定位于表格内，单击【表格】│【属性】│【表格】菜单命令；或在表格中右击，在弹出的快捷菜单中选择【表格属性】命令，弹出【表格属性】对话框②在【表格属性】对话框中可以对表格的布局﹑表格的边框以及表格背景进行设置1.创建表格9.5.19.5设置网页布局表格的使用2.编辑表格3.设置对齐方式教学进程9.5.29.5设置网页布局使用表格布局页面①首先将光标置于表格中，右击，在弹出的快捷菜单中选择【表格属性】命令②弹出【表格属性】对话框，在【边框】栏的【粗细】数值框中输入“0”，然后单击【确定】按钮③选中表格的第一行，右击，在快捷菜单中选择【合并单元格】命令，将第一行的单元格进行合并教学进程9.5.29.5设置网页布局使用表格布局页面④将光标定位于第一行，输入文字“环球旅行”⑤在表格的相应位置输入文字⑥将光标定位于表格中，单击【插入】│【图片】│【剪贴画】菜单命令教学进程9.5.29.5设置网页布局使用表格布局页面⑦弹出【剪贴画库】对话框，插入剪贴画⑧单击【文件】│【保存】菜单命令，弹出【另存为】对话框，保存文件后单击【确定】按钮⑨单击工具栏中的【在浏览器中预览】按钮教学进程①选择【文件】|【新建】︱【网页】菜单命令，弹出【新建】对话框，单击【框架网页】标签，打开【框架网页】选项卡②在【框架网页】选项卡中选择【目录】，然后单击【确定】按钮1.框架的创建9.5.39.5设置网页布局框架的创建和编辑2.框架的编辑填充教学进程①单击左侧框架的【新建网页】按钮