©2010-2025 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
1、课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第一课 简单网页轻松做 教 学 目 标 1．什么是主页； 2．认识FrontPage的界面； 3．了解FrontPage的基本功能； 教 材 分 析 重点 认识FrontPage的操作界面 难点 认识到主页和网页的概念 教具 教学光碟 教 学 过 程 一．什么是主页 主页是一个网站的首页，它是一个普通的网页文件，特殊的是它是一个网站的入口，通
2、过它可以找到网站里的其他页面。 二．启动FrontPage FrontPate是微软公司Office办公套件中的一个组件。 启动方法： 开始菜单→程序→MicroSoft FrontPage 2000 三．FrontPage的界面 FrontPate是一个标准的Windows下的应用程序，它的界面是标准的应用程序风格。在它的左下角有一个视图区，用于在不同视图间切换。 四．FrontPage的基本功能 FrontPate是用来编辑网页的应用软件，它可以编辑、保存、修改、管理网站和网页。 布置 作业 板书 设计 教学 后记 网页是网上的家园，
3、学生们都想在网上安家立页，告诉他们，掌握FrontPage后，一切都变为现实。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第二课 创建网页细规划 教 学 目 标 1．输入主页里面的文字； 2．编辑文字的格式； 3．保存网页； 教 材 分 析 重点 开始新建一个网页并编辑、保存好网页文件 难点 认识网页文件和其他文件的区别 教具 教学光碟 教 学 过 程 一．新建一个主页 1．输入
4、文字 打开FrontPage软件后，它会自动新建一个空白网页文件，让我们进行编辑，我们可像在普通字处理软件中操作一样来进行文字的编辑。 2．编辑文字 在FrontPage中，可像普通的字处理软件一样，对文字或段落进行编辑，包括设置：字体、字号、颜色、样式、对齐、阴影、背景等操作。 二．保存网页 编辑完的网页，可以将它保存起来，方便以后处理或浏览，按下工具栏上的保存按钮或在文件菜单中选择保存命令，可弹出另存为对话框，根据提示，保存好文件。 布置 作业 板书 设计 教学 后记 开始制作主页了，有些同学已经定好了主题，有些还只是在乱编排。不过都在认
5、真地做。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第三课 主页布局用表格 教 学 目 标 1.掌握用表格给网页布局的操作方法 2.学会在网页中输入文字和插入图片 教 材 分 析 重点 网页布局和输入文字 难点 学会编辑调整插入的图片 教具 教学光碟 教 学 过 程 一、设计主页结构 二、用表格布局主页 1、打开已创建的站点，并新建一个网页 2、进行编辑网页
6、 3、插入表格，调整单元格大小 三．添加图片 1．单击插入的图片选中它； 2．拖动图片上的控点，调整图片的大小； 3．打开图片工具条； 4．选择合适的调整工具进行更多的调整； 布置 作业 板书 设计 教学 后记 信手拣来的图片大多数并不符合我们的实际需求，大多需要我们进行调整，这节课的知识真及时。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第四课 修饰美化方法多（一） 教 学 目 标 1
7、．设置浏览标题，了解设置网页背景及背景音乐的操作 2．掌握悬停按钮和滚动字幕的制作方法 教 材 分 析 重点 为网页设置背景图片 难点 制作悬停按钮和滚动字幕 教具 教学光碟 教 学 过 程 一、设置浏览标题 二、制作艺术字标题 三．加入背景图片 美化网页的第一步，是图文并茂，为网页设置背景图片要经过以下几步： 1．在工作区域敲右键； 2．在弹出的快捷菜单中选择“网页属性”； 3．单击背景选项卡； 4．单击背景→浏览→选取一幅背景图片。 布置 作业 板书 设计 教学 后记
8、 都想把自己的网页弄得比人家的更漂亮，因此，大家都在积极改进，通过这课的学习，掌握了更多方法，学生们都说时间不够。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第四课 修饰美化方法多（二） 教 学 目 标 1．设置浏览标题，了解设置网页背景及背景音乐的操作 2．掌握悬停按钮和滚动字幕的制作方法 教 材 分 析 重点 为网页设置背景图片 难点 制作悬停按钮和滚动字幕 教具 教学光碟 教 学 过
9、 程 四、制作悬停按钮 1、选定栏目名称 2、打开“悬停按钮属性” 3、输入文字，设置字体 4、设置按钮效果选项 五．插入滚动字幕 1．单击插入菜单； 2．选择WEB组件——动态效果——字幕； 3．在弹出的字幕属性对话框中的文本输入栏中想要滚动的字幕文字； 4．在下面的各选项中详细调整字幕的详细属性。 布置 作业 板书 设计 教学 后记 都想把自己的网页弄得比人家的更漂亮，因此，大家都在积极改进，通过这课的学习，掌握了更多方法，学生们都说时间不够。 课 时 计 划 第 周
10、 星期 第 节 年 月 日 课 题 第五课 网页栏目逐个做 教 学 目 标 1、掌握用缩略图和图片库展示图片的方法 2、熟悉规划和制作网页的相关知识与过程 教 材 分 析 重点 掌握缩略图和展示图片的方法 难点 熟悉规划制作网页的相关操作 教具 教学光碟 教 学 过 程 一．制作“野兽山”网页 1．用表格布局 2．插入缩略图 二．制作“飞鸟厅”网页 1、制定网页标题，修饰网页 2．制作缩略图 3．修饰网页
11、 4．调整图片库的布局方式 三、制作“动物保护”网页 1、新建一个“飞鸟厅”的网页 2、设置标题，修饰网页 3、插入相应图片 四 、添加“关于我们”的网页 1、打开“导入”对话框 2、单击“添加文件”，添加之前所制作好的网页文件 3、复制其他网页标题栏和导航栏，修饰调整网页，调整网页布局 布置 作业 板书 设计 教学 后记 制作网页的导航以及各子网页，可以让网页内容更加丰富多彩。 课 时 计 划 第 周 星期 第 节 年 月 日
12、 课 题 第六课 超级链接设准确 教 学 目 标 1．学会设置网页或者电子信箱的超链接 2．创建网页书签； 教 材 分 析 重点 认识链接 难点 设置各种链接，并区分各种链接形式的区别 教具 教学光碟 教 学 过 程 一．创建不同文件的链接 1．单击插入菜单； 2．单击超级链接菜单项 3．选择原有文件或WEB页； 4．选择要链接的文件； 5．确定选择，完成链接。 二．创建E-mail链接 1．单击插入菜单； 2．单击超级链接选项； 3．选择电子邮件地址； 4．输入要链接的E-mail地址
13、 三．创建书签链接 1．单击插入菜单； 2．单击书签选项； 3．创建一个网页内的书签项目； 4．单击插入菜单； 5 . 单击超级链接选项； 6 . 选定书签名。 布置 作业 板书 设计 教学 后记 超链接可真是个神奇的东西，什么都能链接，教育了学生们，加入彼此的网站作为友情链接。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第七课 框架网页认真搭（一） 教 学 目 标 1.了解框架网页的结构
14、特点 2.掌握制作框架网页的操作方法 教 材 分 析 重点 创建新的框架网页 难点 掌握制作框架网页的方法 教具 教学光碟 教 学 过 程 一、认识框架网页 从教学光盘中了解框架网页的基本内容 二．创建框架网页 1．单击文件菜单，选择新建命令； 2．在弹出的网页模板中选择框架网页； 3．在常规选项卡中单击背景音乐； 4．添加自己喜欢的背景音乐。 三、添加网页内容 1、单击“新建网页”把标题和导航栏复制到新网页中 2、制作悬停按钮 3、添加相关的图文信息 4、保存新制作的网页。
15、 布置 作业 板书 设计 教学 后记 学生初步了解框架网页的搭建，能够较准确地创建框架网页，添加网页内容。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第 八 课 框架网页认真搭（二） 教 学 目 标 1.了解框架网页的结构特点 2.掌握制作框架网页的操作方法 教 材 分 析 重点 创建新的框架网页 难点 掌握制作框架网页的方法 教具 教学光碟 教 学
16、 过 程 一、 制作右框中的网页 新建网页，制作相关导航的网页内容。 二、 设置超链接 1、 选定要链接的内容，打开按钮属性对话框，设置链接 2、 单击“目标框架”，选定打开网页位置 3、 把新建网页链接到导航栏的网页中 4、 制作悬停按钮 三、 修饰框架 1、 打开“框架属性”，调整框架边框颜色、线条以及样式 布置 作业 板书 设计 教学 后记 。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题
17、第 九 课 动态效果添精彩（一） 教 学 目 标 1、学会添加横幅广告效果，设置网页过渡效果 2、掌握设置DHTML效果操作 教 材 分 析 重点 添加横幅广告 难点 设置网页过渡效果 教具 教学光碟 教 学 过 程 一．插入滚动字幕 1．单击插入菜单； 2．选择WEB组件——动态效果——字幕； 3．在弹出的字幕属性对话框中的文本输入栏中想要滚动的字幕文字； 4．在下面的各选项中详细调整字幕的详细属性。 二．插入横幅广告条 1．单击插入菜单； 2．选择WEB组件——动态效果——横幅广告管理器；
18、 3．单击添加按钮，将想要显示的图片依次添加进去； 4．单击确定按钮完成。 布置 作业 板书 设计 教学 后记 滚动字幕和横幅广告条使网页更有生动的动态效果。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第 九 课 动态效果添精彩（二） 教 学 目 标 1、学会添加横幅广告效果，设置网页过渡效果 2、掌握设置DHTML效果操作 教 材 分 析 重点 添加横幅广告 难点 设置网页过渡效果
19、 教具 教学光碟 教 学 过 程 一、设置DHTML效果 1、 打开DHTML效果工具栏 2、 设置动画效果 3、 预览网页 4、 编辑网页 5、 设置缩略图的网页加载效果 6、 设置鼠标悬停按钮的动画效果 7、 预览网页 二、复制代码做特效 1、打开网站主页，单击“HTML”按钮，显示网页代码 2、复制部分代码到网页的下面 3、把相应的图像文件复制到网站的“images”文件夹中 布置 作业 板书 设计 教学 后记 为网站适当添加DHTML效果，可以让网页看起来更加的有动态，更加漂亮。
20、 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第 十 课 发布网站细品说 教 学 目 标 1、了解测试网站的基本过程与方法 2、掌握发布网站的初步操作 教 材 分 析 重点 测试网站的方法 难点 发布网站的方法 教具 教学光碟 教 学 过 程 一、检测网站 二、发布网站 1．在网站上申请免费个人主页空间； 2．单击发布网站； 3．根据向导提示，输入用户名和密码，等待软件自动
21、发布文件到网上； 4．切换到超链接视图，管理网站链接； 三、评价网站 1、全班共同浏览、交流主题网站 2、小组成员对小组素材库、主题挖贵站及活动过程的评价 3、根据老师提供的评价标准进行互评 四、活动总结 布置 作业 板书 设计 教学 后记 管理好自己的网站才能使主页丰富多彩，这个功能非常实用。 课 时 计 划 第 周 星期 第 节 年 月 日 课 题 第十课 综合练习 教 学 目 标 制作自己的个人主页 教 材 分 析 重点 用所学过的知识创建自己的个人主页 难点 综合运用，合理规划自己的主页 教具 教 学 过 程 综合应用所学知识，制作完善一个属于自己的个人网站。 布置 作业 板书 设计 教学 后记 评价总结学生这学期的作品成果，让他们学以致用。
©2010-2025 宁波自信网络信息技术有限公司 版权所有
客服电话：0574-28810668 投诉电话：18658249818
浙ICP备2021020529号-1 | 浙B2-20240490
关注我们 ：
