FrontPage 2003教学专题
朱路
FrontPage 2003是Office家族的一员，应用于网站、网页的编辑管理，他的操作更加的简单方便，所以学习起来非常的快捷，此教程专门为初级用户特别编制。
我们学习此软件的目的：（1）制作网页课件 （2）建设教学资源网站。
第一章：基本
1. 如何学习FrontPage
根据功能模块划分章节，依据开发网站的功能流程讲解。学习方法:先整体后具体，配合视频教学，观看、跟练、讨论、完成具体任务。
2. 网站、网页的概念
网站由网页组成（至少一个网页）。可以先建网页，然后组成网站；也可以先建网站，再建网页。
3. 启动与关闭
启动：“开始”/“程序”/“Microsoft office”/“Microsoft office Frontpage2003”
关闭：“文件”/“退出”
4. 界面介绍
菜单栏、工具栏、任务窗格(“视图”菜单下)、视图切换区（设计/拆分/代码/预览）、网页编辑区。
5. 界面操作
菜单栏、工具栏的移动，工具栏(关闭与调出)。
6. 视图操作
“设计/拆分/代码/预览”各自的意义和切换操作。
7. 网站规划
● 网站的风格（庄严、活泼等）
● 网站的结构（大纲规划 层次）
● 网站的配（体现出风格）
8. 彩搭配
红—热情 橙—时尚 蓝—宁静 绿—清新
紫—神秘 黑—深沉 灰—高雅 白—明快
具体应用中可参考一些知名网站进行设计。
● Frontpage的配方案(格式/主题)
● 配方案操作(也可自定义)
9. 设计草图
10. 总结
第二章：网站
11. 制作网站的流程
主题(个人 /企业 /综合)----风格----规划栏目----配----素材----版面----编辑----测试(预览)----
上传到服务器(需申请空间 域名)
12. 网站元素级别
● 一个网站是一个完整体系
● 网站包含一个或多个网页
● 网页包含的元素(文字 表格 图片 动画 视频等)
13. 创建站点
● 文件/新建/新建网站(任务窗格中)/由一个网页组成的网站/网站模板常规下选网站类型，并指定新网站的位置。
● Index.htm主页
● Images存储图片
14. 关闭网站
文件/关闭(网页)、关闭网站、退出三者的区别。
15. 打开站点
● 文件/打开(网页)
● 打开网站/选网站文件夹(mysite)打开/编辑网页和其中的元素
16. 重命名站点
● 工具/网站设置/常规(例如mysite修改为jyjcw)
17. 文件夹列表1
● 视图/文件夹列表(Alt+F4)
● 操作：根目录下新建文件夹并命名
18. 文件夹列表2
新建网页操作：选根目录或index.htm/单击新建网页按钮
第三章：网页
19. 新建网页
● 文件夹列表\新建网页按钮
● 文件菜单下\新建(窗格)\空白网页 (保存后左边文件夹列表中才会出现)
● 右边\新建网页按钮
● 单击导航\新建网页(网页树形结构层次清楚,单击视图下刷新,左边文件夹列表中才显示)
20. 保存网页
● 文件夹列表中新建网页不需保存
● 编辑网页带有*号需保存
● 文件菜单\新建(任务窗格上新建网页需保存)
21. 打开网页
● 打开该网站网页(打开该网站时其网页自动显示在左边文件夹列表中)
● 打开不是该网站网页：文件\打开
● 打开另一网站会弹出一新的frontpage窗口
22. 关闭网页
● 文件\关闭
● 关闭按钮
23. 页边距
例：编辑中插图图片 有空白页边距
空白处右击\网页属性\高级\边距(设上下左右页边距为0)
24. 操作背景
● 空白处右击\网页属性\格式\选颜或背景图片
● 格式菜单\背景\选颜或背景图片
25. 设置标题(区分网页名字与标题)
● 空白处右击\网页属性\常规\标题 网页说明
(文件\保存\浏览器中浏览)
● 单击右边网站标签可直接更改标题
26. 复制网页(风格、排版一致)
● 在文件夹列表的网页(例index.htm)上右击\复制
● 在文件夹列表的空白处右击\粘贴
● 复制后更改一下名称
27. 总结
第四章：文字操作
28. 学习思路
29. 输入文字
30. 导入文字
31. 选择文本
32. 设置文本格式
33. 删除文本格式
34. 撤销、恢复
35. 格式刷
36. 添加边框、底纹
37. 复制文本
38. 剪贴板
39. 移动文本
40. 设置段落格式
41. 段落间距
42. 插入符号
43. 总结
第五章：表格
44. 学习思路
45. 添加表格1
46. 添加表格2
47. 删除表格
48. 添加单元格、行和列1
49. 添加单元格、行和列2
50. 删除单元格、行和列
51. 选表格、单元格、行、列
52. 添加、删除标题
53. 设置表格属性
54. 设置单元格属性
55. 设置细线边框
56. 设置宽度和高度
57. 合并单元格
58. 拆分单元格
59. 文本表格互转
60. 格式应用
61. 总结
第六章：项目符号和编号
62. 学习思路
63. 创建项目符号、编号
64. 将项目符号、编号添加到现有文本
65. 重新调整
66. 总结
第七章：图像
67. 学习思路
68. 插入图片1
69. 插入图片2
70. 预览插入图片
71. 设置图片格式
72. 插入自选图形
73. 设置填充
74. 设置边框
75. 设置阴影
76. 设置三维效果
77. 调整大小
78. 组合图形
79. 旋转图形
80. 对齐和排列
81. 插入文本框
82. 插入艺术字
83. 设置艺术字
84. 编辑文字
85. 总结
第八章：音频、视频等元素
86. 学习思路
87. 添加FLASH
文件\图片\flash影片
88. 设置基本FLASH内容
● Flash上单击后出现8个控制点，拖动可调整大小。
● Flash上双击\flash影片属性\外观 常规(注意常规中的路径)
89. 制作按钮
● 插入\交互式按钮
● 按钮标签下：修改文字内容 修改链接
● 字体标签下：更改字体
● 图像标签下的修改
● 双击插入后的按钮可继续更改
● 保存时按钮生成的图片要保存到网站的images中
90. 添加视频
● 光标定位
● 插入\图片\视频
● 大小调整
91. 设置视频
● 大小调整
● 图片上双击\图片属性\外观 常规 视频
● 文件夹列表中要建shipin文件夹，保存时(选网页)将视频存入相应文件夹。
● 在浏览器中浏览
92. 添加背景音乐
● 网页空白处右击\网页属性\常规\背景音乐
● 保存时音乐文件存入网站建立的相应文件夹下(例如yinyue文件夹)
93. 小技巧
过大音频文件利用flash进行压缩
94. 删除元素
网页中的删除后相应文件夹中元素内容也要删除
95. 总结
第九章：框架
96. 学习思路
框架作用：一个网页分成几分,每份填充其他网页。
97. 创建网页框架
文件\新建\窗格中选其他网页模板\框架网页\例如：标题
98. 编辑框架内容
● 在框架内选新建网页
● 单击保存(分别命名为1.htm和2.htm及page.htm)
● 切换显示1.htm和2.htm及page.htm的内涵关系
99. 设置初始页
选中网页\框架菜单\框架属性
100. 设置框架的显示
● 在框架中空白处右击\框架属性\单击框架网页\弹出网页属性\去掉显示边框
● 在框架中空白处右击\框架属性\显示滚动条处选不显示
101. 重命名框架
在框架中空白处右击\框架属性\名称
102. 调整框架
● 框架属性中调节
● 拖动调节
103. 拆分框架
● 选中\框架\拆分框架
● 按住ctrl键同时拖动边框
104. 删除框架
选中\框架\删除框架
105. 嵌入式框架
● 在一个网页内某块显示框架时用
● 选中网页\插入\嵌入式框架\调整大小 设置或新建初始页
如何保存网页内容● 框架上(外)边沿单击\右击\嵌入式框架属性
106. 总结
107. 练习1_框架网站
● 文件\新建\新建网站\其他网站模板\常规\只有一个网页的网站(注意目录位置)
● 工具\网站设置\常规\更改网站名称
108. 练习2_框架网站
● 双击编辑主页index.htm
● 右击\网页属性\高级\设置边距
● 表格\插入\表格\设置行列(例如2 1)、像素(759)、边框粗细为0
● 文件\保存
109. 练习3_框架网站
● 选单元格一行\表格\插入\行(1行)
● 选第一行\表格\插入\表格(2行6列、单元格衬距(0)、单元格间距(0)、边框粗细(0))
● 第一行合并单元格
● 第二行插入按钮(例如:首页 动画作品 视频作品 美术作品 文学作品 给我写信)(注意更改文本和链接)
● 选中各按钮\表格\平均分布各列
● 选中各按钮\单击居中按钮
● 第四行版权声明 (设为居中 字号10)
● 第三行\插入\嵌入式框架(双击\名称T1、宽度759、去掉显示边框)\单击新建网页\保存\给新建网页起名字(例如jj.htm)\图片存入images文件夹
110. 练习4_框架网站
双击jj.htm网页进行编辑\输入文字
111. 练习5_框架网站
● 双击index.htm\调整jj.htm网页文字显示\在嵌入式框架属性中滚动条设为不显示
● 对jj.htm网页和index.htm网页进行保存
● 在浏览器中浏览\调整文字显示
● 第一行插入图片\调整图片大小
● 保存时图片存入images文件夹中
112. 练习6_总结
● 美化或借用主题进行美化
● 保存
第十章：超链接
113. 学习思路
● 链接网站内网页
● 链接本网页内内容
● 连接到其他网站
114. 创建同网站内超链接
● 文件夹列表中复制一网页\更名\双击编辑该网页\保存
● 首页\选需链接按钮\插入超链接\原有文件或网页 目标框架T1\保存\浏览器中浏览
115. 创建外部超链接
选文字\插入超链接\输入网址(例如www.hao123/)\保存\浏览器中浏览
116. 创建同一文件的超链接(一个网页中)
● 选文字\插入\书签
● 选文字\插入超链接\本文档中的位置\保存\浏览器中浏览
117. 不同元素的链接
● 选图片\双击\常规\默认超链接下单击”浏览”\单击目标框架选T1框架\保存\浏览器中浏览
● 图片工具栏中\长方形热点按钮\单击目标框架选T1框架\保存\浏览器中浏览
118. 设置超链接字体效果
● 网页页面右击\网页属性\高级\启用超级链接翻转效果\单击翻转样式\字体 颜\确定\确定\保存\浏览器中浏览
(注意:网页已启用主题情况下默写设置不可以)
119. 设置超链接颜
● 新建空白网页\输入文字\选中\右击\超链接\例如:链接到www.baodu
● 右击\网页属性\格式\对颜下的(超链接 已访问的超链接 当前超链接 文本)设置\确定\
保存\浏览器中浏览
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论