网页设计软件FrontPage.ppt

《网页设计软件FrontPage.ppt》由会员分享，可在线阅读，更多相关《网页设计软件FrontPage.ppt（35页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第7章 网页设计软件FrontPage 7.1 网页设计基本知识 7.2 网页的基本操作 7.3 网页编辑 7.4 表格 7.5 超链接 7.6 创建表单 7.7 框架 7.8 特殊效果 教学目标 教学内容v掌握基本操作，学会图片、超级链接和 表单的使用v了解框架网页的制作和特殊效果的使用第7章 网页设计软件FrontPage 框架网页的使用 网页中表格的制作 教学重点 教学难点 重点需要掌握建立普通网页的方法，学会建立表格网页已经对表格网页的编辑操作。第7章 网页设计软件FrontPage 7.1 网页设计基本知识 7.2 网页的基本操作 7.3 网页编辑 7.4 表格 7.5 超链接 7.

2、6 创建表单 7.7 框架 7.8 特殊效果7.1 网页设计基本知识 7.2.1 启动frontpage20007.2 网页的基本操作 1.创建网页方法一：打开FrontPage 2000程序，直接新建 网 页。此 时，网 页 的 名 字 默 认 为new_page_1.htm。方法二：在FrontPage 2000环境中，通过菜单新建网页：选择“文件/新建/网页”命令。7.2.2 创建和编辑网页7.2.2 创建和编辑网页 2.编辑网页 使用FrontPage编辑网页与在Word中编辑文档类似。在编辑过程中也可以查看网页文件运行之后的实际效果，此时只需单击左下角的“预览”选项卡即可。注意：在预

3、览状态下不能对网页进行编辑。7.2.3 保存网页方法一：默认保存。选择“文件/保存”命令或单击按钮，将网页文件保存在默认目录C:My DocumentsMy Webs下，文件名默认为new_page_1.htm。方法二：自定义保存。选择“文件/另存为”命令，将网页以用户所需的文件名和所选的路径保存。注意：网页中的图片对象均要另外保存。7.2.4 打开浏览网页 在设计网页的过程中需要浏览网页，以便观察它的实际运行效果，此时只需单击左下角的“预览”选项卡即可。在网页设计完毕并被妥善保存之后浏览网页，可以打开“我的电脑”，找到文件保存的位置，直接双击网页文件（或单击右键，选择“打开”）即可浏览网页。

4、7.3 网页编辑 7.3.1 编辑文本和段落 字体格式 选中需要设置格式的文字，单击右键，选择“字体”，设置字型、大小、颜色等。设置方法和Word类似。段落格式 选中需要设置格式的文字，单击右键，选择“段落”，设置字型、大小、颜色等。设置方法和Word类似。7.3 网页编辑 7.3.2 网页属性 在编辑区任意位置单击右键，选择“网页属性”，打开“网页属性”对话框。1.设置常规属性2.设置背景属性 插入水平线7.3.4 创建列表7.3.5 主题的使用7.3.6 图片的使用1.插入剪贴画定位光标，选择“插入/图片/剪贴画”命令，选择需要的剪贴画，选中的剪贴画图片即插入在光标处。2.插入图片文件定位

5、光标，选择“插入/图片/来自文件”命令，选择图片的路径和名称，选中的图片即插入在光标处。7.4 表格 7.4.1 创建表格 7.4.2 编辑表格 7.4.1 创建表格 方法一：手动绘制表格。选择“表格/手绘表格”命令，利用鼠标绘制表格。先绘制表格外框线，然后逐步添加行列直线。方法二：自动绘制表格。选择“表格/插入/表格”命令，将会弹出“插入表格”对话框，根据需要设置表格的行、列数以及“布局”框架中的各选项数值。7.4.2 编辑表格1.简单编辑 表格的简单编辑包括文字的输入、字体格式的设置、行列的插入删除、单元格的合并与拆分等。这些操作与Word中的表格操作类似。2.单元格属性 选中需要编辑的单

6、元格，单击右键，选择“单元格属性”，打开“单元格属性”对话框 进行设置。3.表格属性 将光标定位在表格中，单击右键，选择“表格属性”，打开“表格属性”对话框进行设置。7.5 超链接 7.5.1 超级链接简介 7.5.2 创建链接 7.5.3 编辑超链接7.5.1 超级链接简介 超级链由两部分组成:超链接源和超链接目标7.5.2 创建超级链接 1.创建指向某个站点的超链接键入需要将其作为超链接的文本，然后选中它，单击右键，选择“超链接”，打开“创建超链接”对话框。在“URL（U）：”对应的文本框中输入网站地址即可。例如：。7.5.2 创建超级链接2.创建指向文件的超链接 键入需要将其作为超链接的

7、文本，然后选中它，单击右键，选择“超链接”，打开“创建超链接”对话框，选择目的端文件（即需要链接到的文件，通常是网页文件）即可。7.5.2 创建超级链接3.创建指向客户端电子邮件发送程序的超链接 键入需要将其作为超链接的文本，然后选中它，单击右键，选择“超链接”，打开“创建超链接”对话框，再打开“创建电子邮件超链接”对话框，输入电子邮件地址即可。如：。7.5.2 创建超级链接 4.创建指向书签的超链接页内链接是在同一个网页中实现超链接，即从一个网页上的某个位置链接到该网页上的其他位置。页内链接也称为“书签”。页内链接的实现步骤：（1）添加书签。（2）创建指向书签的链接。超链接创建成功后，可通过

8、以下步骤测试其效果：单击网页编辑区左下角的“预览”选项卡，再点击超链接文本。7.5.3 编辑超链接若需更改超链接文本，选择该文本然后编辑它。若需更改超链接的目的端，选择这个超链接，然后单击右键，选择“超链接属性”，再为其指定一个不同的目的端。7.6 创建表单 在网页上现有表单外的任何位置创建表单，其操作步骤如下：定位光标，选择“插入/表单/表单”命令，Microsoft FrontPage 会在光标处插入一个矩形虚线框区域，此时可以添加文本和表单域，例如文本框、单选按钮、复选框、下拉菜单以及按钮。9.6.2 表单域及其属性的设置1.单行文本框2.滚动文本框3.复选框4.单选按钮5.下拉菜单6.

9、按钮1.单行文本框 单行文本框用于输入单行文本，添加该域的方法：定位光标，选择“插入/表单/单行文本框”命令。当需要设置单行文本框的属性，双击文本框（或单击右键，选择“表单域属性”），打开“文本框属性”对话框。2.滚动文本框 滚动文本框用于输入多行文本，添加该域的方法：定位光标，选择“插入/表单/滚动文本框”命令。当需要设置滚动文本框的属性，双击该文本框（或单击右键，选择“表单域属性”），打开“滚动文本框属性”对话框。3.复选框 复选框用于提供一个或多个选择项，可以多选也可以不选。添加该域的方法：定位光标，选择“插入/表单/复选框”命令。当需要设置复选框的属性时，双击该复选框（或单击右键，选择

10、“表单域属性”），打开“复选框属性”对话框。4.单选按钮 单选按钮用于从一组选项中选择其中之一，且只能选择一个。添加该域的方法：定位光标，选择“插入/表单/单选按钮”命令。当需要设置单选按钮的属性时，双击该单选按钮（或单击右键，选择“表单域属性”），打开“单选按钮属性”对话框。5.下拉菜单 下拉菜单用于提供从列表或菜单中选择选项。菜单的属性可以设置为只允许选择一个选项，也可设置为允许作多重选择。添加该域的方法：定位光标，选择“插入/表单/下拉菜单”命令。当需要设置下拉菜菜的属性时，双击该下拉菜单（或单击右键，选择“表单域属性”），打开“下拉菜单属性”对话框。6.按钮 按钮用于激活某种操作。添加

11、该域的方法：定位光标，选择“插入/表单/按钮”命令。当需要设置按钮的属性时，可双击该按钮（或单击右键，选择“表单域属性”），打开“按钮属性”对话框。7.7 框架 7.7.1 框架网页7.7.2 创建框架页新建框架的方法：选择“文件/新建/网页”命令，然后单击“框架网页”选项卡，单击框架网页模板。7.7.3 设置框的初始架页设置初始网页的方法有三种：方法一：单击“设置初始网页”，选择一个已存在的网页文件作为该框架的初始网页。方法二：单击“新建网页”，将该框架置为一空白网页再进行下一步编辑。编辑方法与普通网页相同。方法三：在框架中单击右键，选择“框架属性”，单击“浏览”按钮更改。7.7.4 框架的

12、基本操作 在框架中单击右键，选择“框架属性”，打开“框架属性”对话框，可进行相关设置。7.7.5 框架网页的基本操作 1.在新建窗口中打开网页 2.保存框架中的网页 框架需要保存时，选择“文件/另存为”（或“保存文件”）命令，在“另存为”对话框中会出现框架网页布局的缩略图。若突出显示的是框架网页的全部外框，则保存的是框架网页本身。若突出显示的是单个框架，则保存的是框架所显示的网页。注意：框架网页的保存比较复杂，需要保存整个框架网页以及每个独立框架。如果框架中包含有图片等其他媒体文件，还必须单独保存这些文件。7.8 特殊效果 7.8.1 字幕 字幕可以显示滚动的文本消息。添加字幕的操作步骤如下：定位光标位置，选择“插入/组件/字幕”命令。7.8.2 悬停按钮 悬停按钮可以使按钮具有动态显示效果。添加悬停按钮的步骤：选择“插入/组件/悬停按钮”命令，弹出“悬停按钮属性”对话框。7.8.3 站点计数器 站点计数器可以统计并显示网页的访问次数。添加站点计数器的步骤：选择“插入/组件/站点计数器”命令，弹出“站点计数器属性”对话框。