网页课件

1．新建站点

（1）新建站点

“文件“，“新建“，“站点“

（2）选择模板

选择“空站点“

（3）输入站点的保存位置

输入保存位置“D：\化学教与学“

（4）确定设置。

2．导入素材

（1）新建文件夹

D:\化学教与学\jiaoan(存放教案)

D:\化学教与学\kejian（存放课件）

（2）导入素材

选定“images”，“文件”，“导入”，“添加文件”，“D：\Frontpage\素材\1\图片\0032.gif；0057.gif；watch_ml.gif；tupian.bmp”。

选定“jiaoan”，“文件”，“导入”，“添加文件”，“D：\Frontpage\素材\1\教案\教案一.htm；教案二.htm；教案三.htm；”。

选定“kejian”，“文件”，“导入”，“添加文件”，“D：\Frontpage\素材\1\课件\原子结构.exe”。

3．设计站点结构

（1）．进入“导航”视图

单击“视图”栏中的“导航”按钮。

（2）．创建主页。

单击工具栏中的“新建网页”按钮。

（3）．添加其他页面。

选中“主页”，单击“新建网页”按钮三次。

（4）．修改页面标题。

页面标题分别为“化学教与学”，“我的教案”，“我的课件”，“经验交流”。

（5）修改页面名字

页面名字分别“index.htm；jiaoan.htm；kejian.htm；jingyan.htm”

4．设计站点整体风格

（1）打开“主题”对话框。

单击“格式”，“主题”。

（2）选择“主题”应用范围。

单击“所有网页”。

（3）选择站点主题

单击“仙人掌”，选择“鲜艳的颜色”、“动态图形”、“背景图片”。

（4）单击“确定”按钮，

（5）打开“共享边框”。

单击“格式”，“共享边框”

（6）选择“共享边框”应用范围。

单击“所有页面”

（7）选择“共享边框”位置。

单击“包含导航按钮”

（8）单击“确定”按钮。

（9）打开“导航栏属性”对话框。

双击“文件夹列表”栏中的index.htm（主页），双击“编辑此导航栏的属性，以便在此处显示超链接”的文字提示，弹出“导航栏属性”对话框。

（10）设置导航栏属性。

选择“要添加到网页的超链接”为“主页下面的子页”，选中“其他网页”中的“主页”，最后单击“确定”

5．编辑“主页”

（1）绘制表格。

单击“表格”，“插入”，“表格”打开“插入表格”对话框。将“边框”的“粗细”设为“0”，宽度设为80％，对齐方式为“居中对齐”，单击“确定”。

（2）键入文字。

若想在文本中强制插入一个换行符，单击“插入”，“换行符”，选择“普通换行符”，单击“确定”按钮。

（3）插入水平线。

单击“插入”，“水平线”。

（4）插入图片

先插入一个一行一列的表格，将光标定位在表格中，单击“插入”，“图片”，“来自文件”，“images\watch_ml.fig”，单击“确定”，在图片旁边键入文字“与我联系”，选中图片和文字，单击常用工具栏的“居中对齐”按钮。

（5）设置图片的超链接。

选中图片，单击常用工具栏的“超链接”按钮，弹出“编辑超链接”对话框，单击“制作发送电子邮件的超链接”按钮，键入电子邮件的地址，单击“确定”。

6．编辑“我的教案”页面

（1）插入表格

单击“表格”，“插入”，“表格”，设置行数4行，列数4列和边框粗细为2，单击“确定”。

（2）编辑表格。

在表格中输入文字和调整表格如图：

（3）设置超链接

分别选中要加入超链接的文字，单击常用工具栏的“超链接”按钮，分别选择“jiaoan\教案一.htm，教案二.htm教案三.htm”。

7．编辑“经验交流”页面

（1）键入文字如下图

（2）插入图片“images\0057.gif”（同上）

（3）设置邮件超链接（同上）

三、案例三

1．新建站点和框架网页

（1）新建站点

单击“文件”，“新建”，“站点”，选中“空站点”，输入保存位置“D:\语文教学平台”，并单击“确定”按钮。

（2）导入素材

&     新建文件夹

D:\化学教与学\ref\(存放素材)

&     导入素材

选定“ref”，“文件”，“导入”，“添加文件”，“D：\Frontpage\素材\2\”选定所有的文件。

（3）新建框架网页

单击“文件”，“新建”，“网页”，“框架网页”，“横幅和目录”。

（4）在每个框架中新建网页。

单击“新建网页”，可在该页上进行编辑。

（5）保存框架网页

单击“保存”，分别将以上框架网页保存为“top.htm、left.htm、main.htm、index.htm”

2．编辑“横幅”框架页（top.htm）

（1）设置网页属性

单击“右键”，“网页属性”，在“常规”选项卡中设置网页标题“小学语文古教学”，在“背景”选项卡中设置背景颜色为“蓝绿色”，文本颜色为“浅蓝色”

（2）文字编辑

输入文字“小学语文古教学”，设置文字字体为“华文行楷”，字号36磅和对齐方式居中。

3．编辑“目录”框架页

（1）设置网页属性

操作同上，其中在“常规”选项中设置标题“目录”，在“背景”选项卡中选中“从另一网页获得背景信息”。

（2）插入一个“悬停按钮”

单击“插入”，“组件”，“悬停按钮”，键入按钮文本“朗  读”。设置按钮颜色和交果颜色为“蓝色”，按钮效果为“微微发光”，单击“确定”即可插入一个朗读悬停按钮。再通过鼠标拖动调整按钮的大小。

（3）插入其他悬停按钮。

利用复制的方法复制两个悬停按钮，再分别对文字进行修改为“作者”与“解释”。

（4）插入图片

在按钮下方插入图片“images\杜甫.gif”，并用鼠标调整图片的大小。

4．编辑主框架页

（1）设置网页属性。

操作同上。

（2）文字编辑

（3）设置DHTML效果。

选中标题，单击“格式”，动态DHTML”，选择“开启”方式为“网页加载”，应用方式为“飞入”。

（4）插入“站点计数器”

单击“插入”，“组件”，“站点计数器”

（5）插入“日期和时间”

单击“插入”，“日期和时间”。

5．编辑“朗读”页面。

（1）新建一个空白网页

（2）设置网页属性。操作同上。

（3）插入Flash(read.swf)

单击“插入”，“高级”，“插件”，选择“数据源：ref\read.swf”，“确定”。利用鼠标拖动调整插件的大小。

6．编辑“作者”页面

打开ref\poet.ppt，在PowerPoint中，单击“文件”，另存为Web页”。

7．编辑“解释”页面

（1）新建一个空白网页

（2）设置网页属性。操作同上

（3）设置背景音乐。

单击右键，单击“网页属性”，选择背景音乐为“ref\飞花点翠.mid”，设置“循环次数”为“不限次数”。

（4）键入文字。

（5）插入字幕（内容解释）。

将光标定位首处，单击“插入”，“组件”，“字幕”，键入文本“内容解释”，设置表现方式为“交替”，文本对齐方式为“垂直居中”。

8．设置框架链接

（1）打开整个的框架网页。

（2）设置“朗读”，“作者”，“解释”链接。

右键单击“朗读”悬停按钮，“悬停按钮属性”，“浏览”，URL为“ref\read.htm”，目标框架为“main.htm”。单击“确定”。其他同上。URL分别为“ref\poet.htm”，“ref\explain.htm”。

四．发布站点前的准备

1．检查拼写

2．删除孤立文件

3．修正无效的链接。

五．站点的发布

1．与Internet相连。

2．选择供应商或免费的个人主页存放空间。

3．在Frontpage中打开站点

4．打开“发布站点”对话框。

单击“文件”，“发布站点”。

5．指定发布站点的位置

一般在申请主页空间的时候，会提示你发布站点的位置。

6．设置发布选项

7．与服务器连接

单击“发布”按钮

8．输入用户名和密码

Frontpage在与服务器连接成功后，会弹出“提供用户名和密码”的对话框，这些信息在获得站点发布位置的同时得到，单击“确定”，正式发布。

9．浏览站点