高等学校教材：人民邮电出版社《计算机应用基础》课程PPT教学课件_第8章 网页设计基础（FrontPage 2/2）

第8章网页设计基础 第二部分

第8章 网页设计基础 第二部分

插入①)格式@)工具〔)表格凶)框架)窗口 换行符①B) 水平线① 添加图 表单) 插入图片 图片① 下耍剪贴画C 书签) 网来自文件〔 超链接⑩ 将光标定位于要插入图 视频 片的位置。 单击“插入”菜单,执 國贴画库 行“图片”命令 思输入剪辑①)⑤联机剪辑)帮助0 根据类型可以选择“剪mm|m 搜索剪辑:键入一个或多个词 贴面”和“米白文件”世會 剪贴画 建 科技 旅行 选择某一类,如“科技” 商业 人民邮电出版社

人民邮电出版社 添加图片 • 插入图片 – 将光标定位于要插入图 片的位置。 – 单击“插入”菜单，执 行“图片”命令 – 根据类型可以选择“剪 贴画”和“来自文件” – “剪贴画” 选择某一类，如“科技

添加图片 调整图片与文字的对齐关系 点击“图像属性”对话框中的“外观”标签 图片属性 常规视频外观 布局 对齐方式)右对齐 水垂 选择 边框祖细):左对齐 顶边对荠 大小 文本上方 卩指定大小(绝对垂置居中 宽度W):基线 对底边对齐 绝对底边对齐 平居中 百分比 人民邮电出版社

人民邮电出版社 添加图片 • 调整图片与文字的对齐关系 点击“图像属性”对话框中的“外观”标签 选择

默认一—默认一一默认一一默认一—默认 默认对齐方式: 默认一一默认 是底边对齐。 左对齐一一左对齐一一左对齐一一左对齐一 左对齐一一左对齐一一左对齐 此外还有: 右对齐一—右对齐——右对齐—一右对齐 右对齐一一右对齐 绝对垂直居中 顶边对齐一—顶边对齐一一顶边对齐一一顶边对 相对垂直居中 相对底边对齐 齐一一顶边对齐 绝对底边对齐 基线—基线一一基线一基线—基线—基 文本上方对齐线一基线 水平居中一水平居中一一水平居中一水平居 中—一水平居中

人民邮电出版社 添加图片 ◼ 默认对齐方式： 是底边对齐。 ◼ 此外还有： ◼ 绝对垂直居中 ◼ 相对垂直居中 ◼ 相对底边对齐 ◼ 绝对底边对齐 ◼ 文本上方对齐

添加图片 相对垂直居中一一相对垂直居中一—相对垂直居 中一一相对垂直居中 绝对垂直居中一—绝对垂直居中——绝对垂直居 家 中一—绝对垂直居中 对米相对底边对齐一相对底边对齐一相对底边 相对底边对齐 对米对底边对齐一绝对底边对齐一绝对底边 绝对底边对齐 人民邮电出版社

人民邮电出版社 添加图片

添加图片 用图片作超链接 选中图片 单击鼠标右键,从弹出菜单中执行 “超链接” 按照前述步骤设置超链接 浏览时,鼠标移到图片上时,变成手 形,单击后则打开所链接的网页。 人民邮电出版社

人民邮电出版社 添加图片 • 用图片作超链接 – 选中图片 – 单击鼠标右键，从弹出菜单中执行 “超链接” – 按照前述步骤设置超链接 – 浏览时，鼠标移到图片上时，变成手 形，单击后则打开所链接的网页

添加图片 建立图片映射 个图片除了能建立一个超链接外 还可以与多个不同的超链接对应。 个图片首先需要分隔成若干个热区, 每一个热区对应一个超链接。热区形状 可以任意定义。 人民邮电出版社

人民邮电出版社 添加图片 • 建立图片映射 一个图片除了能建立一个超链接外， 还可以与多个不同的超链接对应。 一个图片首先需要分隔成若干个热区， 每一个热区对应一个超链接。热区形状 可以任意定义

添加图片 例:对一个人的图片定义3个热区。 使用“图片”工具栏中的热 工具按钮,在图片上画出 热区。 树(口区飞网 8,时间长方形热点「」A 每画一个热区,会自动弹 出“创建超链接”窗口。 人民邮电出版社

人民邮电出版社 添加图片 • 例：对一个人的图片定义3个热区。 – 使用“图片”工具栏中的热点 工具按钮，在图片上画出 热区。 – 每画一个热区，会自动弹 出“创建超链接”窗口。 热区1 热区2 热区2

工具按钮: 工具名字 适用于 长方形画长方形热区 ●|圆形 画圆形热区 /多边形 画不规则热区 突出热区在图像上突出所有热区 A 文本 在图像上创建一个文本超链接 人民

人民邮电出版社 • 工具按钮： 工具 名字 适用于 长方形 画长方形热区 圆形 画圆形热区 多边形 画不规则热区 突出热区 在图像上突出所有热区 文本 在图像上创建一个文本超链接

“创建超链接”窗口 创建超链接 目标框架 ? 搜索:c時ce当前框架网页) 公用的目标区C) 名称 网页款认值G new_page_11.htm 整页 ge_12. ht 口 自 new page13.htm 2.h 自 new_page3ht 自 new_page4.htm new_page_5.hi new_page_6.htm 目标设置〔 blank 厂设置为网页的默认值① URL O):周yebs/new 确定取消 可选 书签1:[G)-目标框架)网页默认值(千) 确定」「取消数0。人民邮电出版社

人民邮电出版社 • “创建超链接”窗口