FrontPage（变化）.pptxVIP

FrontPage的使用 FrontPage的基本操作 网页的设计操作 1 Frontpage的基本操作 1.1 启动和退出 1.2 Frontpage界面简介 1.3 基本操作 它是常用、最简单的网页制作工具之一，它的大部分操作和Word类似 1 FrontPage的基本操作 FrontPage简介 1.1 启动和退出 1.2 界面简介 1.1 启动和退出 编辑区 视图模式 网页查看方式 默认文件名 1.2 界面简介 1.网页视图 2.文件夹视图 3.报表视图 4.导航视图 5.超链接视图 6.任务视图 用于编辑网页，网页默认文件名为new_page_#.htm 打开Web站点时，用于组织站点中的文件和文件夹 打开Web站点时，报告站点中的文件和超链接的状态 打开Web站点时，显示站点的导航结构 打开Web站点时，显示站点中的每一页的超链接状态 打开Web站点时，显示站点中要完成的任务 1.2 界面简介 查看网页的三种方式： 1.普通方式： 2.HTML方式 3.预览方式 用于编辑网页，在内部自动产生有HTML标志语言产生的网页文件。 提供了直接用HTML标志语言编写网页的途径 用于查看所设计的网页在浏览器内的效果 1.新建网页 2.打开网页 3.保存网页 1.3 基本操作 单击工具栏的“新建”按钮 “文件”  “新建”  “网页”  选择“模板”  “确定” “文件”  “打开” 网页的保存类型：选“网页文件” 如果网页有图片，会弹出“保存嵌入文件”对话框，用于指定图片的保存位置和文件名。 2 网页设计操作 2.1 网页中的文本编辑 2.2 插入特殊对象 2.3 图形处理 1.文本的输出和编辑 2.1网页中的文本编辑 同Word编辑 提供6级不同大小的标题 提供7种不同大小的字体，默认3号 建议：制作网页使用比较常见的字体 2.2 插入特殊符号 (1) 水平线：用于分割段落 操作：“插入”  “水平线” 编辑：双击水平线，在弹出的对话框中设置 (2) 注释：有利于以后的维护和管理 “插入”  “注释” 只有在普通模式下可见，在预览下就不显示 (3) 时间戳：使网页自动更新时间信息 “插入”  “日期和时间”  设置日期和时间格式 2.3 图形处理 (1) 插入图片 操作：“插入”  “图片”  “来自文件”  选择网络资源或本机资源 图片格式：*.jpg,*.gif 提醒：最好将图片和网页文件放在同一目录下 (2) 编辑图片 右击网页的图片，在属性窗口中设置 (3) 背景的设置 右击网页  “网页属性”  “背景” 表格：把文本、数据、图像精确有效的联系在一起。 (1)建立表格 表格“插入”或“手绘表格” (2)格式化表格 选定表格或单元格区域 “表格菜单”  “表格属性”或“单元属性”  进行相应的设置 2.4 表格处理 (1)创建超链接 选定作为超链接的文字或图像 选择“插入”“超链接”命令 在对话框中设置要链接的目标 定义超链接点的颜色 (2)链接方式 链接到网页 链接到本地文件 链接到电子邮件 图片或区域热点链接(使用绘图工具栏设计热区) 2.5 超链接 书签是使网页中被标记的位置或标记文本，起到定位的作用。 步骤： (1) 插入书签 移动光标到插入书签的位置 “插入”“书签” 输入书签的名称 (2) 设置书签的超链接 选中设置超链接的文本 在弹出的对话框中的“书签”下拉列表框中选择书签 2.6 书签 唐诗宋词网站 新建：只有一个网页的网站 插入：标题、图片、表格（边框取消） 设置标题、背景音乐及图片（格式—背景） 加入音频、视频、字幕及其他插件 2.新建唐诗（ts及ts1_-3)宋词（ sc及sc1_-3 3.在导航视图中建立导航 4、建立共享边框（插入导航链接栏，基于导航的链接栏，主页下的子页，选主页、子页） HTML语言： 可以用于创建和系统平台无关的网页文档，是一种解释语言 3 HTML标记语言的用法 1. HTML语言结构 html head title标题/title 头部信息 /head boby 文档主题，正文部分 /body /html 包括文字、图片、超链及格式描述。 3 HTML标记语言的用法 html head title例子：一个简单的html示例/title /head boby center