第8章网页设计重点.ppt

网页设计与FrontPage 2003 制作框架网页内容 包括设置初始网页和编辑空白网页两种: （1）设置初始网页 （2）编辑空白网页 框架网页 8 保存框架网页 “另存为”对话框 （一） “另存为”对话框 （二） “另存为”对话框 （三） 框架 网页 框架网页 8 * 信息技术基础训练教程 本章主要内容 1 2 3 4 5 1 2 7 6 8 初识FrontPage 2003 FrontPage 2003网页的基本操作 编辑网页中的文本 图片的操作 表格的使用 表单的应用 设置超链接 框架网页 FrontPage 2003工作窗口 初识FrontPage 2003 1 新建/保存/打开网页 设置网页属性 预览网页 FrontPage 2003网页的基本操作 2 “格式”选项卡 ——背景属性 FrontPage 2003网页的基本操作 2 “网页属性”对话框——常规属性 1）设置文本格式 ※ 设置字体样式 ※ 设置字号 ※ 设置字体颜色 “字体”对话框 编辑网页中的文本 3 2）对象的插入 ◇ 插入水平线 ◇ 插入日期和时间 ◇ 插入换行符 编辑网页中的文本 3 1）网页中的图片类型 GIF图像格式 JPEG图像格式 图片的操作 4 2）插入图片文件 “图片”对话框 图片的操作 4 3）设置图片的属性 ◇ 调整图片大小。利用鼠标调整图片大小 /通过菜单命令调整图片大小 ◇ 设置图片的环绕方式 。在“图片属性”“外观”选项卡的“环绕样式”选区中选择所需的环绕方式，包括无、左和右三种环绕方式。 ◇ 设置图片与文本的对齐方式 。 “外观”选项卡 图片的操作 4 FrontPage 2003中创建表格方法主要有 ： ◇ 使用工具按钮创建 ◇ 使用命令创建 ◇ 绘制表格 1）表格的基本操作 插入表格效果 表格的使用 5 2）表格的属性设置 “表格属性”对话框 ◇ 设置表格的标题 ◇ 设置表格的对齐方式 ◇ 设置表格的高度和宽度 ◇ 设置表格边框 ◇ 设置背景 ◇ 设置单元格属性 表格的使用 5 3）编辑表格 ◇选定表格中的行、列或单元格 ◇插入行、列或单元格 ◇删除行、列或单元格 ◇合并和拆分单元格 表格的使用 5 1）创建表单元素 “表单”级联菜单 表单的应用 6 文本框是网页中使用频率最高的表单元素之一，在文本框中可以输入姓名、年龄、用户名、密码等少量的文本。 “文本框属性”对话框 “文本框有效性验证”对话框 文本框 表单的应用 6 “复选框”表单元素 “复选框属性”对话框 复选框 表单的应用 6 “选项按钮”表单元素 “选项按钮属性”对话框 选项按钮 表单的应用 6 “下拉框”表单元素 “下拉框属性”对话框 下拉框 表单的应用 6 按 钮 FrontPage 2003中的常规按钮有三种，分别是: “提交”按钮、“重置”按钮和“普通”按钮。 表单的应用 6 2）创建表单网页 FrontPage 2003中创建表单网页包括使用模板创建、使用向导创建和自定义表单三种方法 插入表单 自定义表单 表单的应用 6 设置超链接 7 1）超链接概述 简单地说，超链接就是从一个网页或文件到另一个网页或文件的链接。超链接的目标可以是一幅图片、一个多媒体文件、一个程序，也可以是一个网页。用户浏览一个网页时，当鼠标指针移到网页上的一些文字、图片或者按钮上时，如果鼠标指针变成形状，说明该处为超链接，单击该超链接可以浏览到相关的内容。这些包含超链接的文字、图片或其他对象叫做超链接的载体。 2）超链接的类型 ※ 内部超链接。 指在已创建的各个网页之间建立互相链接的关系。 ※ 外部超链接。 指链接到本地计算机以外的网络资源。在网页中创建外部超链接，可以链接Internet中的其他网站。 设置超链接 7 3）创建超链接 设置超链接 7 插入超链接对话框（文本） 创建图片超链接 图示： “插入超链接”对话框 （图片） 设置超链接 7 图片映射： 就是在一张图片中创建多个不同的区域，这些区域可以是矩形、圆形或多边形，每一个区域称为一个热点。图片映射可以在同一个图片中创建多个超链接，每一个链接与一个指定的热点相联系。 设置超链接 7 链接到电子文件 设置超链接 7 4）修改/删除超链接 “编辑超链接”对话框 设置超链接 7 框架网页的基础知识 框架网页主要由以下三部分组成： ① 边框 ② 网页 ③ 滚动条 框架网页 8 创建框架网页 创建框架网页