网页元素定位
[内容简介] FrontPage2000是Office2000组件。
1．FrontPage2000功能：制作网页，建立管理和发布网站。
2．网页编辑：（P262）
网页元素定位、水平线、时间戳、计数器、网页模板、
网页属性、插入图像、动画、视频、声音，表格菜单、
工具栏、图文的超级链接、页面布局。
5.1 概述
5.1.2 基本功能（P262）
FrontPage2000功能：制作网页，建立管理和发布网站。
1.网页编辑：所见即所得（编辑区的网页和浏览器显示网页相同）
2.建立管理和发布网站：提供站点向导建立站点；
可查站点中网页间的关系和调整结构；
把本机站点发布到互联网上。
5.1.3 主界面与工具栏
1.FrontPage2000主界面（P163）
FrontPage2000主界面
|
FrontPage2000 |
||||||||
|
文件 |
编辑 |
查看 |
插入 |
格式 |
工具 |
表格 |
框架 |
窗口 |
|
新建 |
打开 |
保存 |
文件夹列表 |
表格 |
插图 |
超链 |
||
|
样式 |
字体 |
字号 |
||||||
|
视图 |
文件夹 |
http:// |
||||||
|
网页 文件夹 报表 导航 超链接 任务 |
FrontPage2000 编辑区 |
|||||||
|
普通 |
html |
预览 |
||||||
2．视图（P263）
网页：普通、HTML、预览；
文件夹：站点目录结构；
报表：断链列表；
导航：显示站点结构；
超链接：显示链接关系；
任务：
5.1.4 主要特点
1.主题（P267）
一组可应用在网页上的设计元素和颜色方案。
每种主题有不同的背景、字型、配色、动态按钮。
格式菜单—主题—所选网页—波浪、孩童、蓝图、旋涡。
2.动态及多媒体元素（P267）
制作网页能加入图像、声音、GIF动画、ActiveX控件、
插件、Java Applet和PowerPoint动画。
5.2.3 保存与打印网页
1.保存网页（P273）
FrontPage2000无自动保存功能，
网页可直接存到已打开的网站中、本地磁盘、模板。
2.打印网页（P274）
所见即所得：编辑区的网页和浏览器显示网页相同；
屏幕显示的网页和打印机打印网页相同。
5.3 网页文本的组织
5.3.2 网页文本的格式化
1.段落的格式化--边框与阴影(P285倒2)
格式--边框与阴影-- 边框--方框,
格式--边框与阴影--阴影--图案--背景图片。蓝蓝的天
广播电视大学
背景图片
5.3.3 项目符号和编号(P288倒8)
1．格式--项目符号和编号--列表属性--
 |
眼睛动画项目符号 |
 |
飞鸽动画项目符号 |
 |
黄狗动画项目符号 |
 |
白狗动画项目符号 |
5.3.4 网页元素的定位
1．鼠标拖动定位(P291倒9)
查看--工具栏--定位--定位工具栏;
选网页元素--定位工具栏--绝对定位--鼠标拖动定位。
2．指定元素的坐标(P292--1)
定位工具栏--x坐标,y坐标(相对元素容器左上角)。
3．位置框(P292倒1)
选定网页位置--插入空行--选择空行--格式--
定位--定位样式--相对。
5.4 改进网页外观
1．插入水平线(P295--8)
插入--水平线.
右击水平线--水平线属性--宽,高,颜色.
2．线条图像(P296--2)
插入--图片--剪贴画--Web框架--
选择线条图像--插入剪辑.
3.插入时间戳（P298）
文件修改时间： 2006年05月19日 星期五 11:08
5.4.2 计数器(P299--5)
1．插入--组件--站点计数器.
计数器（访问量、点击率）
计数器：
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）
图片加字、对比度、裁剪、
清华大学大礼堂 广播电视大学教学楼
缩略图像：创建缩略图并超级链接原图。（P313）
|
|
|
 |
 |
 |
|
 |
|
5.5.2 插入动画（GIF89a格式.GIF）彩线图像 动物世界
5.5.3 插入声音（.wav .mid .snd）yyyy
5.5.4 插入视频（P315）
1．插入—图片—视频—从计算机上选择一个文件
出现视频剪辑第一帧图—预览—通过IE浏览器观看视频。
2．图片属性（P316）
在浏览器中显示控件、循环延迟、
播放：打开文件时，当鼠标悬停于其上时。
5.6 表格
1.表格：格式化数据、定位网页元素。（P317）2.表格文本换行：按Shift+Enter（P319）
3.建立表格标题（P325）
表格—插入—标题。
右击表格—布局：对齐方式：水平居中，
边框：粗细：0~5，颜色：红。
5.7创建超级链接
超级链接：网页之间，同页不同内容之间的联系。（P329）
5.7.1 超级链接介绍（P330）
1．超级链接：从一个网页指向另一个目的端的链接。
2．超级链接目的端：网页、图片、电子邮件地址、
文档、书签、程序。
3．超级链接源：网页中的文本、图片、图片热点。
4．绝对URL：协议 服务器主机名 路径 文件名
例如： http:// microsoft.com /ie/ news.htm
5．相对URL：文件名，可省略协议、服务器主机名、路径。
5.7.2 创建文本超级链接
1.超级链接本站点文件（P331）可创建新网页并链接。
2.超级链接本机文件。
超级链接互联网网页（P332）
选定文本—超级链接—使用Web浏览器来选择网页或文件—
Web浏览器找网页或文件—返回FrontPage—
URL栏出现网页或文件的URL。
与我联系，网站维护，网友交流。收集建议和想法。
5.7.3 创建图片超级链接
1.图片常规超级链接：指向单个URL地址。（P334） 2.图片 热点链接导游
：指向多个URL地址。
例如：头像tt.jpg分别链接动画
抬头tt.gif、眼睛yj.gif、嘴zu.gif。
图片—工具栏—圆形热点—确定图片热点范围—
链接网页或文件。
5.7.4 超级链接的编辑
1.跟踪超级链接（P336）视图 普通 按Ctrl+点击超级链接源。
工具栏 超级链接按钮，格式菜单 属性。
5.7.5 超级链接的管理与维护
1.超链接视图（P339）显示网站中网页之间的链接关系，
超级链接目标删除、改名、移动时，可显示出断链。
超级链接目标改名、移动时，系统帮助修复内部链接。
查看 报表 断开的超级链接
双击中断的超级链接 对所有网页进行更改 替换。
5.7.6 创建和使用书签
1.书签（P342）网页内部的超级链接。
网页目录：网页顶创建指向书签的超级链接表。
插入 书签 书签名。
选择超级链接文本—工具栏[超级链接]—
定位跳转网页—选择目标书签—确定。
5.8 高级FrontPage技术
5.8.1 框架的使用
1.框架简介（345）
把网页分为几个框架窗口，
每个窗口填充一个网页。
2.多窗口框架网页（P345）
分别显示网站标识，网站栏目，栏目内容。
3.创建框架网页
* 使用模板（P345）文件—新建—网页—框架网页—选择框架模板—确定。
* 填充网页（P346）选定框架网页窗口—设置初网页—
选择网页填充框架窗口。
* 保存框架网页常用工具栏—保存—高亮状态框架的填充网页—
文件名、标题—保存其它窗口的填充网页—
保存框架网页本身。
* 设置框架网页（P347）框架菜单—框架属性—框架窗口、初始网页、
大小、边距、滚动条。
* 目标窗口的设定（P348）左框架栏目所链接的目标网页内容显示在右框架目标窗口中。
* 常用工具栏—超链接—输入目标网页—更改目标框架—当前框架网页—选定目标框架。
5.8.2 用表单反馈用户信息（P349）
1. 意见反馈表 qtyj、
、留言板。
2. 下拉式菜单 wzss（P352）
插入—表单—下拉式菜单；
右击表单—表单域属性—
选项：如，文化教育，
值：跳转的网页或网址。如，
网页：文化教育 whjy.htm，
网址：佛山电大 http://www.fsrtvu.net
|
选项 |
值（跳转的网页） |
|
文化教育 |
whjy.htm rmwz.htm dyyy.htm ssyq.htm txdh.htm rjxz.htm |
|
选项 |
值（跳转的网址） |
|
清华大学 北京大学 中央电大 佛山电大 南海电大 天下地图 网页制作 网页特效 |
www.tsinghua.edu.cn www.pku.edu.cn www.crtvu.edu.cn www.fsrtvu.net www.ounh.org www.go2map.com www.4gee.com chhsht.51.net |
5.8.3 FrontPage2000 组件 FPzj
一、横幅广告管理器（P352）
二、字幕（P352）
选定字幕文本—插入—组件—字幕—
移动方向：左；
速度：延迟毫秒数、数量：文本移动距离；
表现方式：滚动条。
三、悬停按钮（P354）
（Flash 图像声音按钮 fgfy）
5.8.4 控件与插件
控件插件 kjcj
1.ActiveX控件（P355）
实现某功能的软件部件，可用VB、VC编程。
播放AVI视频文件的ActiveX控件：
插入—高级—ActiveX控件—选择控件—
Windows Media Player—确定。
* ActiveX控件属性（P355）
右击AVI视频播放控件—ActiveX控件属性—选项—参数—
Filename—修改—编辑对象数据：网页—浏览
F:\ddxie\dttx\hl.AVI文件—确定。
2.Applet Java小程序 dtdsdyqx（P356）
插入—高级—Java小程序—Java小程序属性—
Java小程序源(类名.class或文件名.java)
布局（水平、垂直间距、对齐方式）、大小（宽、高）—确定。
3.插件（P357）
插入—高级—插件—插件属性—数据源—浏览—
F:\ddxie\dttx\fgcs.swf(Flash文件)—
布局（对齐方式、边框、水平、垂直间距、）—确定。
5.9 其它网页制作工具
5.9.1. Dreamweaver
1.网站管理功能（P359）
网站地图：快速设计网站的结构，更新和重组网页；
网页位置或文件名有改变时，自动更新所有链接。
2.浮动面板（P360）
一步到位的操作选择方式。
启动面板：常用的控制按钮；
对象面板：网页元素图标；
属性面板：修改文本、图像、表格的属性；
历史面板：管理已执行的操作；
框架面板：反映网页框架结构；
层面板：显示网页中的层。
[内容简介]发布网站的准备工作（P371）
申报网站帐号、申请主页空间。
6.1 网络信息发布前的准备工作
6.1.1 网页的测试（P372）
一、网页测试的特点
浏览器的兼容性、平台兼容性、可降级性、导航、通信。
二、网页测试
1.自我测试超链接、显示效果；
2.请人测试，发现自己忽略的问题。
6.1.2 网络连接的测试
一、联网和测试网络连接（P373）
1.联网
连接局域网，或通过调制解调器接电话线上网。
2.测试网络连接（P373）
接上互联网—启动FrontPage—帮助—关于“FrontPage—
网络测试—FrontPage TCP/IP测试
（网络协议32位Winsock、回环地址127.0.0.1、主机名、IP地址）
—开始测试。（类似DOS的ping）
6.2 网络信息的发布
6.2.1 网络信息发布的原则
二、网络信息发布的法律问题（P376）
1.《中国互联网域名注册暂行管理办法》
2.《计算机信息网络国际联网安全保护管理办法》
3.《互连网信息服务管理办法》
《计算机信息网络国际联网保密管理规定》
4.《中华人民共和国著作权法》
6.2.3 网站的发布
一、利用FrontPage2000发布（P379）
1.确定要发布站点的全部文件正确；
2.接上互联网启动FrontPage；
3.文件—发布站点—指定发布站点的位置
（URL http://202.96.189.54，备份可发布到本地文件夹）；
4.选项—只发布更改过的网页，包含子站点；
5.如果ISP无FrontPage服务器扩展,FrontPage可自动转成FTP方式；
6.发布—输入用户名和密码。
6.3 网站的维护
* 网站的维护（P389）
避免将来出现错误；提早发现问题，使问题不致于造成很大危害；
有利于人力资源的利用，为新员工提供宝贵背景知识，
提高工作效率。
6.3.1 网站维护的内容及要求（P389）
* 网站维护的基本内容：
测试网络网页的日常维护、网站的宣传推广、
网站的优化与更新、网站的备份与恢复。
三、网站的宣传推广（P390）
向亲朋好友宣传推广、在搜索引擎登记、在新闻组和BBS上作宣传、
参加广告联盟、参加网站排行榜、在报刊杂志上发表文章、
用电子邮件发送自己的网址。
