FrontPage网页制作教案（18课时）
学期教学计划
一、教材简析
本学期使用的计算机教材是江苏科学技术出版社出版的初中信息技术教科书。同时，由于配合高中阶段选修网络课程，增加部分网络知识。
本教材主要内容如下：１、网络基础知识２、网页的建立３、网页图片的处理４、网页框架的设计５、网页表格的制作６、网页表单的制作７、创建超链接８、动态网页的制作９、网站的建立
二、学情评价
１、学生学习网络和网页制作的兴趣浓厚，热情较高
２、学生的计算机基础知识掌握不够牢
３、学生运用电脑的能力较差
４、部分学生上机行为不够规范
５、有些学生键盘操作不熟练，用一只手操作键盘现象较严重
二、目的要求
１、提高学生学习计算机网络知识的兴趣，注重动手能力
２、规范学生上机行为，养成良好的习惯
３、掌握基本的网络知识和网上获取信息的能力
４、对学生适时进行爱国主义教育
５、成绩指标：平均分80，及格率98％，高分率80％
三、教学措施
１、认真钻研，精心备课２、仔细讲授３、耐心辅导４、严格要求学生
四、教学进度
序次课题：（内容）课时周次序次课题：（内容）课时周次
1 机房常规教育和课程安排 1 1 10 练习、实践１10
2 网络基础知识，制作工具 1 2 11 动态网页制作１11
3 网页的建立、网页属性设置 1 3 12 网站建立１12
4 网页图片的处理 1 4 13 设置单元格式１13
5 练习、实践 1 5 14 开始
6 网页框架的设计 1 6 分组做网站
7 网页表格的制作 1 7
8 网页表单的制作 1 8
9 创建超链接 1 9
第一节网页制作基础知识
教学目标：1、了解网站、网页、主页和HTML的基本概念
2、了解常见的网页制作工具
3、掌握Frontpage的启动和退出
教学手段：教师讲解与学生演示相结合
教学过程：
一．讲课：
一、网页及其组成
通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page）。
网页是全球广域网上的基本文档，用HTML语言编写。网页中所的元素主要有文字、图片、声音、动画、影像以及链接等，通过这些元素的有机组合，就形成了包含各种信息的网页。其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；随着动态HTML技术的发展，人们在网页中加入声音、动画等多媒体信息，使网页更加丰富多彩。
二、常用的网页制作工具
最初，人们利用HTML语言在文本编辑器中制作网页。HTML语言是超文本标记语言（Hypertext Markup Language）的缩写，用来描述网页的结构，但不能直观的描述网页在浏览器中的效果。因此，只有熟练掌握HTML语言的专业人员才能用它制作网页。后来出现了一些网页制作工具（如CDIDA软件），降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。FrontPage系列软件的问世，才将人们从HTML代码中解放出来。用FrontPage软件制作网页就象在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage在幕后自动生成。这样，大家都可以方便地制作自己的网页。目前，使用较多的网页制作软件有：FrontPage、Flash、Dreamweaver等。
三、FrontPage2000的启动和退出
1．启动
方法：单击“开始”按钮，拖动鼠标指针依次指向“程序（P）”“Microsoft FrontPage”，并单击，即可启动FrontPage2000。
2．FrontPage2000的视图方式
在FrontPage 2000视图栏中，有页面、文件夹、报表、导航、超链接、任务等六种视图方式，在网页制作和网站管理中，分别代表六种不同的工作模式。
（1）页面：用来编辑网页。
（2）文件夹：用于管理站点中的文件和文件夹。
（3）报表：用来了解整个网站的状况，报告站点中文件和超链接的状态。
（4）导航：用于帮助设计网站结构图，网页会依据结构图的形式自动产生链接。
（5）超链接：显示来自和指向站点中每一个网页的所有超级链接。
（6）任务：列出站点中要完成的任务。
根据需要，单击视图栏中的按钮，来切换不同的视图方式。如图5-2中，在页面视图下，可以直接进行网页的编辑和制作。
3．FrontPage2000的退出
单击“关闭”按钮即可。
练习：
1．什么叫网页？
2．一般情况下，网页由哪几种元素组成？
3．FrontPage 2000有几种视图方式？每种视图方式各有什么功能？
第二节网页的建立
教学目标：使学生掌握网页建立的方法和网站建立的方法
教学难点：网站的建立
教学手段：多媒体演示
教学过程：
讲课
一、网站的建立
1．启动FrontPage 2000，依次单击“文件（F）”菜单中的“新建（N）”“站点（W）”命令，弹出“新建”对话框，如图所示。
2．单击“空站点”，然后指定新站点的位置，系统默认的位置类似于“C：\My Documents\my Webs\myweb1”，也可以自己指定网站所在的文件夹，最后单击“确定”按钮即可。
[例]在“我的文档”中“My webs”文件夹下建立一个名为“huanbao”的网站。
操作步骤：
（1）启动FrontPage 2000。
（2）依次单击“文件（F）”菜单中的“新建（N）”“站点（W）”命令，在弹出的“新建”对话框中单击“空站点”，在“指定新站点的位置”下方的文本框中输入“C：\My Documents\my Webs\huanbao”，最后单击“确定”按钮。
FrontPage 2000将自动在指定位置建立一个站点，首先建立“C：\My Documents\My
webs\huanbao”文件夹，然后在此文件夹下，再建立一组文件夹，其中可见文件夹包括：_private和Images（存放图形文件），其余文件夹被隐藏起来
二、网页的制作
因为FrontPage2000默认的视图方式是“网页”，可以直接进行网页的编辑工作。网页编辑窗口的左下角有普通、HTML、预览三个标签，单击“普通”标签，可以直观地进行网页的编排；单击“HTML”标签，可以直接编辑HTML代码，或者输入FrontPage2000所不支持的HTML新代码，以实现动态网页的最新效果；单击“预览”标签，可以观看网页在浏览器中的情形。虽然FrontPage2000 具有“所见即所得”的功能，在“huanbao”网站中建立第一个网页取名为welcome.htm。
操作步骤：
1．文字编辑
2．插入图片
插入图片可使网页丰富多彩。在网页中可以使用的图片类型有多种，但最常用的是GIF 和JPG格式的图片，因为这两种图片的文件长度较小，有利于提高网页的浏览速度。所以，插入其他格式的图片后，在页面存储时，系统会自动将图片格式转换成GIF或JPG格式。
3．插入动画
在网页制作中，经常使用一些小动画，使页面生动活泼，这些小动画文件用专门的工具制作，也以GIF作为文件的扩展名。
操作步骤：
（1）依次单击“插入（I）”菜单中的“图片（P）”、“来自文件（F）…”命令，打开“图片”对话框，单击“浏览”按钮，打开“图片”对话框，单击“浏览”按钮，从“选择文件”对话框中选择所需图片“diqiu1.gif”，单击“确定”按钮，插入动画。
（2）拖动动画到标题下方适当位置即可。
4．插入水平线
水平线是贯穿网页宽度的细灰条，用来分隔文本成加着重符。插入水平线可以帮助我们将各类相关信息组合到一起，但同一个页面中水平线不宜过多。
调整水平线的宽度、高度、对齐方式以及颜色，就可以改变它的外观。
5．设置背景
（1）单击“格式（O）”菜单中的“背景（K）…”命令，出现“页面属性”对话框，且“背景”标签已被打开。
（2）单击“浏览（B）…”按钮，在“选择文件”对话框中浏览文件夹内容，从中搜索到所需背景图案后，单击“确定”按钮，关闭“选择文件”对话框，再单击“确定”按钮，关闭“页面属性”对话框，背景图案即可插入页面。
页面制作完成，可以单击“预览”标签，观察一下效果。
三、网页的保存
单击“文件（F）”菜单中的“保存文件（S）”命令，弹出“另存为”对话框.
在“文件名（N）”列表框中输入“welcome”后，单击“保存（S）”按钮。如果要保存的页面含有图片、动画、声音等元素，FrontPage还会继续询问是否保存这些嵌入的文件，如图5-11所示。
此时最好将这些文件保存起来，以保持它们在网页中的位置，否则，当网站发生迁移时，可能因找不到这些图片、动画等文件而无法显示。另外，最好将它们保存到Images文件夹中，使网站保持清洁，便于管理和维护。
练习：
1．在设计网页过程中，定义字体时要注意哪些问题？
2．为什么在网页中通常都使用GIF或JPG格式的图片文件？
设置网页的背景时，可不可以使用较大的图片？有什么缺点？
制作“自我简介”
制作“自我简介”
一、教学目标
1、让学生熟悉FrontPage 2000的界面。
2、学会制作网页标题。
3、学会在网页中插
入美丽的图片。4、学会在FrontPage 2000中使用表格。
二、重、难点使用表格
三、教学方法演示法、讲授法、实践操作法、比较讨论法
四、教学类型新授课
五、教学过程
[导入]前面大家了解因特网的神奇世界，畅游了丰富多彩的网站，欣赏了精美华丽的网页。看到这么多漂亮的网页，同学们是否也想自己在网上建立一个自己的“家园”？现在我们将学习如何利用FrontPage 2000在因特网上安一个自己的“家”。
在因特网上安“家”的一般步骤大致可分为网站规划、网页制作和上传发布三个阶段。本章创建的整个网站主要由“自我简介”、“成长之路”、“兴趣特长”和“网上交流”等网页构成。
[讲授]创建网上家园，首先应将自己的有关情况展示出来，让来访者对自己有一个大概的了解。这里，先来看一个同学制作好的“自我简介”网页。
这个网页包含有图片、表格和相关文字等，下面学着制作这个网页。每个网页都有一个标题，让来访者一目了然。在“自我简介”网页中用“自我简介”几个文字来作为这个网页的标题。
[演示]1、单击屏幕左下角的“开始”按钮，在“开始”菜单中选择“程序”→“Microsoft FrontPage”菜单命令，进入FrontPage 窗口。
2、在网页编辑工作区输入文字“自我简介”，单击“格式”工具栏上“居中”按钮，将文字居中。
3、选中文字“自我简介”，通过“格式”工具栏的“字体”下拉列表，选择“楷体_GB2312”。
4、在“格式”工具栏选择“字号”为“24磅”，“颜色”为“粉红色”
5、单击“常用”工具栏上的“保存”按钮，弹出“另存为”对话框。
6、在“文件名”中输入文件名“简介”后，单击“保存”按钮，保存网页。
[实践操作]
1、使用“格式”→“字体”菜单命令也可以方便地设置字体。启动FrontPage，
在编辑工作区中输入文字“兴趣爱好”，使用菜单命令改变字体。
2、单击“HTML”标签，观察编辑工作区的变化。
[提醒]在网页设计中，对于非Windows自带的字体尽量少用，以免造成别人浏览此网页时无法显示这种字体，影响网页整体效果。
[讲授]
1、FrontPage启动后，会自动打开一个新的空白网页窗口。FrontPage窗口与前面
所学的Word窗口类似，由标题栏、菜单栏、工具栏、编辑区和状态栏组成。
2、网页文件实际上是一个按HTML语言规则编写的文本文件。我们看到的网页
是浏览器对HTML文件进行逐条解释，再显示出来的结果。
HTML是英文Hyper Text Markup Language的缩写，意为“超文本标记语言”。这种语言用“<>”来标记网页中对象的格式和有关参数。网页中除了文字保存在HTML文件中外，其他对象（如声音、图象、动画等）在HTML文件中只是保存了相应的标识和有关参数，真正是内容还在这些对象的文件中。因此，这些对象的文件如果被删除或改变了位置，就不能在浏览器中正确显示出来。
[讨论]如果在两个文字之间增加了一个空格后，间距又显得太大，此时应怎样调整才能得到合适的间距呢？
[实践操作]启动FrontPage，分别建立主题为“兴趣特长”和“成长之路”的两个网页，并保存为xingqu.htm和chengzhang.htm
[讲述]你在因特网上漫游时，精彩生动的图片会使人流连忘返。在自己的网页上添加美丽的图片，一定也会增加吸引力。
[演示]1、打开网页jianjie.htm，选择“插入”→“换行符”菜单命令，弹出“换行符属性”对话框，选择“普通换行符”，单击“确定”按钮，将光标下移一行。
3、单击“常用”工具栏上的“插入文件中的图片”按钮，弹出“图片”对话框。
4、单击“剪贴画”按钮，弹出“剪贴画库”窗口，在“比喻”类别中找到剪贴画
图片，将此图片插入到网页中。
5、调整图片的大小，并居中放置。
插入图片[讲授]
1、使用回车键换行时，行距较大，而采用普通换行符来换行，行距为0。
2、FrontPage中可以插入的图片文件格式很多，如GIF、JPEG、PNG和BMP等。其中BMP格式的图片是未经过压缩的，文件较大，一般很少使用；而GIF、JPEG、PNG 格式的图片都是压缩过的，文件较小，便于在网页中浏览和下载，所以经常使用。[实践操作]
1、在已建立的网页“成长之路”中，选择“插入”→“图片”菜单命令，加入合适的图片，并调整图片的位置和大小。
2、在已建立的“兴趣特长”网页中，使用“常用”工具栏上的“插入文件中的图片”按钮，加入合适的图片，并调整图片的位置和大小。
3、选择“格式”→“背景”菜单命令在网页中加入背景图片
以图片为背景的网页[讲解]在FrontPage中使用表格，可以整齐地排列文本，有效地组织数据，使整个网页看起来简洁清晰。我们下面来使用表格制作出自我情况介绍。
网页中的“自我简历表”
[演示]
1、单击“常用”工具栏上的“插入表格”按钮，制作出一个6行2列的表格。
2、在第一行第二列中，单击鼠标右键，在弹出的快捷菜单中，选择“拆分单元格”命令，弹出“拆分单元格”对话框。
3、选取“拆分为列”选项，在“列数”框中输入3，单击“确定”按钮，将此单元格分为三列。
4、输入表格中相应的文字。
5、按住Ctrl键，单击表格的第一列和第三列，选中此两列，在“格式”工具栏上设置“字体”为“黑体”，“字号”为“4（14）磅”，“字型”为“粗体”。
6、选中第二列和第四列，设置“字体”为“楷体”，“字号”为“4（14）磅”。
7、选中表格的所有行，单击“格式”工具栏上的“居中”按钮，将文字居中。
8、选中第二行、第四行、和第六行，单击“格式”工具栏上的“突出显示颜色”按钮，选择突出显示颜色为“浅绿色”。
9、选中整个表格，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”菜单命令，弹出“表格属性”对话框。
10、选择边框颜色为“粉红色”，单击“确定”按钮，制作出“自我简历表”。
[试一试]删除表格的某一行、某一列或整个表格。
[小技巧]
1、选中表格的多行、多列或多个单元格时要按住Ctrl键不放，再选取所需的行、
列或单元格。
2、选中整个表格的方法：在表格的最左或最右边双击鼠标左键，当所有单
元格反色显示时表示该表格被选中。
[学生阅读并实践]
表格的编辑方法
用表格来安排版面
[实践操作]
1、在自己所建的xingqu.htm网页中使用表格展示自己的兴趣爱好。在
chengzhang.htm网页中加入能反映自己成长过程的图片。
2、建立一个2行6列的表格，在表格中插入图片和表格。
3、将本节中所制作的主题文字、图片和表格进行混排。
[总结] 本小节我们学习了制作几个简单的文字网页，进一步熟悉了文字的设置。
学会在网页中插入图片，并能利用插入的表格更方便地实现图文混排的设计，使网页看起来简洁利落。同学们对表格的使用需要进一步加强练习。
《网页制作》教学设计 法、说学法、说教学过程、说板书设计。 一、说教材： (一)教材分析：本节内容是省编《信息技术》全一册第六章 网络与INTERNET基础知识第五节的内容(2000年版为第八章第四节内容，2001、2002版教材第六章第五节内容)。虽然在这一节内容在新版教材变更为拓展模块，但针对现在网络快速发展，广大的学生接触，使用INTERNET的机会也大大增加，学生在使用网络获取信息时，更多的是通过浏览网页这一方式，我认为上好这节课是非常必要的，这对学生进一步认识、使用INTERNET更有益处，同时通过网页制作这一过程也利于学生对计算机常用素材的类型有更深入的了解，在一定程度上也起着培养学生运用综合知识能力作用，所以我认为这节课是非常值得我们去研究上好的，考虑这节课的内容及教法、学法的需要，我把这节分为两课时，第一时：学生自学，自练Word制作网页的基本方法；第二课：让学生自己构思创意一个内容丰富，页面美观的网页。 (二)教学目标：根据对教材的分析及学生实际情况，制定如 下的教学目标： (1)知识目标：1、有关网页文件的说明 2、熟悉用Word制作网页的基本方法 3、超级链接是网页实现互相链接的基本方法 (2)能力目标：1、培养学生的自学能力 2、创意构思能力 3、能制作出具有多重链接、多种素材、内容 丰富的网页。 (3)情感目标：1、教育学生正确认识和理解信息技术相关文 化，伦理和社会问题，负责地使用信息技术。 (三)教学的重、难点：根据对教材的分析及网页制作过程中的 实际情况，我认为要出制作内容丰富的网页，关键是要知 道网页间互相链接的方法，所以我把超级链接做为本节的
《Frontpage2003网页设计与制作》教案 2009141119 郭飞 一、教学目标 1. 知识与技能目标： (1) 了解网页制作过程，初步学会如何分割网页版面； (2) 掌握对网页中素材的简单处理方法，如插入图片、艺术字、文本框；对图片进行超链接设置。 2. 能力目标： (1) 学习一种逆向思维方式，对版面进行设计能力，并充分利用背景图片、背景音乐及字幕的设置； (2) 通过对演示的网页的分析与小组合作锻炼学生交流与表达，增强学生的分析能力、动手实践能力； (3) 学会将素材有效地组织在一起，以表达综合信息的能力。 3. 情感、态度、价值观： 鼓励学生大胆构思，学生交流过程中学会尊敬他人，客观评价他人观点，同时认识到网页所展示的内容要积极向上。 二、教学重、难点 教学重点： 1.利用Frontpage2003对设计的网页进行插入文本（包括艺术字、文本框的运用）； 2.插入图片以及图片的超链接制作。 教学难点： 1.利用网页分割设计原理，结合自己的主题，规划网页的版面； 2.插入表格并对表格进行设置； 3.设置背景图片、背景音乐、字幕。 三、教学步骤 1.插入艺术字、文本框： “插入”——>“图片”——>“艺术字”
“插入”——>“文本框” 2.插入图片并设置超链接： “插入”——>“图片”——>“来自文件”——>“完成”——>选中——>单击鼠标右键“超链接” 3.设置背景图片、背景音乐及字幕： 网页的任意位置单击鼠标右键——>“网页属性”——>“背景音乐浏览”——>“确定” 网页的任意位置单击鼠标右键——>“网页属性”——>“格式”——>“背景图片”——>“浏览”——>“确定” “插入”——>“Web组件”——>“字幕” 4.设置表格属性及单元格属性： 选中——>单击右键“表格属性/单元格属性”——>“确定” 四、教学过程 基于对前面的网页制作页眉页脚设置掌握后，要进一步讲解对版面的分割、文字图片插入技术的知识点。为了有利于小组间互相交流，每小组学生坐在一起，后期学生完成作品时教师起引导辅助作用，一步步引导学生完成本课的目标。 教学环节教师活动学生活动活动目的 新课导入 通过浏览几个不同版面分割的网页，引出今天内容。（2） 进行对优秀网 页的浏览，提问： 我们浏览这些网页 是为了得到网页中 什么内容？网页中 最显著的图像或文 字的部分是哪些？ 准备好下面需 要演示的网页。 浏览网页，积 极思考教师提出的 问题，发表自己的 看法。 启发学生知道网 页中最醒目的位置就 是你所想要传达的信 息。 传授逆向思维方 式。 展示几个不同 版面的网页，同时跟着老师演示 用实例启发学 生，根据实例讲解知
一体化课程教案（首页） 课程网页制作授课教师 课题（项目） 名称 创意型网站开发审批 学习任务创意型网站开发授课课时16 授课日期年月日至年月日授课班级13电商高中 项目（任务）描述小李刚刚通过应聘进入了一家网页制作公司，公司规模不大，主要业务是承接各类网站的制作。现在公司刚接了四个不同的制作网站业务，由于公司人数不多，所以小李要独立负责其中一个网站的建设，由于时间紧迫，现要求小李选择其中一个网站，并和策划部进行快速沟通和需求分析，完成资料的整理和素材的简单加工，设计出基本框架，再通过网页编辑工具完成网页版面的制作和内容元素的编辑，最后通过公司服务器发布网站到互联网上。 教学目标通过完成本次任务，学生能够 ●通过多方调研明确客户需求，撰写需求确认分析说明书； ●通过组内讨论，做好网站开发详细计划，撰写项目工作计划表； ●通过小组分工合作，自主探究学习，设计有特色的网站； ●通过测试，发现存在问题并提出解决方案； ●能够展示小组作品的优势和特色，并能客观评价他人； ●通过基于工作情境的角色扮演，熟悉网站开发的工作流程，并从中获得沟通表达， 解决问题的经验，体验团队合作和信息共享的乐趣。 教学重点 分析客户需求；设计网站规划书；创建网站站点；设计网页版面布局；素材编辑和修辞； 内容页制作和超链接。 教学难点使用Dreamweaver进行网页布局；内容页制作；页面间的超链接。 学情分析根据客户需求，开发一个商务网站，进行宣传推广商品。该网站以信息发布、产品介绍、在线销售、顾客服务、提升品牌形象为主要功能和目的。学生在学习任务中首先要进行客户需求分析，制定网站设计书，并进行创建站点和管理站点，然后在已创建的站点上进行主页、内页设计完善网站功能，并使用多种工具进行网页美工，最后发布和管理已建好的网站，根据公司的要求，更新和维护网站。 教学策略本次教学任务在电商实验班进行授课，采用任务驱动，模块演示的教学方法；以学生为
认识Dreamweaver 一、学习目的 了解Dreamweaver，学会利用Dreamweaver制作网页。 二、学习内容 Dreamweaver的基本知识。 【学习步骤】 1、 Dreamweaver的功能 Dreamweaver可以像普通的字处理软件一样编辑Internet上以HTML格式保存的所有文件， 也就是网页；它支持动态HTML，可以在网页中产生动画；还可以在网页中插入各种插件，以产生特殊效果。 Dreamweaver可用于管理站点，它像文件夹一样创建和打开站点，用不同的方式查看站点中各个网页之间的关系，调整站点的组织结构，使整个站点条理清晰。 2、 Dreamweaver的窗口 （1）标题栏 （2）菜单栏 （3）工具栏 （4）视图栏 （5）文件夹列表 （6）工作区 3.网页工作区的三个视图方式选项 它们分别是“普通”、“HTML”“预览”，它们之间的相互切换十分容易实现的。 普通视图方式是Dreamweaver对网页所见即所得编辑方式的最佳体现，在此方式下，可以 像在Word中那样直接进行各种编辑操作，实现网页编辑的所有功能。
HTML视图实际上是一个文本编辑器，其中给出了普通视图方式下所件网页的HTML代码。在这里可以用菜单命令进行复制、粘贴、删除、查找等操作。对于HTML语言中的不同成分均用不同的颜色显示，这样比较容易区分各种语法成分。 为了在制作网页过程中能够随时查看网页的实际效果，Dreamweaver提供了预览视图方式。 4.安装dreameaver的方法 安装及注册 5.关闭dreameaver 6.保存网页的方法 三、小结 Dreamweaver的基本知识
网页的制作教案 一、教学目标： 1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2、认识FRONTPAGE的界面； 3、掌握在主页中插入文字、图片、水平线； 4、掌握页面文件与图片的保存。 二、教学重点： 1、能在指定位置建立只有一个网页的站点（难点） 2、能在页面中插入文字、图片、水平线 3、掌握页面文件与图片的保存（难点） 三、学情分析： 学生已经学习了WORD、POWERPOINT与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程 设计教师活动： 1、引入课题： （激发兴趣，活跃气氛）经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来） 问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一
个是主页,主页的文件名一般为：index.htm,主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage建立站点，制作一个主页。 先来研究一下没有发布的网站,打开教师做的网站问：同学们看到了什么？（文件夹） 小结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。 2、新建站点： 与word比较，有什么不同？（增加了视图区，编辑区有三个窗口） 小结：视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。 Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。（教会学生利用导学课件，根据导学课件完成任务）任务1：学生根据导学课件，在d:\建立自己站点 教师巡视指导请一位学生示范如何建立站点，教师总结问：在文件夹列表中看到了什么？分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中） 3、编辑主页与保存主页看效果图， 请学生分析主页中的元素总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍根据导学软件，学生完成任务2：设计主页、保存主页与图片。教师巡视指导 4、总结反馈请学生示范， 讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存总结：必须切换到“普通”窗口下编辑主页的保存中存在问题：单击“文件”“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。 5、请学生继续完成自己的主页，有能力的同学完成提高篇，教师巡视指导 6、教师与学生共同评价总结展示学生作品
网页效果图的制作 ——制作网页标志横幅 课程：电子商务网页制作班级：09电商3+2 时间：12月16日第三节授课教师：李晓琳 教学目标：知识目标：1、能描述创建网站主页的目的 2、能列举网页应包含的内容 3、了解网页标志横幅的作用 技能目标：1、能绘制网站主页的网页标志横幅 2、掌握fireworks工具属性的设置方法 情感目标：对操作过程中遇到的问题能主动思考具有较强的网页设计 创意思维、艺术设计素质。 教学重点：1、Firewoks中矩形工具、文字工具、直线工具、库命令的使用 2、Firewoks中元件转换为按钮的操作 难点：元件转换为按钮及库命令的使用 教学方法：任务驱动教学法 一、导入 提问：同学们平时的休闲方式有哪些呢？——影视文化通常是我们茶余饭后的谈资，平时也会去电影院看电影是吧？特别是大片，往往去了电影院要排长队，而且还不一定买的到票，在电子商务迅速发展的推动下，网上订票为我们消除了排队买票的烦恼。那网上订票是基于什么样的平台呢？下面我们来看下我们德清的大地数字影院的网络平台——“哈票网”。 二、新授 任务一：网页横幅的制作—— 1、“哈票网”网站的展示，分析引出一个网页应包含哪些内容。 提问：看了这个页面，请你说出一个网页包含哪些元素呢？ （学生回答，教师补充）——引出网页横幅的重要性 2、为什么要制作网页横幅？ 在一个简单的网页中，上方的横幅是最重要的视觉元素。在很多博客网页中，
它甚至是唯一的视觉元素。所以它的作用可以说是相当大的。它必须能够与网站的风格配合，并能传达视觉上的信息。它必须让人看上一眼就让人知道这个网站是属于什么类型，风格是什么。（展示不同网站的不同网页横幅效果图，说明网页横幅是可以多种形式展现的。） 3、提出任务，教师演示：效果图展示，操作示范 （1）新建一个文档：宽1200像素，高为600像素。 （2）矩形工具、圆角矩形工具、椭圆工具、文字工具、直线工具的使用及属性设置 4、学生活动：按所给效果图及素材制作网页横幅（根据男女生兴趣偏好不同， 男女分组操练：男生做NBA网页横幅、女生做淘宝门户网的网页横幅）操作步骤: （1）新建一个文档：新建一个文档：宽1200像素，高为600像素。 （2）用矩形工具绘制两个矩形：可与画布同长，宽度根据需要自定，大矩形的颜色设为“#333333”,小矩形的颜色设为“#666666” （3）在小矩形右侧添加文字，选择“文字工具”，添加文字，其属性设置为：字体——宋体，颜色——“#66FF00”，字号——“15” （4）用椭圆矩形工具在画布的左侧绘制两个圆形，一大一小，填充颜色渐变，颜色为“#FFFF00”至“#00CC00”,如图所示（5）用文字工具，在大圆上添加文字“哈”，文字属性设置为：“白色”“隶书”“90”；小圆上添加文字“票”，属性设置为“白色” “幼圆”“30”；再用文字工具在“哈票”右侧添加文字“快速 订票轻松观影”，属性设置为“白色”“幼圆”“24”，紧接着下 方添加网址，属性设置为“#66FF00”“Century Gothic”“22” 5、教师巡回指导，发现问题，个别辅导 任务二、美化横幅——添加阴影、元件转换为按钮
教学科目授课日期节次教学内容 教学目标 教学重点与难点教学方法 教学资源 公开课教案 网页制作授课班级10 计 4授课教师徐彬2011．06． 12课型任务驱动授课学时 1 课时下午第二节授课地点图书馆动漫机房 有趣的拼图 通过讲解、演示、实践，让学生掌握在网页中运用层制作拼图游戏。 知识目标技能目标态度目标 通过讲解让学生 1. 提高学生分析问题、解决问1、培养学生的观察能力及掌握在网页制作中题的能力勇于探索、勇于创新的精层的特点，学会添加2．锻炼学生的表达能力和协神 “拖动层”行为。并作、沟通能力2、培养学生的团队精神且了解相应的事件。3．提高学生的动手实践能力， 能运用层制作有趣的拼图 教学重点：层的特点、“拖动层”行为。 教学难点：“拖动层”行为。 综合（讲授、启发、引导、演示示范、观察、比较、实践等） 多媒体计算机、多媒体教学软件 本节是《网址制作 DreamweaverMX2004》中层的应用中的内容，是操作实践课。 本节采用情景导学与任务驱动相结合的教学法帮助学生消化吸收新知识， 教学 引起学生的学习兴趣，激起学生的求知欲望，发挥学生的主体作用，体现教师设计 的主导作用。通过兴趣与任务使学生学习到相关的计算机基础知识和操作技 能，进而培养学生的自学能力与动手实践能力。
教学过程设计 教学环节与主要内容具体教 学目标 教学活动 【复习导入】 ( 一 ) 导入（学时分配： 2 min ） 创设情境，打开“趣味拼图”网页，请 同学玩一玩拼图游戏。 ( 二 )复习知识点（学时分配： 2 min ）1、你觉得我们玩的拼图游戏有什么特点？ 这种特点是利用了什么技术实现的？2、拼图游戏利用了层的什么特点？1、激发学生学习兴 趣。 2、导入新课 教师：帮助学生回顾复习 层的特点。 学生：回顾并实践复习已 学知识 教师：根据实例，提问诱 导，导入课堂任务 学生：观察、讨论、思考 ( 三 ) 明确学习目标（学时分配：1min） 1、层的特点。 2、“拖动层”行为。教师：明确学习目标 3、 onLoad 事件。 【任务分析与制作】 （一）任务初分析（学时分配： 5min）让学生理解理解掌教师：讲解、示范、演示打开趣味拼图网页，引导学生分析制作此网握层的特点。学生：观看操作演示、学页所需的技术：习领会 1、网页布局：表格。 2、图片素材的添加：插入图片（拓展）。通过练习巩固所学学生：实践，完成练习 3、拼图图片的移动：表格转换为层。知识内容。 教师：巡视、评价、辅导（二）任务初制作（学时分配： 15min） 学生制作趣味拼图网页并调试。 （三）任务再分析（学时分配： 5min ）让学生理解理解掌教师：讲解、演示、示范请同学们汇报自己作品的调试成果。握“拖动层”行为以学生：观察、学习、领会针对调试作品所发现的问题进行再分析。及事件的用法。 1. “拖动层”行为。 2. 事件。
课堂任务快速建站技术—模板的应用 课程名称：利用模板快速建站 课时数：4 教学目标： 知识与技能：了解模板的定义，模板的可编辑区域的定义。 过程与方法：掌握在网页中创建模板的三种方法； 掌握模板的可编辑区域的定义、建立和取消； 掌握模板的应用和取消； 掌握如何将模板从网页中分离出来； 掌握使用模板快速建站； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。 教学重点： 在DreamWeaver8中创建模板和应用模板。 教学难点： 学会模板的可编辑区域的定义、建立和取消。 教法： 任务驱动法 学法： 记录关键步骤，积极动手练习。 课前准备： 第三章第三节素材和实例，视频教程：快速建站技术－模板的应用.WMV，快速建站技术－模板的应用(快速更新).WMV。 教学过程设计： （一）导入设计： 我们制作一个网站时，会发现许多网页的版面和元素都是相同的，在设计一个新页面时，我们还可以用复制原来做过页面来减轻工作量。但是如果一个网站有几十、上百张页面都基本相同，这时修改或更新网页的共同元素如网站标志时，会发现工作量实在太大！而使用Dreamweaver 软件中的模板功能来创建新网页，可以大大提高更新和修改的工作效率，网站的维护工作会轻松很多。本节主要内容如下。（二）新课讲解设计： （1）请学生带着以下问题阅读P110～115知识预读，问题如下： A、模板的定义？ B、模板创建的三种方式？了解资源面板的使用方式。 C、学会模板的可编辑区域的定义、建立和取消； D、学会模板的应用和取消； E、学会如何将模板从网页中分离出来； （2）教师提问，请学生一一回答以上问题。期间对回答问题的同学要多多表扬，如“你真棒”。增强学生对教师的亲和力。 （3）教师在学生回答问题的同时，总结评价并补充相关要点。 （4）教师展示完成后的模板网站作品，与学生共同讨论分析该网站制作过程。 （5）教师演示建立模板,创建可编辑区域,应用模板等部分操作（详见教材任务一）。
网页制作的教学设计 一、教学目标 1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2 、认识FRONTPAGE 的界面； 3 、掌握在主页中插入文字、图片、水平线； 4 、掌握页面文件与图片的保存。 二、教学重点 1 、能在指定位置建立只有一个网页的站点（难点） 2 、能在页面中插入文字、图片、水平线 3 、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了WORD 、POWERPOINT 与上网浏览信息，对计算机的基本操作（WORD 中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动：1 、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。 问题1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，
通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？( 第一个页面称为主页, 网站设计者可以确定哪一个是主页, 主页的文件名一般为：index.htm, 主页也是网页) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet 上，让所有的人访问浏览。 今天我们学习用Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站, 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2 、新建站点 FP 的启动 问：与word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与PowerPoint 中的“放映幻灯片”类似。 Html 窗口：编写HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
Frontpage网页制作导学案 青州一中刘志韩【学习目标】 1、包括网页制作基础知识 2、站点的规划和创建 3、网页文本和图片的处理、表格和框架的应用 【学习重难点】 1、建立一个主题网站 2、建设一个网站的步骤 3、网页的美化与特效的制作 【课前预习】 思考一下多媒体信息集成的方式有哪些？ 【自主学习】 1、在www中，________是信息的主要组织和表现形式。 2、用________语言编写的网页实际上是一种文本文件，以.HTML或者.HTM为扩展名，可以使用任何文本处理软件（如记事本、word等）创作或修改。 3、制作网页常用的软件有_________________和_________________。 4、网页文件的扩展名有哪些？ 5、网站开发的基本过程： 网站的规划——( )——( )——网站的发布与管理——网站的评价 【合作探究与指导】 三、网站的制作 1、创建站点 文件——新建——站点（选择或创建存储站点的文件夹） 2、网页的创建与编辑 文件——新建——网页 3、插入对象 水平线 图片 字幕 悬停按钮 4、创建超级链接 在对象上右击选择超级链接——选择链接的目标。 5、使用表格 表格——插入（在制作网页的过程中用表格来布局网页） 6、在站点中查看网页的编辑及网页之间的链接情况。 分步骤操作练习题： 1、新建一个站点，只有一个空白网页的站点。 2、在首页上插入“我最喜爱的明星”，然后进行修饰。 3、再新建一个空白网页。重新命名为“周杰伦”。 4、插入图片“周杰伦”，文本“周杰伦”，排版设置后保存网页。 5、再建立一张空白的网页，重新命名为“刘亦菲”。 6、插入图片“刘亦菲”，文本“刘亦菲”，排版设置后保存网页。 7、分别在首页和“周杰伦”“刘亦菲”网页建立超级链接。 操作练习： 【拓展任务】 以环保为主题，利用文件夹“环保”中的素材，制作一个5页的网站。
Frontpage网页制作 【摘要】Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。 【关键字】Frontpage创建站点、新建页面、文字、超链接 现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有Adobe Pagemill 3.0--制作多框架，表单和Image map 图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。 工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。 用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点” 图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。 在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：
第一课从一个网页开始 Frontpage2000教程第二课编辑网页 Frontpage2000教程第三课使用图形 Frontpage2000教程第四课超链接 Frontpage2000教程第五课使用表格 Frontpage2000教程第六课组件的使用 Frontpage2000教程七课使用框架 Frontpage2000教程第八课使用多媒体 Frontpage2000教程第九课站点操作 Frontpage2000教程第十课表单设计 Frontpage2000教程第十一课创建讨论组 Frontpage2000教程第十二课站点的发布 frontpage2000教程第一课从一个网页开始 作者：未知阅读人次：5527 文章来源：未知发布时间：2004-11-20 网 友评论(7)条 认识Frontpage2000 你是否紧跟时代的潮流上了网？你在聊天室里是否听过别人聊起自己的个人主页，你会不会觉得自己没有个人主页就落伍了？有没有想过自己也要做一个主页？想过？那你还瞎呆在那里干什么？赶快阅读本教程，你就该学会制作自己的主页了。 本教程教你学会使用微软公司的Frontpage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage
《网页制作》教学设计（优质课比赛优秀设计）《网页制作》教学设计 一、教材或教学内容分析 本章内容在本教材中的位置处于第五章，是在文字处理(Word2000)和网络基础及因特网应用两章之后。学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品，在软件的使用上有很多的共通之处，所以在学习frontpage的时候，很多内容可以让学生自学，而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础，学生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制作就是将这些元素重新组合到网页上，学生要学的就是这种组合的方法。所以说，虽然大多数学生以前都未接触过网页的制作，但有了以上这些基础，学起来就轻松多了。 本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。 重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了。 难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个别辅导时，可以给予分别讲解。 这个分类可以为组长安排各个组员的任务提供参考，使分工更加合理。 二、教学对象的分析 第 1 页共 6 页 信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常
用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内 第 2 页共 6 页 掌握比较先进的网页制作方法，而不必再花那么多时间去探索。因为每位组员都必
《网页设计与制作》课程教案 一、课程定位 本课程是计算机应用技术专业的一门专业基础课程，该课程的学习能够提升他们对网页制作的兴趣，让他们学习网页制作的基本技能，为后继课程打下基础，同时扩展其就业面，为就业做好准备。 本课程的目的和任务是让学生学会Dreameaver CS6、Flash和Fireworks 的使用方法，并能够使用这3款软件制作出美观实用的网页。 二、课程总目标 掌握网页制作的基本方法和技能，掌握网站建设的流程，能够运用所学知识建设常用的网页和网站，同时能够美化网页，设计人性化、艺术化的网站静态页面部分。 （一）知识目标： 1.熟悉网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 5.掌握在网页中使用表单和制作网页特效的方法； 6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画 并巧妙地和网页中内容搭配起来。 7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静 态页面部分。 （二）职业能力培养目标 1. 能够根据网站开发需求，去寻找网页设计和网站开发所需要的文字、 图片、动画、声音、视频等素材并作美化处理； 2．能够制作出符合主题色彩的网页，网页要求美化、被绝大多数浏览 者接受和喜爱；
3.能够设计企业网站、政府门户网站、学校网站等常见网站的基本静态 页面。 （三）素质目标 1.具有勤奋学习的态度，严谨求实、创新的学习精神； 2.具有良好的心理素质和职业道德素质； 3.具有高度责任心和良好的团队合作精神； 4.具有运用理论知识发现问题、分析问题并解决问题的能力，同时能够 不断学习，不断创新，让自己的设计越来越完善，有止于至善的精神。（四）职业技能证书考核要求： 可以根据自身情况考取“全国计算机信息高新技术资格证”，“网页设计制作员”，“网页设计师”等职业技能证书。 三、重点、难点章节及内容 1.重点章节： 1.2 网页、网站相关术语简介 1.6 网站建设的基本流程 2.3 Dreamweaver CS6的工作环境 3.2 创建本地站点 3.4 使用站点 3.5 网页设计中的规范 4.1 网页文件的基本操作 4.3 插入文本 4.4 插入水平线 4.5 插入其他基本元素 4.6 创建列表 5.1 超级链接概述 5.2 创建超级链接 5.3 使用dw制作各种超级链接
信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握情况的差异却相当大，条件好一点的初中学生不仅已经熟练掌握了课本上的内容，还对一些常用软件有所了解；而差一点的可以说是从高中开始才正式接触到信息技术知识的学习，他们需要多锻炼、多指导，所以协作学习对学生的学习帮助很大。 三、教学策略的选择及媒体的使用 在教学策略的选择上，我使用的是任务驱动和协作学习相结合的方法。 任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制作，并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，这有助于激发学生参与学习的积极性。 协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到更多的东西，完成一个集体项目，让他们在学习之后获得成就感。因此在媒体的选择上，我们使用的是TOP2000系统。TOP2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前，教师把学生按座位分成四组，每个组都按学生对计算机的掌握程度平均分配，保证每个组都有计算机操作方面比较突出的，也有相对比较差的，使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名，然后由组长根据组员的情况，确定在班级主页制作过程中主要完成什么任务，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比较费时的工作，而要学生在较短的时间内制作出像样的网页是比较困难的，而在这个过程中，网页的设计占去了相当多的一部分时间，组长把任务分到各组员头上以后，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组员之间进行经验交流，告诉组员自己的网页是如何制作出来的，在完成自己的网页后，再重复一遍制作过程花费的时间的不多的。这样，其他组员就可在较短的时间之内
Frontpage 制作网页-如何制作网页教程-网站制作教程-海乐网
怎样制作网页-如何制作网页 网站制作教程 怎样制作网页 如何制作网页-网站制作教程 海乐网 如何制作网页 网站制作教程|海乐网
现在市面上的有许多制作网页的工具，office 中也有一个专门作网页的工具 FrontPage ，其操作与 word 相似，比较容易上手。下面以 FrontPage 2000 为例，介绍 网页制作的基本知识。 一、 如何打开 FrontPage 了解主界面 单击任务栏“开始”按钮，选择“程序”选项，单击 FrontPage 就可以进入。
进入后你会发现 PRONTPAGE 界面和 WORD 很相似[图一]， 这是因为编辑 WEB 页 面和编辑 WORD 文档有很多同样的设置， 这些设置所用的图标和 WORD 中的是一样的。
[图一]ProntPage2000 界面
Frontpage 制作网页-如何制作网页教程-网站制作教程-海乐网
视图中的组框是用来切换视图的， 单击里面的小图标就可以切换到不 同的视图。FRONTPAGE 共有 6 种视图[如左]，使用不同的视图可以从不 同的侧面查看设计的 WEB 站点。对一个 WEB 站点而言，不断更新是很 重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能 很快，但是如果没有这 6 种视图的帮助，维护起来就很困难了。 这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以 了。
下面看一看同一个 WEB 站点在不同视图中是怎样显示的。
单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮
，窗口
中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的，双击文件夹列 表中的某一个 HTM 文件，在最右方的工作区中就会显示该网页的内容。
[图一]网页视图
《网页制作》教学设一、教材或教学内容分）和网络本章内容在本教材中的位置处于第五章，是在文字处理Word200和将要学习的网页制础及因特网应用两章之后。学生所学的文字处理软Wor 公司的产品，在软件的使用上有很多的共通之处Microsof软Frontpag同而不必面面俱到地在很多内容可以让学生自学所以在学frontpag的时候而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础上讲授生对网页中的基本元素——文字、图片、动画、声音等都有所了解，而网页的制所以说，学生要学的就是这种组合的方法就是将这些元素重新组合到网页上学起来就轻松然大多数学生以前都未接触过网页的制作但有了以上这些基础了本章内容按照学生已有的基础，我对教学内容分了一下类，也为教学的组织网页的制作网站的建立和管理本章内容主要由网页基础知识作打下一点基础创建超链接、图片的处理、网页框架重点是网页的制作和创建超链接，学会了这些就可以开始简单的网页制作了难点是网页框架，这部分相互之间关系比较复杂，必要时，老师在对各组个辅导时，可以给予分别讲解这个分类可以为组长安排各个组员的任务提供参考，使
分工更加合理二、教学对象的分析页6 共页1 第
信息技术课虽然已经成为初中的必修科目，但是城乡学生之间掌握 情况的差异还对一些常条件好一点的初中学生不仅已经熟练掌握了 课本上的内容，却相当大，而差一点的可以说是从高中开始才正式接触到信息技术知识的学用软件有所了解；习，他们需要多锻炼、多 指导，所以协作学习对学生的学习帮助很大。三、教学策略的选择 及媒体的使用在教学策略的选择上，我使用的是任务驱动和协作学 习相结合的方法。任务驱动就是要求本章内容学习完之后，每个小组都要完成自己班级网站的制这有助于激并在全班进行评比，选择最好的作为班级主页挂到学校主页上去，作，发学生参与学习的积极性。协作学习则是让学生在学习过程中互帮互助，用较短的时间、教少的精力学到让他们在学习之后获得成就感。因此在媒体的选更多的东西，完成一个集体项目，系统有利于教师进行分组教学和学生TOP2000系统。TOP2000择上，我们使用的是教学过程开始之前，教师把学生按座位分成四组，每个作品的点评及成果的展示。保证每个组都有计算机操作方面比较突组都按学生对计算机的掌握程度平均分配，使其形成能够互帮互助的学习小组。并由他们自己选出出的，也有相对比较差的，确定在班级主页制作过程中主要完成什然后由组长根据组员的情况，组长各一名，也就是说起到一个组织者的作用。做过网页的人都知道，做网页是一项比么任务，而在这而要学生在较短的时间内制作出像样的网页是比较困难的，较费时的工作，组长把任务分到各组员头上以个过程中，网页的设计占去了相当多的一部分时间，组员就可根据自己要完成的任务相对集中的做某方面的工作，做完以后，组
用FrontPage制作网页教程 【教学目标】了解用FrontPage制作课件的优势与不足，学会用FrontPage制作网页型课件。【重点难点】重点是如何在FrontPage插入多媒体素材，难点是课件交互性的实现和网页源代码的应用。 【教学策略】教师实例演示，学生上机操作，教师辅导和点评。 【媒体选择】主要采用FrontPage示范课件和实际操作讲解相结合，并辅以文字教材、网上学习资源和教学光盘。 【教学内容】 一、 FrontPage 基本操作 1. 启动 FrontPage ：双击桌面上的 FrontPage 快捷方式图标；开始→程序→Microsoft FrontPage ；右击一个扩展名为 htm 或 html 网页文件，选“编辑”。 2. 打开或隐藏视图栏、文件夹列表和网页文档 a. 点“视图→视图栏”打开或隐藏视图栏。点“视图→文件夹列表”打开或隐藏文件夹列表。 b. 右击扩展名为 htm 或 html 网页文件（如 index.htm ），选“编辑”，系统默认用 FrontPage 打开网页。 c. 点“文件→打开”或点常用工具栏中的“打开”按钮，从本地磁盘或网络驱动器中打开网页文档，从任意 Web 网站打开网页，打开最近打开过的网页文档。 3. 在 FrontPage 编辑器中预览网页 a. 点普通视图按钮，观察刚才打开的 index.htm 网页。 b. 点 HTML 视图按钮，观察 index.htm 网页。 c. 点预览视图按钮，观察 index.htm 网页。 4.FrontPage 视图方式：网页视图，文件夹视图，报表视图，导航视图，超级链接接视图，任务视图。 5. 保存网页：点“文件→保存（另存为）”或点常用工具栏中的“保存”按钮，将新建的网页或从万维网上打开的网页保存到本地磁盘，把自己喜欢的网页作为模板保存。 6. 关闭网页：点“文件→关闭”或文档窗口中的“ X ”按钮，关闭当前网页。 二、网页课件制作实例 1. 创建站点 （ 1 ）在本地硬盘（如 D 盘）建一个文件夹 , 用英文或汉语拼音命名 , 如 myweb, 打开它。 （ 2 ）启动 Microsoft FrontPage 。 （ 3 ）点“文件→新建→站点” , 选择“空站点”图标，再在“指定新站点的位置”栏中输入新建的站点文件夹（ D:\myweb ），或通过单击“浏览”按钮来指定。点“确定”后片刻，编辑区出现一个空站点。 2. 建立框架网页 （ 1 ）点“文件→新建网页”，选框架网页”选项卡 , 双击“横幅和目录”。编辑区被划分为上框架、左框架和右框架 3 个区域。 （ 2 ）点上框架区中的“新建网页”按钮 , 切换到上框架网页编辑状态 , 点“插入→组件→字幕” , 在“字幕文字”栏中输入网页课件的标题 , 选“交替”表现方式和“连续”选项 , 确定。根据需要插入图片、 gif 动画或 Flash 动画。 （ 3 ）点左框架区中的“新建网页”按钮 , 切换到左框架网页编辑状态 , 输入表示课件目录的文本，如“情境导入”、“新课”、“课堂练习”、“知识扩展”、“课堂小结”、“网上学习资源”、“课外探究”等（或插入相应的图片）。