第3章网页基本操作 本章要点: 区网页的创建与保存 区网页基本编辑技术 区超连接技术及应用 区书签的使用
第3章 网页基本操作 本章要点: 网页的创建与保存 网页基本编辑技术 超连接技术及应用 书签的使用
3.1网页操作 311新建网页 ◆新建网页或站点 打开网页 1.由空白网页创建网页(1) 在【常规】工具栏中单击工 new page 具图标口或按【cHN】键, 在主编辑窗口将出现一个大 其他网页 的空白区;也可以执行【文 新建 件】→【网页或站点】命令 口空白网页 打开【新建网页或站点】任 空白站点 务窗格。如右图。(2)在 根据现有网页新建 【新建网页或站点】任务窗 选择网页 格中,单击执行【新建】选 根据模板新建 项下的【空白网页】命令 导入站点向导 直接进入 FrontPage2002的 空白站点 编辑舞台 网页模板
3.1 网页操作 ◼ 3.1.1 新建网页 1.由空白网页创建网页 (1) 在【常规】工具栏中单击工 具图标 或按【Ctrl+N】键, 在主编辑窗口将出现一个大 的空白区;也可以执行【文 件】→【网页或站点】命令, 打开【新建网页或站点】任 务窗格。如右图。(2)在 【新建网页或站点】任务窗 格中,单击执行【新建】选 项下的【空白网页】命令, 直接进入FrontPage 2002的 编辑舞台
2.从模板创建网页 常规框架网顶|样式表 具体操作步骤如下 PoE (1)在【新建网页或站点】 通网页表单网页向常见问题带有标题的 任务窗格中,单击执行【根 厂仅添加站点任务〔 厂在当前的架中打开 据模板新建】选项下的【网 说明 页模板】命令,打开如右图个联‖ 带有一栏正文、右边有两列边 所示【网页模板】对话框 栏正栏的一 进栏白 (2)在【网页模板】对话框 中,选中要创建的网页模板。翻翻* 这里是您的 (3)单击【确定】, FrontPage2002就会根据模来单 板打开一个新网页 确定
◼ 2.从模板创建网页 具体操作步骤如下: (1)在【新建网页或站点】 任务窗格中,单击执行【根 据模板新建】选项下的【网 页模板】命令,打开如右图 所示【网页模板】对话框 (2)在【网页模板】对话框 中,选中要创建的网页模板 。 (3)单击【确定】, FrontPage 2002就会根据模 板打开一个新网页
312保存网页 ■保存网页的具体操作步骤如下 (1)在【常规】工具栏中单击工具图标圖或按快捷键 【ctrl+S】,也可执行【文件】→【保存】命令,打开【另存为】 对话框 (2)如果要把网页保存到本地计算机或局域网中,可以在【另 存为】对话框中的【保存位置】选项中找到保存的位置,单击 【保存】按钮保存网页。另外,可以通过【文件名】文本框来修 改文件名。 (3)如果用户拥有对FTP站点的控制权限(可写),就可以随时 将网页保存到FTP站点的文件夹中。此时需要在【另存为】对话 框中的【保存位置】下拉列表选取FTP位置
3.1.2 保存网页 ◼ 保存网页的具体操作步骤如下: (1)在【常规】工具栏中单击工具图标 或按快捷键 【Ctrl+S】,也可执行【文件】→【保存】命令,打开【另存为】 对话框。 (2)如果要把网页保存到本地计算机或局域网中,可以在【另 存为】对话框中的【保存位置】选项中找到保存的位置,单击 【保存】按钮保存网页。另外,可以通过【文件名】文本框来修 改文件名。 (3)如果用户拥有对FTP站点的控制权限(可写),就可以随时 将网页保存到FTP站点的文件夹中。此时需要在【另存为】对话 框中的【保存位置】下拉列表选取FTP位置
313打开网页 ■在【常规】工具栏中单击图标≥或按【Ctr+O】键; 也可执行【文件】→【打开】命令,打开【打开文件】 对话框。 ■在【打开文件】对话框中,可以通过【查找范围】下 拉列表选择文件路径。文件列表区将列出所选目录中 的文件。选中文件列表中的文件,然后单击【打开】 按钮,或直接双击该文件名即可打开文件
3.1.3 打开网页 ◼ 在【常规】工具栏中单击图标 或按【Ctrl+O】键; 也可执行【文件】→【打开】命令,打开【打开文件】 对话框 。 ◼ 在【打开文件】对话框中,可以通过【查找范围】下 拉列表选择文件路径。文件列表区将列出所选目录中 的文件。选中文件列表中的文件,然后单击【打开】 按钮,或直接双击该文件名即可打开文件
314关闭网页 ■关闭网页文件的操作很简单。执行【文件】→【关闭】 命令或直接按快捷键【At+F4】,会弹出一个提示对 话框,如下图: ft F ! 将改动保存到 new page_1.htm? 否Q 取消 ■当单击【是】按钮时, FrontPage2002会自动将文件 保存起来并关闭该文件;当单击【否】按钮时 FrontPage2002不保存但关闭该文件;当单击【取消】 按钮时, FrontPage2002不关闭该文件,并返回原来 的编辑窗口
3.1.4 关闭网页 ◼ 关闭网页文件的操作很简单。执行【文件】→【关闭】 命令或直接按快捷键【Alt+F4】,会弹出一个提示对 话框,如下图: ◼ 当单击【是】按钮时,FrontPage 2002会自动将文件 保存起来并关闭该文件;当单击【否】按钮时, FrontPage 2002不保存但关闭该文件;当单击【取消】 按钮时,FrontPage 2002不关闭该文件,并返回原来 的编辑窗口
3.2编辑网页 ■321选定文本 ■3.22基本编辑技术 1.文本的移动 使用鼠标移动文本;利用菜单的剪切操作;使用快捷键 2.文本的复制 用鼠标拖动;利用菜单命令复制文本;使用快捷键 3.文本的删除 执行删除操作途径很多,例如:使用键盘的【 Delete】键; 使用【常用】工具栏上的【剪切】按钮;执行【编辑】→【删除 命令等
3.2 编辑网页 ◼ 3.2.1 选定文本 ◼ 3.2.2 基本编辑技术 1.文本的移动 使用鼠标移动文本;利用菜单的剪切操作;使用快捷键。 2.文本的复制 用鼠标拖动;利用菜单命令复制文本;使用快捷键。 3.文本的删除 执行删除操作途径很多,例如:使用键盘的【Delete】键; 使用【常用】工具栏上的【剪切】按钮;执行【编辑】→【删除】 命令等
323查找和替换 ■1.查找文本 (1)执行【编辑】→【査找】命令,或直接按快捷键【Ctd+ F】,打开【査找和替换】对话框中的【査找】选项卡 (2)若执行命令之前就已经选中了要查找的文本,则在【查找 对话框】中的【查找内容】文本框中就会显示所选中的文本;若 未选中要查找内容,则在【査找对话框】中输入要查找的文本内 (3)当各选项设定后,单击【查找下一个】按钮,系统就会 在所选的文件中按照指定的查找方向查找指定的文本,当找到后, 就以高亮度显示该文本。 (4)连续单击【査找下一个】按钮,就可以按指定方向继续 査找。直至最后,系统会提示“ FrontPage已完成搜索文档”信
3.2.3 查找和替换 ◼ 1.查找文本 (1)执行【编辑】→【查找】命令,或直接按快捷键【Ctrl+ F】,打开【查找和替换】对话框中的【查找】选项卡 。 (2)若执行命令之前就已经选中了要查找的文本,则在【查找 对话框】中的【查找内容】文本框中就会显示所选中的文本;若 未选中要查找内容,则在【查找对话框】中输入要查找的文本内 容。 (3)当各选项设定后,单击【查找下一个】按钮,系统就会 在所选的文件中按照指定的查找方向查找指定的文本,当找到后, 就以高亮度显示该文本。 (4)连续单击【查找下一个】按钮,就可以按指定方向继续 查找。直至最后,系统会提示“FrontPage已完成搜索文档”信 息
2.替换文本 (1)执行【编辑】→【替换】命令,或按快捷键【ct+H, 打开【替换】选项卡,也可以从上面的【查找和替换】对话框中 直接切换到【替换】选项卡。 (2)若在执行命令之前已选中了要替换的文本,则在替换对话 框的【查找内容】中就会显示所选中的文本;若未选中要替换的 文本,则在【查找内容】中输入要查找的文本内容。在【替换为】 文本框中输入替换文本,则当查找到要替换的文本后, FrontPage就用【替换为】文本框中的文本替换查找到的指定文 本。其它选项操作与查找相同。 ■(3)选定各选项后,按【査找下一个】按钮,系统光标就停在 找到的下一个内容上,此时,若单击【替换】按钮,则此处原来 内容被新内容替换掉;若单击【査找下一个】按钮,系统将不替 换此处的内容而继续找下一个。若单击【全部替换】按钮,则系 统自动将当前网页中按指定方向搜索到的原内容全部替换成新内 容
2.替换文本 ◼ (1)执行【编辑】→【替换】命令,或按快捷键【Ctrl+H】, 打开【替换】选项卡,也可以从上面的【查找和替换】对话框中 直接切换到【替换】选项卡 。 ◼ (2)若在执行命令之前已选中了要替换的文本,则在替换对话 框的【查找内容】中就会显示所选中的文本;若未选中要替换的 文本,则在【查找内容】中输入要查找的文本内容。在【替换为】 文本框中输入替换文本,则当查找到要替换的文本后, FrontPage就用【替换为】文本框中的文本替换查找到的指定文 本。其它选项操作与查找相同。 ◼ (3)选定各选项后,按【查找下一个】按钮,系统光标就停在 找到的下一个内容上,此时,若单击【替换】按钮,则此处原来 内容被新内容替换掉;若单击【查找下一个】按钮,系统将不替 换此处的内容而继续找下一个。若单击【全部替换】按钮,则系 统自动将当前网页中按指定方向搜索到的原内容全部替换成新内 容
3.3网页制作辅助工具 图形素材编辑工具可选用 Adobe公司的 strato或Coe公司的 Coreldraw。 ■图像素材编辑工具可选用 Adobe公司的 Photoshop、 Director等。 声音素材及MD音乐的编辑工具可选用 Windows中的录音机或购 买声卡附带的应用程序等。 平面动画素材编辑工具可选用 Micromedia公司的 Flash mX等 ■三维动画素材编辑工具可选用 Autodesk公司的3 DS MAX等。 ■视频影像素材编辑工具可选用 Adobe公司的Premⅰere等。 脚本、特效编辑工具可选用 JavaScript、 VBScript、 SHTML等。 此外,网页制作过程中,可能还需要借助一些文件格式转化工具 及一些外部设备,如:扫描仪、打印机等
3.3 网页制作辅助工具 ◼ 图形素材编辑工具可选用Adobe公司的Illustrator或Corel公司的 CorelDraw。 ◼ 图像素材编辑工具可选用Adobe公司的Photoshop、Director等。 ◼ 声音素材及MIDI音乐的编辑工具可选用Windows中的录音机或购 买声卡附带的应用程序等。 ◼ 平面动画素材编辑工具可选用Micromedia公司的Flash MX等。 ◼ 三维动画素材编辑工具可选用Autodesk公司的3DS MAX等。 ◼ 视频影像素材编辑工具可选用Adobe公司的Premiere等。 ◼ 脚本、特效编辑工具可选用JavaScript、VBScript、SHTML等。 ◼ 此外,网页制作过程中,可能还需要借助一些文件格式转化工具 及一些外部设备,如:扫描仪、打印机等