第3章网页基本操作.ppt

第第3章章 网页基本操作网页基本操作 本章要点：网页的创建与保存 网页基本编辑技术 超连接技术及应用 书签的使用3.1 网页操作 n3.1.1 新建网页新建网页 1由空白网页创建网页（1）在【常规】工具栏中单击工具图标 或按【Ctrl+N】键，在主编辑窗口将出现一个大的空白区；也可以执行【文件】【网页或站点】命令，打开【新建网页或站点】任务窗格。如右图。（2）在【新建网页或站点】任务窗格中，单击执行【新建】选项下的【空白网页】命令，直接进入FrontPage 2003的编辑舞台 n2从模板创建网页 具体操作步骤如下:(1)在【新建网页或站点】任务窗格中，单击执行【根据模板新建】选项下的【网页模板】命令，打开如右图所示【网页模板】对话框 (2)在【网页模板】对话框中，选中要创建的网页模板。(3)单击【确定】，FrontPage 2003就会根据模板打开一个新网页 3.1.2 保存网页保存网页 n保存网页的具体操作步骤如下：（1）在【常规】工具栏中单击工具图标 或按快捷键【Ctrl+S】，也可执行【文件】【保存】命令，打开【另存为】对话框。（2）如果要把网页保存到本地计算机或局域网中，可以在【另存为】对话框中的【保存位置】选项中找到保存的位置，单击【保存】按钮保存网页。另外，可以通过【文件名】文本框来修改文件名。（3）如果用户拥有对FTP站点的控制权限（可写），就可以随时将网页保存到FTP站点的文件夹中。此时需要在【另存为】对话框中的【保存位置】下拉列表选取FTP位置。3.1.3 打开网页打开网页 n在【常规】工具栏中单击图标 或按【Ctrl+O】键；也可执行【文件】【打开】命令，打开【打开文件】对话框。n在【打开文件】对话框中，可以通过【查找范围】下拉列表选择文件路径。文件列表区将列出所选目录中的文件。选中文件列表中的文件，然后单击【打开】按钮，或直接双击该文件名即可打开文件。3.1.4 关闭网页关闭网页 n关闭网页文件的操作很简单。执行【文件】【关闭】命令或直接按快捷键【Alt+F4】，会弹出一个提示对话框，如下图：n当单击【是】按钮时，FrontPage 2003会自动将文件保存起来并关闭该文件；当单击【否】按钮时，FrontPage 2003不保存但关闭该文件；当单击【取消】按钮时，FrontPage 2003不关闭该文件，并返回原来的编辑窗口。3.2 编辑网页 n3.2.1 选定文本选定文本 n3.2.2 基本编辑技术基本编辑技术 1字体设置字体设置 3.2 编辑网页 n3.2.1 选定文本选定文本 n3.2.2 基本编辑技术基本编辑技术 2字号设置字号设置 3.2 编辑网页 n3.2.1 选定文本选定文本 n3.2.2 基本编辑技术基本编辑技术 3文本的移动文本的移动 使用鼠标移动文本；利用菜单的剪切操作；使用快捷键。使用鼠标移动文本；利用菜单的剪切操作；使用快捷键。4文本的复制文本的复制 用鼠标拖动；利用菜单命令复制文本；使用快捷键。用鼠标拖动；利用菜单命令复制文本；使用快捷键。5文本的删除文本的删除 执行删除操作途径很多，例如：使用键盘的执行删除操作途径很多，例如：使用键盘的【Delete】键；键；使用使用【常用常用】工具栏上的工具栏上的【剪切剪切】按钮；执行按钮；执行【编辑编辑】【删除删除】命令等。命令等。3.2.3 查找和替换查找和替换 n1查找文本 （1）执行【编辑】【查找】命令，或直接按快捷键【CtrlF】，打开【查找和替换】对话框中的【查找】选项卡。（2）若执行命令之前就已经选中了要查找的文本，则在【查找对话框】中的【查找内容】文本框中就会显示所选中的文本；若未选中要查找内容，则在【查找对话框】中输入要查找的文本内容。（3）当各选项设定后，单击【查找下一个】按钮，系统就会在所选的文件中按照指定的查找方向查找指定的文本，当找到后，就以高亮度显示该文本。（4）连续单击【查找下一个】按钮，就可以按指定方向继续查找。直至最后，系统会提示“FrontPage已完成搜索文档”信息。2替换文本 n（1）执行【编辑】【替换】命令，或按快捷键【CtrlH】，打开【替换】选项卡，也可以从上面的【查找和替换】对话框中直接切换到【替换】选项卡。n（2）若在执行命令之前已选中了要替换的文本，则在替换对话框的【查找内容】中就会显示所选中的文本；若未选中要替换的文本，则在【查找内容】中输入要查找的文本内容。在【替换为】文本框中输入替换文本，则当查找到要替换的文本后，FrontPage就用【替换为】文本框中的文本替换查找到的指定文本。其它选项操作与查找相同。n（3）选定各选项后，按【查找下一个】按钮，系统光标就停在找到的下一个内容上，此时，若单击【替换】按钮，则此处原来内容被新内容替换掉；若单击【查找下一个】按钮，系统将不替换此处的内容而继续找下一个。若单击【全部替换】按钮，则系统自动将当前网页中按指定方向搜索到的原内容全部替换成新内容。3.3 网页制作辅助工具 n图形素材编辑工具可选用Adobe公司的Illustrator或Corel公司的CorelDraw。n 图像素材编辑工具可选用Adobe公司的Photoshop、Director等。n声音素材及MIDI音乐的编辑工具可选用Windows中的录音机或购买声卡附带的应用程序等。n平面动画素材编辑工具可选用Micromedia公司的Flash MX等。n三维动画素材编辑工具可选用Autodesk公司的3DS MAX等。n 视频影像素材编辑工具可选用Adobe公司的Premiere等。n脚本、特效编辑工具可选用JavaScript、VBScript、SHTML等。n此外，网页制作过程中，可能还需要借助一些文件格式转化工具及一些外部设备，如：扫描仪、打印机等。3.4 网页预览 n1直接在FrontPage 2003中预览 在FrontPage 2003的【网页】视图编辑窗口中，单击显示转换栏中的【预览】选项卡，就可以直接在编辑区域中浏览网页的制作效果。n2浏览器方式预览 执行【文件】【在浏览器中预览】命令，或单击【常规】工具栏中的图标 ，也可以直接按快捷键【Ctrl+Shift+B】，打开【在浏览器中预览】对话框，在对话框中选择一个浏览器类型，将窗口大小设置为默认值，单击【预览】按钮即可。3.5 有关网页基本元素的操作 n3.5.1 字体字体 通过执行【格式】【字体】命令，打开【字体】对话框来设置。n3.5.2 段落段落 通过执行【格式】【段落】命令，打开【段落】对话框来设置。提示：在【常用】工具栏上，若将鼠标放在相应的按钮上，会出现相应的文本提示。常用的按钮总会直接出现在工具栏上，而有些不常用的工具可以通过单击工具栏后面的按钮打开，以进行选取。3.5.3 水平线水平线 n1插入水平线 执行【插入】【水平线】命令，系统就会立即在当前位置插入一条水平线。n2水平线的属性设置 执行弹出快捷菜单中的【水平线属性】命令，打开【水平线属性】对话框，也可以直接双击水平线打开【水平线属性】对话框。n3删除水平线 单击想要删除的水平线进行选中，然后直接按【Delete】键即可完成删除。3.5.4 网页背景网页背景 n为网页添加背景颜色，可以通过如下操作实现：执行【格式】【背景】命令，或直接在所编辑网页的空白区域，单击鼠标右键，执行弹出快捷菜单中的【网页属性】命令，打开【网页属性】对话框，选择其中的【背景】选项卡。n在【格式】选项组中可以选择【背景图片】或【水印】作为网页的背景。通过【浏览】按钮可以查找选取需要的图片。n在【颜色】选项组中的【背景】下拉框中可以选择任意一种颜色作为网页的背景颜色。3.6 设置列表 nFrontPage 2003中提供了六种列表，分别为：(1)编号列表:是采用不同风格的数字作为项目的符号。(2)项目列表 (3)定义列表 (4)菜单列表:采用实心圆点作为项目符号，每一项都是一个小段落；(5)目录列表 (6)图像列表3.7 超链接 n3.7.1 URL的含义的含义 URL地址由四部分组成，其基本格式如下：传输协议或传输方式名称：/服务器地址或域名（：端口号）/路径/文件名.扩展名 n3.7.2 3.7.2 超链接的类型超链接的类型 超链接有多种类型，通过执行【插入】【超链接】命令可以打开【插入超链接】对话框。链接类型：(1)【原有文件或Web页】是指链接到已存在的某个网页或文件的超链接。(2)【本文档中的位置】是指链接到所编辑文档本身中的某个位置的超链接。(3)【新建文档】是指链接到还没有创建的网页上的超链接。(4)可以在【插入超链接】对话框中预先设置好所需的超链接相关属性选择链接到电子邮件地址的超链接 3.7.3 创建超链接创建超链接 n在网页中创建超链接是非常方便的，具体操作步骤如下：（1）在网页内选取需要建立超链接的文字或者图片;（2）执行【插入】【超链接】命令，或单击【常用】工具栏上的【超链接】按钮 也可以直接按快捷键【Ctrl+k】，打开【插入超链接】对话框;（3）在【链接到】中选择所要插入超链接的类型；（4）设置好以上参数后，单击【确定】按钮，就完成了相应的超链接。注意：若要确保所有站点访问者无论使用的是什么计算机语言或操作系统都能够跟踪URL，就应该在站点的URL中使用纯ASCII字符。在Intranet中，只要服务器与所有客户端都共享同一系统代码页，则在文件名中使用非ASCII字符也能正常工作。3.7.4 管理超链接管理超链接 n管理超链接主要包括以下几方面：查看Web站点中的所有内部超链接、验证各个外部超链接的有效性、修复断开的超链接、更新所有超链接。n单击【视图】栏上的【超链接】按钮，将在主编辑窗口中打开网站中所有页面间的链接关系图。3.7.5 向超链接添加字体效果向超链接添加字体效果 n为使得超链接文字更加醒目，除了可以为超链接添加文字提示外，还可以为超链接添加字体效果。当访问者将指针移至超链接上时，字体就会有所变化，并出现相应的文字提示。制作出如下图所示的效果。具体操作步骤如下：（1）按照所示的页面输入文本，插入图片。（2）选中文本“飞鹰”，执行【插入】【超链接】命令，或单击【常用】工具栏上的【超链接】按钮打开【插入超链接】对话框，为“飞鹰”创建超链接。（3）在所编辑页面上，用鼠标右键单击网页空白处，执行快捷菜单上的【网页属性】命令，然后单击【背景】选项卡。（4）在【格式】选项中，选中【启用超链接翻转效果】复选框，单击【翻转样式】，为当前网页上的超链接设置翻转属性。3.7.6 删除超链接删除超链接 n删除超链接有下面两种情况：1完全删除超链接，包括链接点的文本或图片 2删除超链接但保留超链接点的文本或图片这种情况可以直接选中作为超链接的文本或图片，按【Delete】键即可删除。这种操作的具体步骤如下：（1）选中超链接的文本或图片。（2）单击鼠标右键，执行快捷菜单中的【超链接属性】命令，打开【编辑超链接】对话框 。3.8 书签 n3.8.1 书签的作用书签的作用 书签的作用是跳转和定位，它可以用超链接的方法在多个网页之间进行跳转，也可以在同一个页面里跳转。它的最大优点是可以使访问者迅速跳到目标网页的某部分。n3.8.2 3.8.2 创建书签创建书签 创建书签的具体操作步骤如下：（1）在编辑窗口中，选择要转化成书签的文本或光标位置。（2）执行【插入】【书签】命令，打开【书签】对话框。（3）在【书签名称】文本框中输入书签的名称；在【此网页中的其它书签】列表框中，显示当前页面所有定义的书签名称，输入的书签名称不能与这些名称相同。（4）设置好相关选项后，单击【确定】按钮，生成书签。3.8.3 使用书签使用书签 n1链接到页面内的书签 n2链接到别的页面的书签 3.8.5 删除一个书签删除一个书签（1 1）若想删除一个书签，将光标移动到书签所在位置，）若想删除一个书签，将光标移动到书签所在位置，单击鼠标右键并执行快捷菜单中的单击鼠标右键并执行快捷菜单中的【书签属性书签属性】命令，命令，打开打开【书签书签】对话框对话框。（2 2）在书签列表中选择网页中的书签，再单击）在书签列表中选择网页中的书签，再单击【清除清除】按钮即可清除该书签。按钮即可清除该书签。小结 n本章讲述了网页的基本操作。包括网页的创建、保存、预览，及编辑设置文本、字体、段落、水平线、背景和列表等。重点讲述了网页中的生命线 超链接。包括超链接的概念、创建及编辑等。最后还讲述了书签在网页制作中的应用。通过本章的学习，用户掌握了创建网页、编辑网页的基本步骤，以及创建和编辑网页的必要元素超链接、常见元素书签等。相信大家在学完本章后可以独立制作一个简单的网页了。思考题？n1、新建一个网页并保存。要求该网页中有：文字（500字以上，有不同的字体和字号）、图片（2幅以上）、水平线、超链接（至少一个网页，一个邮件）、书签（能链接到页面内的不同位置）。n2、在不同的浏览器中查看该网页的显示有什么不同。思考题？n3、http:/ n/List_6.htmn将上面网页中的17个教案导入word并排版好