网页设计软件FrontPage.ppt

《网页设计软件FrontPage.ppt》由会员分享，可在线阅读，更多相关《网页设计软件FrontPage.ppt（35页珍藏版）》请在三一办公上搜索。

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

2、7.5 超链接7.6 创建表单7.7 框架7.8 特殊效果,7.1 网页设计基本知识,7.2.1 启动frontpage2000,7.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.滚动文本框

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

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

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

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