FrontPage2003 网页制作教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
.
10
2.2 新建空白网页
5)浏览网页
.
11
2.3 利用常规模板新建网页
1)执行[文件][新建] 命令,出现“新建”任务 窗格
2)在“新建网页”栏中,选择[其他网页模板]
3)在“网页模板”对话框中,选择“图片库”
4)进行网页编辑
.
12
2.3 利用常规模板新建网页
5)浏览网页
.
13
2.4 利用框架网页模板新建 网页example: “标题”框架 模板新建网页
2 选择所要设置动画的图片,在“<选择一种事件>”栏中,单击下拉 按钮,选择引起动画的事件
3 “应用”栏单击下拉按钮,选择动画效果的类型“交换图片”
4 在弹出的“图片”对话框中,定位一张替换图片,单击[ 打开]
.
17
3.1 添加图片
4)浏览
.
18
3.2 添加滚动文字
一、把插人点定位在要创建字幕的位置 二、执行[插入][Web组件]命令,弹出“插入Web组件”对话框 三、在左侧的“组件类型”栏下选择“动态效果”,在右侧的
.
3
1.2 FrontPage 2003的主界面
.
4
1.3 网页视图(网页左下角功能名词解释)
一、“设计”视图
用户可以直观地插人文本、图片、超链接
二、“代码”视图
可以查看、编写和编辑HTML 标记
三、“拆分”视图
上半部分显示这个网页的HTML 代码,下半部分显示网页
四、“预览”视图
在不必保存网页的情况下,看到网页在浏览器中的效果
.
16
3.1 添加图片
example:美化“红苹果乐园”个人主页
1)插入来自文件的图片
执行[插人][图片][来自文件… ] 命令
2)在图片上添加文本
1 单击选择要添加文本的图片 2 单击“图片’工具栏上的文字按钮 3 在图片上出现的文本框中输人所需的文本
3)为图片加入动态效果
1 选中图片,执行[视图][工具栏][DHTML 效果]命令,调出“DHTML 效 果”
中文FrontPage 2003
1 走进FrontPage
2 新建网页
3 网页的编辑与效果设计
4 设置网页格式
5 使用超链接
6 快速创建网站
.
1
1 走进FrontPage
1.1 FrontPage 2003的启动和退出
1.2 FrontPage 2003的主界面
1.3 网页视图
1.4 任务窗格
.
2
1.1 FrontPage 2003的启动和退出
一、启动
在Windows 桌面单击“开始”菜单,执行[所有程序][ Microsoft Office ] [Microsoft Office FrontPage 2003 ]命令
二、退出
执行[文件][退出]命令,或者单击窗口右上角标题栏的[关闭]按钮
返回
.
20
4 设置网页格式
4.1 设置网页属性 4.2 设置网页主题 4.3 设置共享边框
.
21
4.1 设置网页属性
执行[文件][属性]命令
一、设置网页背景音乐
二、设置网页背景图片
.
22
4.2 设置网页主题
应用主题
1)打开要应用主题的网页 2)执行[格式][主题] 命令,弹出“主题”任务 窗格 3) “主题”任务窗格中,浏览主题的缩略图, 单击需要的主题
1)执行[文件][新建] 命令,出现“新Hale Waihona Puke Baidu”任 务窗格
2)在“新建网页”栏中,选择[其他网页模板]
3)选择“框架网页”选项卡
4)选择“标题”模板 ,并编辑网页
.
14
2.4 利用框架网页模板新建网页
5) 浏览网页
返回
.
15
3 网页的编辑与效果设计
3.1 添加图片 3.2 添加滚动文字 3.3 添加视频
.
25
5.1 什么是超链接
从一个网页指向另一个目标的链接 关系。这个目标可以是一个网页或文件, 也可以是相同网页中的不同位置,还可 以是一个电子邮件地址,甚至是一个应 用程序。当浏览者单击已经设置了超链 接的图片或文字以后,链接的目标就会 在浏览器中显示出来。
.
26
5.2 创建超链接
创建指向原有文件或网页的超链 接
“选择一种效 果”栏下选择“字幕”
.
19
3.3 添加视频
一、将插人点放在要插人视频的位置
二、执行[插人][图片][视频] 命令,弹出“视频”对话 框
三、单击选中的视频文件,然后单 击[打开] 按钮
四、设置视频的播放选项,右击视频, 再执行快捷菜单上的[图片属性] 命令, 弹出“图片属性”对话框,选中“视频”选 项卡
.
5
1.4 任务窗格
返回
.
6
2 新建网页
2.1 新建网页的方法 2.2 新建空白网页 2.3 利用常规模板新建网页 2.4 利用框架网页模板新建网页
.
7
2.1 新建网页的方法
一、空白网页
新建一个空白的网页
二、文本文档
新建一个纯文本文件,后缀名为·txt
三、根据现有网页新建
从本地或互联网上查找到网页,新建一个同样的网页
编辑共享边框
1)打开要修改共享边框的网页
2)在“网页”视图模式中,单击共享边框区域
3)修改共享边框区域内的内容
4)单击工具栏[保存文件] 按钮,所做的更改会出现在共享该边框的所有网
页上
返回
.
24
5 使用超链接
5.1 什么是超链接
5.2 创建超链接
5.3 编辑超链接
5.4 设置超链接的颜色
5.5 删除超链接
创建指向本文档中的位置的超链 接
创建指向新建文档的超链接 创建指向电子邮件地址的超链接
.
27
5.3 编辑超链接
(1)要更改超链接文本,选择该文本并编辑它 (2)选择要更改超链目的端超链接,然后单击
“ 超链接”,指定一个不同的URL。
.
28
5.4 设置超链接的颜色
四、其他网页模板
包括“常规” “框架” “样式表”选项卡,分别表示3 种不同的模板
.
8
2.1 新建网页的方法
.
9
2.2 新建空白网页
example :创建“红苹果乐园”个人主页
1)执行[文件][新建] 命令,弹出“新建”任务窗 格
2)在“新建网页”栏中选择[空白网页]
3)向网页中添加文字
4)保存网页
删除主题
1)执行[格式][主题]命令 2)在“主题”任务窗格中删除网站的主题
.
23
4.3 设置共享边框
共享边框
为希望在所有网页上显示一致的内容而保留的网页区域
设置共享边框
1)在网页视图模式中,执行[格式][共享边框] 命令,显示“共享边框”对 话框
2)选择“当前网页”,表示只在当前网页上加人共享边框;选择“所有网 页”,则表示在整个网站的所有网页上都将加人该共享边框