网制作软件FrontPage的使用
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3.2 HTML文件的基本结构
2．HTML文件的基本结构
HTML的结构包括头部（Head）和主体（Body）两大部分。 头部描述浏览器所需要的信息，主要含有网页标题、解码 方式等信息；主体包含所要说明的具体内容，含有网页中 的各种元素，如段落文字、表格、图像、颜色等信息。
HTML文档最重要的特性是能支持超链，它能使网页之间 链接起来，从而实现了网页之间的跳转和自由切换。链源 可以是文档中的任何一个字、词或句子，甚至可以是一幅 图像。链宿可以是另外一个Web服务器上的某个信息资源， 也可以是文档内部的某个地方。HTML的这种超链接功能
5.4 网页格式设置
2．背景设置 （1）将光标定位在当前网页的任何位置。 （2）单击“格式/背景”命令，或在网页属性对话
框中单击“格式”选项卡。 （3）若要为当前网页设置背景图片，并将背景图片
设置为水印效果。可选中“背景图片”和“使其 成为水印”两个复选框，并单击“浏览”按钮， 打开“选择背景图片”对话框，在其中选择需要 的背景图片并单击“打开”按钮即可。 （4）设置完毕后，单击“确定”按钮即可。
5.3 插入对象及组件
2．插入日期和时间 （1）单击“插入/日期和时间”命令，弹出“日期
和时间”对话框，如图所示。 （2）在“日期和时间”对话框中选择显示的方式，
并在“日期格式”和“时间格式”下拉列表框中 设置日期和时间的显示格式，最后单击“确定” 按钮即可．插入计数器 （1）将光标定位在需要插入计数器的
1.2 设计网站的一般步骤
1．确定网站主题 2．搜集材料 3．规划站点 4．选择合适的制作工具 5．制作网页 6．测试与发布 7.网站宣传 8．维护更新
2.2 FrontPage的启动和退出
1．启动FrontPage 方法1：单击“开始/程序/Microsoft Office /
Microsoft Office FrontPage 2003”命令，则启动 FrontPage应用程序，并新建一个名为 “new_page_1.htm”的网页。 方法2：双击桌面上的FrontPage快捷方式图标 。
2．关闭网页并退出
退出FrontPage前，应将文件保存，若文件尚未保存， FrontPage会在关闭窗口前提示保存文件。
（1）关闭当前网页 方法1：选择“文件/关闭”菜单命令。 方法2：单击菜单栏最右侧的“关闭窗口”按钮 。 （2）直接退出FrontPage应用程序 方法1：单击标题栏最右边的“关闭”按钮 。 方法2：单击“文件/退出”命令。 方法3：当FrontPage应用程序窗口作为当前活动窗口时，
5.4 网页格式设置
3．过渡效果
（1）打开需要增加网页过渡效果的网页。 （2）单击“格式/网页过渡”命令，将弹出“网页过渡”对
话框。 （3）在“事件”下拉列表框中选择一种触发过渡效果的事件。 （4）在“周期（秒）”文本框中输入过渡效果所持续的时间。 （5）在“过渡效果”列表框中选择一种网页过渡效果。 （6）设置完毕后，单击“确定”按钮，当前网页的过渡效果
<HTML> <HEAD> <TITLE>
这是网页的标题 </TITLE>
</HEAD> <BODY>
这是网页的正文 </BODY> </HTML>
3.2 HTML文件的基本结构
1．标记符 标记符是HTML的基本元素。在HTML中，所有的
标记符都用尖括号括起来。
例如，<HTML>表示HTML标记符。标记符是不区 分大小写的，但通常约定标记符使用大写字母， 绝大多数标记符都是成对出现的，包括开始标记 符和结束标记符。开始标记符和结束标记符的区 别是在标识符前面加上“/”。例如， <html>…</html>、<head>…</head>、 <body>…</body>等。
4.1 打开站点和网页
2．打开网页 打开网页的操作比较简单，和Word和Excel的打开
文件比较类似，具体操作步骤如下： （1）单击“文件/打开”命令，将弹出“打开文件”
对话框。 （2）在“打开文件”对话框的查找范围下拉列表框
中选择要打开的文件所在的位置，在文件类型下 拉列表框中选择Web页，然后单击所要打开的网 页，最后单击“打开”按钮。
4.2 新建站点与导入素材
2．导入素材 单击“文件/导入”命令，弹出“导入素材”对话框，
如图所示。导入素材主要有添加文件、添加文件 夹、来自网站三种对象，单击相应按钮完成素材 的导入。”
5.1 新建网页
（1）单击“文件/新建”命令，程序的右侧将弹出 “新建”任务窗格，如图所示。
（2）在“新建网页”选项区中执行下列操作之一：
（2）单击“插入/Web组件”命令， 弹出“插入Web组件”对话框。在 该对话框左侧的组件类型中选择 “动态效果”，在右侧列表框中选 择“字幕”选项。
（3）单击“完成” ，此时会弹出 “字幕属性”对话框。
（4）单击“确定”按钮即可插入字 幕。
5.3 插入对象及组件
5．插入交互式按钮 （1）将光标定位在需要插入交互式按钮的位
（2）另存为。单击“文件/另存为”命令，将会弹 出“另存为”对话框，在该对话框中可以选择保 存位置、保存类型，输入文件名并单击“保存” 按钮即可。
6.1 插入图片及图片属性
1．插入图片文件 （1）将光标定位在要插入图片的地方，单击“插入
/图片/来自文件”命令，或者单击“常用”工具栏 上的插入图片按钮 ，将会弹出“图片”对话框。 （2）选择需要的图片，单击“插入”按钮，即可将 图片插入到页面中。
5.3 插入对象及组件
1．插入水平线 （1）将光标定位在需要插入水平
线的位置。
（2）单击“插入/水平线”命令， 即可在当前插入点位置插入一条 水平线。
（3）右键单击水平线，在弹出的 快捷菜单中选择“水平线属性” 选项，弹出“水平线属性”对话 框，如图所示，在该对话框中可 以对水平线进行相应的属性设置。
5.5 插入表单及表单设置
2．表单设置
在需要设置的表单上单击鼠标右键，此时会弹出“表单属 性”对话框。
单击“表单属性”对话框中的“选项”按钮，打开“保存 表单结果”对话框，共包含四个选项卡，默认显示“文件 结果”选项卡。
5.6 保存网页
（1）保存。单击“文件/保存”命令或单击“常用” 工具栏中的快速保存按钮 。
置。
（2）单击“插入/Web组件”命令，弹出“插 入Web组件”对话框。在该对话框左侧组 件类型中选择“动态效果”，在右侧列表 框中选择“交互式按钮”选项。
（3）单击“完成”按钮，弹出“交互式按钮” 对话框。
（4）在“按钮”选项卡上“按钮”列表框中 选择一种按钮样式，在“文本”右侧的文 本框中输入该按钮上的文字，在“链接” 右侧的文本框中输入该按钮对应的链接， 或者单击“浏览”按钮，选择该链接所对 应的URL地址。
5.3 插入对象及组件
（5）单击“字体”选项卡，设置该文本的字体、字形、字号等属性，如 图所示。
（6）单击“图像”选项卡，进行按钮图片的设置，如图所示。 （7）完成所有设置后，单击“确定”按钮即可插入交互式按钮
5.4 网页格式设置
1．常规 （1）将光标定位在当前网页的任何位置，并单击鼠
标右键，在弹出的快捷菜单中选择“网页属性” 命令，此时会弹出“网页属性”对话框。 （2）若要为当前网页设置标题，在“常规”选项卡 的“标题”选项区右侧的文本框中输入标题名称。 （3）若要为当前网页设置背景音乐，在“常规”选 项卡的“位置”选项区单击“浏览”按钮，在弹 出的“背景音乐”对话框中选择合适的音乐，单 击“打开”按钮。 （3）设置完毕后，单击“确定”按钮即可。
位置。
（2）单击“插入/Web组件”命令，弹 出“插入Web组件”对话框。在该 对话框左侧的组件类型中选择“计 数器” 。
（3）单击“完成”按钮，此时会弹出 “计数器属性”对话框，如图所示， 选择合适的计数器样式，单击“确 定”按钮。
5.3 插入对象及组件
4．插入字幕
（1）将光标定位在需要插入字幕的 位置。
完成。 （3）删除文本 选择需要删除的文本，然后按下键盘上的Delete键（或选择“剪切”
命令）。
5.2 文本编辑与格式设置
2．格式设置 （1）选择需要进行格式设置的文本，单击“格式/
字体”命令，打开字体对话框。 （2）在“字体”选项卡中选择合适的字体、字形和
大小等，效果选项组还可以对文字设置不同的效 果，在“字符间距”选项卡中设置字符间距等。
是它能作为Web语言的主要原因之一。
4.1 打开站点和网页
1．打开站点 （1）单击“文件/打开网站”命令，将弹出“打开
网站”对话框。 （2）在查找范围下拉列表框中选择Web站点所在的
目录，在下方的Web站点列表中选择一个站点， 然后单击“打开”按钮，就可以打开该站点。打 开站点后将显示该站点中所有的文件。
按Alt+F4键。 方法4：单击FrontPage窗口左上角的图标 ，从弹出的菜
单中单击“关闭”命令（或直接双击图标 ）。
2.4 FrontPage的窗口组成
标题栏
编辑框
常用工具栏
格式工具栏
任务窗格
菜单栏 网页名称
工作表区
视图方式
状态栏
水平滚动条
垂直滚动条
3.1 HTML简介
1．什么是HTML HTML（HyperText Markup Language）是一种超
/
网制作软件FrontPage的使用
学习目标：
1．网页的基本概念、网站开发的一般流程。 2．FrontPage 2003的基本操作方法。 3．站点的创建和打开方法。 4．各种网页对象（文本、组件、表单等）的编辑、设置与使
用方法。 5．图像的编辑方法。 6．表格的基本操作。 7. 常用超链接的创建方法与区别。 8．网页属性和框架网页属性的设置。 9．网站的发布与设置。
❖ 空白网页：可新建一个空白网页。 ❖ 根据现有网页新建：可根据已创建
的动态网页模板创建网页。 ❖ 其他网页模板：单击可根据
FrontPage 2003提供的模板创建 网页。
5.2 文本编辑与格式设置
1．文本编辑 常用的文本编辑操作有：选择、移动、剪切、复制、粘贴、删除、查 找和替换等。
（1）选择文本 使用菜单选择文本的方法只有一种：单击“编辑/全选”命令，可以选
择编辑区域内的所有内容。 若要选择一行，可以将光标定位于要选定行的左侧，当光标变为向右
指的箭头时，单击鼠标左键即可。 （2）移动文本 将光标移至要选择文本的段落左侧，拖动光标，选择要移动的文本。
然后按下鼠标左键，将其拖动至目的地，松开左键即可。 移动文本还可以利用“剪切（Ctrl+X）”与“粘贴（Ctrl+V）”命令
就设置好了。
5.4 网页格式设置
1.建立页眉／页脚 执行“视图/页眉和页脚” 命令
2.建立奇偶页不同的页眉 单击工具栏中的“页面设 置”按钮，打开“页面 设置”对话框。在“版 式”选项卡的“页眉和 页脚”框中，选中“奇 偶页不同”复选框。
3.页眉页脚的删除
5.5 插入表单及表单设置
1．插入表单
要在网页中插入一个 表单，可单击“插入/ 表单”命令，此时将 弹出一个子菜单，该 子菜单中列出了 FrontPage 2003中表 单的所有元素。
6.1 插入图片及图片属性
2．修改图片属性 选中图片，单击“格式/属性”，或者在图片上单 击鼠标右键，此时会弹出“图片属性”对话框。 在该对话框中，可以完成环绕方式、布局、大小 的设置。
文本标记语言，是一种专门用于Web网页制作的 标记语言。
HTML文件是纯文本文件，可以用任何一种文本编 辑器（如记事本）来编辑代码。将用HTML编写的 文件保存成扩展名为.htm或者.html的文件，浏览 器通过解释执行HTML编码。
2．熟悉HTML
为了便于直观的认识HTML，下面我们用HTML代码来编写一个简单的网 页。启动Windows记事本，输入如下HTML代码：
4.2 新建站点与导入素
1．新建站点 （1）单击“文件/新建”命令，或者单击“视图/任
务窗格”命令，在打开的“开始工作”任务窗格 中单击由一个网页组成的网站，弹出网站模板对 话框。
（2）单击网站模板右侧的“浏览”按钮，输入指定 新网站的位置。
（3）在网站模板对话框左侧的列表中选择新站点的 模板或向导，单击“确定”按钮。此时会在指定 的路径文件夹下生成一个含有Index.htm（主页） 的站点，双击该文件便可以在编辑区对主页进行 编辑了