网页设计软件FrontPage.ppt

第7章网页设计软件FrontPage 第7章网页设计软件FrontPage 7 1网页设计基本知识7 2网页的基本操作7 3网页编辑7 4表格7 5超链接7 6创建表单7 7框架7 8特殊效果 教学目标 教学内容 掌握基本操作 学会图片 超级链接和表单的使用了解框架网页的制作和特殊效果的使用 第7章网页设计软件FrontPage 框架网页的使用网页中表格的制作 教学重点 教学难点 重点需要掌握建立普通网页的方法 学会建立表格网页已经对表格网页的编辑操作 第7章网页设计软件FrontPage 7 1网页设计基本知识7 2网页的基本操作7 3网页编辑7 4表格7 5超链接7 6创建表单7 7框架7 8特殊效果 7 1网页设计基本知识 7 2 1启动frontpage2000 7 2网页的基本操作 1 创建网页方法一 打开FrontPage2000程序 直接新建网页 此时 网页的名字默认为new page 1 htm 方法二 在FrontPage2000环境中 通过菜单新建网页 选择 文件 新建 网页 命令 7 2 2创建和编辑网页 7 2 2创建和编辑网页 2 编辑网页使用FrontPage编辑网页与在Word中编辑文档类似 在编辑过程中也可以查看网页文件运行之后的实际效果 此时只需单击左下角的 预览 选项卡即可 注意 在预览状态下不能对网页进行编辑 7 2 3保存网页 方法一 默认保存 选择 文件 保存 命令或单击按钮 将网页文件保存在默认目录C MyDocuments MyWebs下 文件名默认为new page 1 htm 方法二 自定义保存 选择 文件 另存为 命令 将网页以用户所需的文件名和所选的路径保存 注意 网页中的图片对象均要另外保存 7 2 4打开浏览网页 在设计网页的过程中需要浏览网页 以便观察它的实际运行效果 此时只需单击左下角的 预览 选项卡即可 在网页设计完毕并被妥善保存之后浏览网页 可以打开 我的电脑 找到文件保存的位置 直接双击网页文件 或单击右键 选择 打开 即可浏览网页 7 3网页编辑 7 3 1编辑文本和段落字体格式选中需要设置格式的文字 单击右键 选择 字体 设置字型 大小 颜色等 设置方法和Word类似 段落格式选中需要设置格式的文字 单击右键 选择 段落 设置字型 大小 颜色等 设置方法和Word类似 7 3网页编辑 7 3 2网页属性在编辑区任意位置单击右键 选择 网页属性 打开 网页属性 对话框 1 设置常规属性2 设置背景属性7 3 3插入水平线7 3 4创建列表7 3 5主题的使用 7 3 6图片的使用 1 插入剪贴画定位光标 选择 插入 图片 剪贴画 命令 选择需要的剪贴画 选中的剪贴画图片即插入在光标处 2 插入图片文件定位光标 选择 插入 图片 来自文件 命令 选择图片的路径和名称 选中的图片即插入在光标处 7 4表格 7 4 1创建表格7 4 2编辑表格 7 4 1创建表格 方法一 手动绘制表格 选择 表格 手绘表格 命令 利用鼠标绘制表格 先绘制表格外框线 然后逐步添加行列直线 方法二 自动绘制表格 选择 表格 插入 表格 命令 将会弹出 插入表格 对话框 根据需要设置表格的行 列数以及 布局 框架中的各选项数值 7 4 2编辑表格 1 简单编辑表格的简单编辑包括文字的输入 字体格式的设置 行列的插入删除 单元格的合并与拆分等 这些操作与Word中的表格操作类似 2 单元格属性选中需要编辑的单元格 单击右键 选择 单元格属性 打开 单元格属性 对话框进行设置 3 表格属性将光标定位在表格中 单击右键 选择 表格属性 打开 表格属性 对话框进行设置 7 5超链接 7 5 1超级链接简介7 5 2创建链接7 5 3编辑超链接 7 5 1超级链接简介 超级链由两部分组成 超链接源和超链接目标 7 5 2创建超级链接 1 创建指向某个站点的超链接键入需要将其作为超链接的文本 然后选中它 单击右键 选择 超链接 打开 创建超链接 对话框 在 URL U 对应的文本框中输入网站地址即可 例如 7 5 2创建超级链接 2 创建指向文件的超链接键入需要将其作为超链接的文本 然后选中它 单击右键 选择 超链接 打开 创建超链接 对话框 选择目的端文件 即需要链接到的文件 通常是网页文件 即可 7 5 2创建超级链接 3 创建指向客户端电子邮件发送程序的超链接键入需要将其作为超链接的文本 然后选中它 单击右键 选择 超链接 打开 创建超链接 对话框 再打开 创建电子邮件超链接 对话框 输入电子邮件地址即可 如 zhangsan 7 5 2创建超级链接 4 创建指向书签的超链接页内链接是在同一个网页中实现超链接 即从一个网页上的某个位置链接到该网页上的其他位置 页内链接也称为 书签 页内链接的实现步骤 1 添加书签 2 创建指向书签的链接 超链接创建成功后 可通过以下步骤测试其效果 单击网页编辑区左下角的 预览 选项卡 再点击超链接文本 7 5 3编辑超链接 若需更改超链接文本 选择该文本然后编辑它 若需更改超链接的目的端 选择这个超链接 然后单击右键 选择 超链接属性 再为其指定一个不同的目的端 7 6创建表单 在网页上现有表单外的任何位置创建表单 其操作步骤如下 定位光标 选择 插入 表单 表单 命令 MicrosoftFrontPage会在光标处插入一个矩形虚线框区域 此时可以添加文本和表单域 例如文本框 单选按钮 复选框 下拉菜单以及按钮 9 6 2表单域及其属性的设置 1 单行文本框2 滚动文本框3 复选框4 单选按钮5 下拉菜单6 按钮 1 单行文本框 单行文本框用于输入单行文本 添加该域的方法 定位光标 选择 插入 表单 单行文本框 命令 当需要设置单行文本框的属性 双击文本框 或单击右键 选择 表单域属性 打开 文本框属性 对话框 2 滚动文本框 滚动文本框用于输入多行文本 添加该域的方法 定位光标 选择 插入 表单 滚动文本框 命令 当需要设置滚动文本框的属性 双击该文本框 或单击右键 选择 表单域属性 打开 滚动文本框属性 对话框 3 复选框 复选框用于提供一个或多个选择项 可以多选也可以不选 添加该域的方法 定位光标 选择 插入 表单 复选框 命令 当需要设置复选框的属性时 双击该复选框 或单击右键 选择 表单域属性 打开 复选框属性 对话框 4 单选按钮 单选按钮用于从一组选项中选择其中之一 且只能选择一个 添加该域的方法 定位光标 选择 插入 表单 单选按钮 命令 当需要设置单选按钮的属性时 双击该单选按钮 或单击右键 选择 表单域属性 打开 单选按钮属性 对话框 5 下拉菜单 下拉菜单用于提供从列表或菜单中选择选项 菜单的属性可以设置为只允许选择一个选项 也可设置为允许作多重选择 添加该域的方法 定位光标 选择 插入 表单 下拉菜单 命令 当需要设置下拉菜菜的属性时 双击该下拉菜单 或单击右键 选择 表单域属性 打开 下拉菜单属性 对话框 6 按钮 按钮用于激活某种操作 添加该域的方法 定位光标 选择 插入 表单 按钮 命令 当需要设置按钮的属性时 可双击该按钮 或单击右键 选择 表单域属性 打开 按钮属性 对话框 7 7框架 7 7 1框架网页7 7 2创建框架页 新建框架的方法 选择 文件 新建 网页 命令 然后单击 框架网页 选项卡 单击框架网页模板 7 7 3设置框的初始架页 设置初始网页的方法有三种 方法一 单击 设置初始网页 选择一个已存在的网页文件作为该框架的初始网页 方法二 单击 新建网页 将该框架置为一空白网页再进行下一步编辑 编辑方法与普通网页相同 方法三 在框架中单击右键 选择 框架属性 单击 浏览 按钮更改 7 7 4框架的基本操作 在框架中单击右键 选择 框架属性 打开 框架属性 对话框 可进行相关设置 7 7 5框架网页的基本操作 1 在新建窗口中打开网页2 保存框架中的网页框架需要保存时 选择 文件 另存为 或 保存文件 命令 在 另存为 对话框中会出现框架网页布局的缩略图 若突出显示的是框架网页的全部外框 则保存的是框架网页本身 若突出显示的是单个框架 则保存的是框架所显示的网页 注意 框架网页的保存比较复杂 需要保存整个框架网页以及每个独立框架 如果框架中包含有图片等其他媒体文件 还必须单独保存这些文件 7 8特殊效果 7 8 1字幕字幕可以显示