资源简介

第三单元 网页制作
说明：Frontpage2000是Microsoft公司office产品家簇中一套功能很强的用于网页设计和管理的工具软件。本单元主要学习用Frontpage2000创建和编辑网页、发布网页等知识。
任务一、创建一个简单的网页
学习目标：
了解网页的概念；
熟悉Frontpage2000的工作界面；
学会创建和保存简单的网页
一、网页的概念：
网页：是用超文本标记语言（Html）编写的，它可包含多种字体和样式的文本、图片、电影片段和声音等。每个页面都有一资源定位地址。（URL统一资源定位符）。
二、创建一个简单的网页
Frontpage2000的操作界：如图见P61（七部份）
Ⅰ、标题栏：显示当前站点的地址。
菜单栏：提供Frontpage2000的所有功能。
工具栏：为最常用的一些操作提供图标
工作区：是Frontpage2000的主体，是编辑页面的主要区域
状态栏：显示当前的操作或选择状态。
视图区：通过单击视图区的相应按钮，就可以将窗口切换到相应的视图下
Ⅱ、Frontpage2000的菜单(自学见p61-63)
Ⅲ、Frontpage2000视图栏（六种视图）
（1）网页视图：单击左边网页按钮打开，制作网页主要都在此完成
（2）文件夹视图：显示站点内容的组织结构。可进行新建、删除等操作
（3）报表视图：显示当前网页中所有的文件数、图片数、链接数、组件错误数、任务数等信息。可得到当前网页的一个总体情况。
（4）导航视图：站点的组织结构按组织图或树状图显示出来。
（5）超链接视图：显示选定文件的超链接的状态，可看出站点的超链接组织结构。
（6）任务视图：显示出一个任务列表，可完成维护站点所需完成的任务。
2、启动Frontpage2000（见p66略）
3、编辑空白网页：
（1）打开网页：文件|新建|网页|普通网页（或点击左边视图按钮）
（2）编辑操作：见P68图教师讲解,学员练习完成10步操作
（3）添加普通网页：同（1）操作
4、网页的三种显示方式：主窗口的下方三个标签（普通、HTML、预览）
5、建立新站点：
（1）操作：文件|新建|站点|（8种）选“空站点”|右可改文件路径C:/My Documents/My Webs5/luo1（2）点工具栏按钮(保存)|名字(ctrl+v)（点更改：标题名）(ctrl+v)|确定|保存
任务二 编辑修饰网页
学习目标：
学会文字编辑和对文字的字体、大和颜色的设置；
学会对段落格式化的一些操作；
学会对文本的列表格式化。
一、文字编辑
1、建立一个新的网页jiaoan1.htm见p71图学生操作
插入表格
输入内容
保存文件（名字）
2、表格属性设置
操作：（1）单击表格（选定某表格）|右击|表格属性
调整：高宽、边框（粗、细）、颜色（边框大于1可设颜色）
背景颜色设置：在某一格上右击|表格属性|使用背景图片|浏览|剪贴画（或资源管理器、或从颜色找到一种颜色确认）
设单元格属性：选中列|右击|单元格属性|指定宽度（X%）即可调整列宽或改变颜色（选定列的颜色）
3、插入特殊字符：选定光标位置|插入|符号
4、插入时间与日期：选位置|插入|日期与时间|选择格式|确定
5、插入注释：选位置|插入|注释|文本框中输入内容|确定（说明：浏览时不显示注释内容，给自已看）
二、文字格式化
说明：文字格式化，就是对文字的字体、大小颜色等设置。
1、字体字号的设置：选定文字|格式|字体或通过工具栏操作（注意：最好使用常用的字体）
2、字的颜色：选定文字|字体|字体颜色（选定一种）|确定
三、段落格式化（居左、居右、居中）
2、表格中文字居中：选定文字|表格|手绘表格（或查看|工具|表格）|居中
3、更改缩进：选定文字|格式|段落|使文本之前（设值为20）|确定
4、段落前后设置：（段前、段后）右击|段落|选定段前或段后（列表中确定值）
5、调整字符间距：选文字（如标题）|格式|字体|字符间距|间距|扩充|间距大小选值|确定
四、列表格式化 ：使用项目符号或编号按钮可以块速的完成设置
1、添加项目编号：选择“引言”|格式栏|编号（默认编号为1）注意编号2怎样添加？
2、更改编号格式：选择“格式”|项目符号和编号|编号|选一种格式|确定
3、设置多级列表：说明：更改项目列表的层次关系，可以综合使用“格式”工具栏“减少缩进”或“增加缩进”按钮
练习：按p76页图操作
补充：
建立站点：文件|新建|站点|只有一个网页站点（右选项中可改变位置）
在站点内添加网页：点左工具栏“新建网页”按钮 |保存名（记住）
任务三 创建多媒体网页
学习目标：
1、了解声音及图像的种类；
2、学会在网页中加入声音、图像和动画；
3、学会一般的图像编辑。
一、声音和图像及动画的种类
1、声音的种类：见P80五种其中记住AIFF和AU文件。
2、图像的种类：在网页中常使用的图像格式是GIF和JPEG（浏览时直接能看到的只有此两种格式的图像文件）
3、动画：主要的视频格式有：windows视频（*.AVI）windows媒体（*.wma）
和RealMedia（*.RA）
二、图像、声音、动画等素材的使用
1、为网页设置背景图形（三种方法）
格式|背景
文件|属性|背景）
右击|网页属性
可使用水印、颜色或点击浏览使用素材库、剪贴画、资源管理器等。
2、图片属性：插入|图片|在图片上右击|图片属性|外观|宽、高？可去掉竖横比
对齐方式：在图片属性中设水平居中或左对齐、右对齐
3、保存图片：自动生成images保存
4、图片中加入文字：选图片|点图片工具栏中文本按钮（说明：必转GIF）|输入文字|设字体字号|文字框移位。
5、设置透明颜色图像：选图|点绘图中透明色按钮|点图像即可
6、在网页中加声音（二种方法）
（1）网页属性：右击|网页属性|常规|背景音乐|位置|浏览|声音文件|确定（可去掉循环次数前钩自设次数）
（2）选定对象|右击|创建超级链接（ctrl+k）浏览|*.wav|确定
7、在网页中插入动画：插入|图片文件|*.gif
补充知识：
1、添加网页主题：格式|主题|选择一种样式|选应用到所有网页（或到当前页）
2、添加网页横幅：（先设置网页主题）再插入|网页横幅|写标题名|确定
3、插入水平线：定位|插入|水平线（说明：无主题时双击可进行修改）
4插入滚动字幕：插入|组件|字幕（输入文字）|确定
更改字幕属性：选定字幕文字|字幕属性|更改设置即可
悬停按钮：插入|组件|悬停按钮（输入文字）|更改设置即可|确定
插入横幅广告管理器：插入|组件|横幅广告管理器|添加|找图片|确定
6、插入FLASH动画：插入|高级|插件|找路径|确定
插入动态Html效果：选定对象|格式|动态效果|开启中四种选一种事件|应用中选一种方式（也可击右边的删除效果）
导航栏设置站点结构：
建立导航栏：点导航视图|将文件夹列表中的网页拖到右侧导航图位置。
建立主页结构：（双击主页/确定位置）插入|导航栏|选子页|保存
建立子页结构：（双击子页/确定位置）插入|导航栏|同一层|（选主页钩选）|保存
建立子页下面页：插入|导航栏|父页（钩选）|保存
任务四 在网页中使用超链接
学习目标：
1、学会在页面之间进行超链接操作；
2、学会书签的超链接；
3、学会对电子邮件使和超链接。
说明：Web页的超链接包含两面两部分：超链接的载体以及超链接的目标地址。载体就是显示超链接的部分，目标是指访问者单击超链接后所显示的内容（它可以是用户的另一个网页，也可能是另一个站点，或是一个电子邮件地址）
1、文字（或图像到文件）链接：选定文字|右击|超链接|选定目标网页|确定
说明：使用超链接（文字与文本）可不用导航视图
2、链接到网站：选定|右击|链接|目标地址（粘贴URL地址如http//www.）
3 电子信箱：选定|右击|链接|点信封|目标地址（粘贴信箱地址如biansl@）
热点链接：选定图片|点热点|拖范围|选链接对象|确定
5、书签链接：（设置页面内的链接）
说明：书签是一种网页内的超链接，与普通链接不同，有书签的链接把访问者带到目标网页的顶端。而单击了一个引向书签的超链接时，将直接跳转到这个书签所在的位置。
操作：（1）定位|插入|书签|书签名称（即可插入一个定位标记）|确定
（2）选定链接点文字|插入|超链接|书签|选定书签名|确定
说明：此法把链接的对象作书签，把目录文字作链接点；把总标题作书签，把返回目录作链接点即可右击建立超级链接选定书签完成操作。
5、框架网页：文件|新建|网页|框架网页（十种中选一种）|确定|点保存|写名字|保存
6、目录页：编辑时点设置初始网页或点新建网页|保存|写名字|保存
7、目标页：同理
PAGE
2

展开更多......

收起↑