FrontPage_2003网页设计技术.ppt

FrontPage2003网页设计技术重点与难点FrontPage2003简介3．工作区
是管理站点和编辑网页的主要场所。
在站点的“网页”视图模式下，网页编辑
区的下方有三个编辑按钮它们分别代表三
种编辑模式：普通、HTML和预览。用户
一般在普通模式下设计网页，如果切换到
HTML模式下，将会看到系统自动生成的
HTML程序。2FrontPage2003的视图一、网页视图
网页视图为网页的设计提供了一个工作
场所，可以在这个环境下对网页进行设计
和修改。
二、文件夹视图
打开一个网页后，系统默认是以文件夹
视图来显示的，文件夹视图与Windows中
的资源管理器相似，它能够显示当前的
Web中的内容是如何组织的。三、报表视图
报表视图相当于属性检查，它能给出当
前网站的有关属性。灵活应用报表视图能
够使用户方便地了解网页的属性，便于把
握和修改网页。
四、导航视图
导航视图清楚地显示了Web的结构，用
户可以从中了解到网站中各部分之间的逻
辑关系，它反映了网站的整个脉络。五、超链接视图
超链接视图以图形化的界面显示了当前
网页和其他文件之间的超链接关系，也可
以显示网站与网站之间的超链接。
六、任务视图
任务视图用任务列表的方式对任务进行
管理，操作人员可以把详细的任务放在任
务列表中，这样它就会提醒设计人员需要
完成哪些任务，还剩哪些任务没有完成。3FrontPage2003的编辑方法1．字体选择
“字体”列表框不但显示字体的名称，同
时还给出了字体的实际样式。
2．字体大小
字符的大小共有7级，其中默认级别是3。
3．字体颜色
选中文字，用“调色板”为文字设置颜
色。4．字符效果
⑴字符的一般效果
“加粗”、“倾斜”和“下划线”
⑵使用上标和下标
5．字符间距
控制网页的文本间距、段落间距以及文
本相对于基准线的垂直位置。
“普通”、“扩充”、“紧缩”三种
“间距大小”以“pt”为单位三、插入水平线
在网页中插入水平线有分隔文本内容的
作用。选择“插入”菜单的“HorizontalLine”
项，可在网页中插入了一条水平线。
可以对水平线进行长短或宽窄的拉伸。
还可以对水平线属性进行设置，在水平
线上单击鼠标右键，在弹出的菜单中选择
“HorizontalLineProperties”弹出属性对话框，然后进行属性设置。
4使用列表二、编号列表
在网页中的内容存在顺序关系时，可应
用编号列表。
三、定义列表
定义列表就是在网页内定义词汇、术语
的列表，具体的定义内容将以首行缩进的
方式出现在列表的下一行。
五、列表的折叠
应用列表的折叠技术，可以将次级列表
隐藏在上一级列表内，只有在浏览者电击
上级列表时，才会打开次级列表的内容。
再一次单击上级列表时，次级列表又将隐
藏在上级列表中。步骤：5使用表格三、表格属性
1．标题属性
2．对齐格式属性
水平对齐方式有左对齐、右对齐、居中、两端对齐四种方式，垂直对齐方式有顶部对齐、底部对齐、中部和基准对齐四种方式。
3．边框属性
边框的大小和边框的颜色。4．背景属性
包括背景颜色和背景图象两种属性。
5．间隔属性
表格的间隔由两个因素确定：一是单元
格的填充，即单元格之间的间隔距离；一
是单元格间距即单元格内部的间隔。
6．大小属性
包括表格的宽度和高度。有两种单位：
一个是像素，另一个是百分比。6图形运用1．添加文本
图片工具栏的“文本按钮”就是用来在
图象内添加文本信息的。
2．图象的特殊效果
⑴旋转90度；⑵图象翻转；⑶修正对
比度；⑷调整亮度；⑸黑白处理；⑹图
象弱化；⑺突出效果；⑻采样与还原；⑼
调整图象大小；⑽设置对齐方式；⑾使用
折叠文本；⑿设置间隔距离；⒀设置透明
背景三、设置背景图形
1．设置网页的背景色
打开“格式”菜单，执行其中的“背景”命
令，在随后出现的“网页属性”对话框内选
择“背景”项。
2．设置图片为网页背景
打开“格式”菜单，执行其中的“背景”命
令，在出现的“网页属性”对话框内选择“背
景”项在“格式”栏中选择“背景图片”项。7设置链接二、目标
当用鼠标按下一个链接后，网页能够移
动到当前网页或网络上的另一个网页上的
某一位置，我们称此位置为目标或下锚处
（Anchor）。
使用目标可以使我们在浏览网页时迅速
翻动到想浏览的内容。
目标建立好后，就可以在网页内建立链
接。8音频的使用二、背景音乐
在IE浏览器中可以播放音频文件，可以
控制播放的次数，这就是设置背景音乐，
在用户打开网页时，音乐将随之而出。
“网页属性”--“常规”--“背景音乐”栏中
输入音频文件的地址--设置播放次数
注意：NetscapeNavigator浏览器不支持
不用插件的音频文件插入操作，只有用IE
才可以。9FrontPage2003的高级应用在“悬停按钮属性”对