网页元素定位
第1章 全新的FrontPage 2002
1.2 FrontPage 2002工作环境介绍（P15）
FrontPage2002功能：制作网页，建立管理和发布网站。
1.网页编辑：所见即所得（编辑区的网页和浏览器显示网页相同）
网页元素定位、水平线、时间戳、计数器、网页模板、
网页属性、插入图像、动画、视频、声音，表格菜单、
工具栏、图文的超级链接、页面布局。
2.建立管理和发布网站：提供站点向导建立站点；
可查站点中网页间的关系和调整结构；
把本机站点发布到互联网上。
FrontPage 2002 操作界面
|
FrontPage2002 |
||||||||
|
文件 |
编辑 |
查看 |
插入 |
格式 |
工具 |
表格 |
框架 |
窗口 |
|
新建 |
打开 |
保存 |
文件夹列表 |
表格 |
插图 |
超链 |
||
|
样式 |
字体 |
字号 |
||||||
|
视图 |
文件夹 |
http:// |
||||||
|
网页 文件夹 报表 导航 超链接 任务 |
FrontPage2000 编辑区 |
|||||||
|
普通 |
html |
预览 |
||||||
3.“网页”视图（P17）
网页：普通、HTML、预览；
1.2.2 “文件夹”视图（P18）
文件夹：站点目录结构；
1.2.3 “ 报表”视图（P19）
报表：断链列表；
1.2.4 “导航”视图（P22）
导航：显示站点结构；
1.2.5 “超链接”视图（P25）
超链接：显示链接关系；
1.2.6 “任务”视图（P26）
任务：分派工作与标示工作进度
1.3 网站的建立
1.打开新网站文件夹（P28）
文件—新建—网页或站点—空白站点—指定新站点的位置—
浏览（如：F:/jxyd）—确定。
2.旧网站的导入（P29）
文件—导入—来自站点—
从本地计算机或网络上源文件所在的目录—浏览（如：F:/jxyd）—
打开—包含子文件夹。
2.2.2 项目符号及编号（P49）
1．格式—项目符号和编号—图片项目符号—指定图片—浏览。
 |
飞鸽项目符号 |
 |
白狗项目符号 |
 |
海鱼项目符号 |
 |
动画（眼睛）项目符号 |
 |
动画（嘴）项目符号 |
 |
图片（眼睛）项目符号 |
 |
图片（嘴）项目符号 |
2.2.5 设定水平线（P58）
1.插入—水平线
2.右击水平线--水平线属性--宽,高,颜色.
2.3 特殊的文字动态效果（P60）
1.插入—组件—动态效果—字幕
2.3.2 访客计数器（P62）
1.插入—组件—动态效果—站点计数器.
计数器（访问量、点击率）
2.4 建立超级链接
2.4.1 邮件超级链接（P65）
1.选定文字—插入—超级链—电子邮件—
输入电子邮件地址（如:gbdsdxxie@163.net)—
在选定文字出现mailto:gbdsdxxie@163.net。
2.4.2 网站内部超级链接（P67）
网站标志(ddx_xz5.swf)
2.4.3 网站外部大串联（P69）
2.4.5 活用书签功能（P73）
创建文件目录链接。
5.1.2 基本功能（P262）
5.1.4 主要特点
1.主题（P267）
一组可应用在网页上的设计元素和颜色方案。
每种主题有不同的背景、字型、配色、动态按钮。
2.动态及多媒体元素（P267）
制作网页能加入图像、声音、GIF动画、AciveX控件、
插件、Java Applet和PowerPoint动画。
5.2.3 保存与打印网页
1.保存网页（P273）
FrontPage2000无自动保存功能，
网页可直接存到已打开的网站中、本地磁盘、模板。
2.打印网页（P274）
所见即所得：编辑区的网页和浏览器显示网页相同；
屏幕显示的网页和打印机打印网页相同。
5.3 网页文本的组织
5.3.2 网页文本的格式化
1.段落的格式化--边框与阴影(P285倒2)
格式--边框与阴影--边框--方框,
格式--边框与阴影--阴影--图案--背景图片.
广播电视大学
背景图片
蓝蓝的天
背景图片
5.3.4 网页元素的定位
1．鼠标拖动定位(P291倒9)
查看--工具栏--定位--定位工具栏;
选网页元素--定位工具栏--绝对定位--鼠标拖动定位.
2．指定元素的坐标(P292--1)
定位工具栏--x坐标,y坐标(相对元素容器左上角).
3．位置框(P292倒1)
选定网页位置--插入空行--选择空行--格式--
定位--定位样式--相对.
5.4 改进网页外观
2．线条图像(P296--2)
插入--图片--剪贴画--Web框架--
选择线条图像--插入剪辑.
3.插入时间戳（P298）
文件修改时间：2002年05月07日 星期二 21:23
5.4.4 网页属性设置
1．网页背景图片(P303倒6)
右击网页--网页属性--背景--背景图片--水印效果.
2．超级链接文本颜色(P304--5)
未访问的超级链接:蓝色, 已访问的超级链接:紫色,
当前超级链接:红色.
3．设置网页的语言属性(P306--6)
右击网页--网页属性--语言--网页语言适用地区:中文,
HTML编码:保存网页和显示网页都选择简体中文.
5.5 添加多媒体与动画
5.5.1 插入图像
1.插入 图片 来自互联网（例如：http://gbdsdxxie.126.com/jttx/dd.jpg）、
本地磁盘、扫描仪。（P307）
图片加字、对比度、裁剪、
缩略图：创建缩略图并超级链接原图。
清华大学大礼堂 广播电视大学教学楼
缩略图：创建缩略图并超级链接原图。
|
|
|
|
|
|
|
|
|
5.5.2 插入动画（GIF89a格式.GIF）
彩线图像
|
|
地球和动物
|
|
|
|
|
|
|
5.5.3 插入声音（.wav .mid .snd）
5.5.4 插入视频（P315）
1．插入—图片—视频—从计算机上选择一个文件
出现视频剪辑第一帧图—预览—通过IE浏览器观看视频。
2．图片属性（P316）
在浏览器中显示控件、循环延迟、
播放：打开文件时，当鼠标悬停于其上时。
