网站设计与策划教学的目的是让中学生了解网站建设的前期策划工作。 了解如何规划网站。 教学重点：建立网站的步骤 教学难点：网站的概念与规划 教学辅助方法：制作或下载一个漂亮的网站（最好自己制作） 多媒体笔记本电脑室软件 教学流程： 第一节 教学内容：初步了解frontpage、一个制作网页的工具。 教学目的：了解网页的基本概念。 学习启动首页。 了解frontpage的工作环境。 初步了解frontpage的工作原理。 教学过程： 1、让中学生观看网页，问：什么是网页？ 什么是主页和网站，它们之间有什么关系？ 2.问：制作网页用什么工具和软件？ 中学生读完本书后回答以下问题。 1/11 3. 如何启动首页？ 班主任提醒，启动方法与word、powerpoint方法相同，中学生可以尝试启动。 4. 学生将熟悉Frontpage界面，并对比其与word.powerpoint界面的优缺点。 5. 中学生观察网页后，回答组成网页的基本元素。 6、老师演示Frontpage如何制作网页，讲解其很多操作与WordPowerPoint相同，让中学生感觉简单易用，对它并不陌生，初步熟悉FrontPage这个工具用于制作网页。 第二节 教学内容：初步学习创建一个简单的网页 教学目的 1.学习创建一个新的网页 2.学习在网页中输入文字并设置文字格式。
3. 保存网页并打开网页 4. 预览网页教学过程： 1. 学习创建网页，让中学生记住启动word和powerpoint后，会手动创建一个新页面。 首页也一样吗？ 中学生示范和观察。 如何新建一个页面，和word或者powerpoint一样吗？ 2、学习在网页上输入文字的技巧： 在网页上输入文字和word一模一样。 中学生可以尝试练习操作。 问题2/11：以前在网页上输入文字是那么容易初建网站 教案模板，但是这样格式化文字也很容易吗？ 和我们上面学过的单词和powerpoint一样吗？ 中学生尝试后，发现非常简单，操作也一样。 3、如何保留网页？ 提示：它们的保留和我们上面学习的软件操作是一样的。 中学生尝试操作，互相交流，回答班主任的问题，并让中学生演示操作过程。 4. 打开保存的网页。 中学生尝试练习操作，然后表达操作过程和感受。 5.预览网页你想知道你制作的网页是什么样子的吗？ 让中学生点击预览看看自己和成品页面有什么不同？ 6.总结。 第三课 教学内容：初步学习美化网页 教学目的 1.学习文字下边框、底纹 2.学习添加横线 教学过程： 1.简介 上一课我们学习了如何通过格式化文字来美化文字。 文字，在本课中，我们将学习另一种美化文字的方法，这将使我们网页上的文字更加美观。
2、如何给文字添加边框和阴影，以便中学生看懂课本？ 如何进入设置对话框？ 3月11日，进入设置边框和阴影对话框，查看操作界面。 中学生尝试练习。 对于练习中出现的问题，班主任进行了讲解。 中学生都明白操作的简单性。 只要能够进入操作界面，操作就会方便很多。 3. 添加水平线。 首先让中学生看一下网页上的横线，了解横线及其在网页中的作用。 阅读教材中的插图，了解如何进入设置水平线的对话框。 中学生可以尝试操作。 问：如何设置添加的水平线？ 班主任讲解操作时让中学生了解，要修正水平线的属性，通常在需要修正的对象上单击鼠标右键，然后在快捷菜单中就可以找到其属性设置按钮。 4.总结本课的内容。 第四节 教学内容：插入图片及背景 教学目标 1. 学习在网页中插入图片。 2.学会给网页添加背景。 教学过程： 1、绪论。 在上一课中，我们学习了在网页中输入文本和添加水平线。 然而，网页上不可能只有文字而没有图片。 那么我们如何插入图片呢？ 2、在网页中插入图片的技巧： 在网页中插入图片的方法与PowerPoint中相同。 让中学生通过插入墙贴和文件来尝试操作。 并调整图片大小，看看与powerpoint的区别。 3. 设置图像对齐方式 4/11 提示：稍后我们将学习文本对齐方式。 图像对齐方法是否相同？ 请你的朋友尝试一下，然后看看课本。
中学生演示并回答以下问题，体会到他们的对齐方法是一样的，只是图像属性上的对齐方法较多。 4、给网页添加背景 前言：网页背景是黑色的，缺乏色彩。 那么如何给网页添加背景颜色呢？ 朋友们读完书并讨论后尝试练习。 并意识到图片也可以用作背景。 一人在机器上演示。 5、总结本课的内容。 第五节 教学内容：让网页更丰富 （一）教学目的 1.学习在网页中插入背景音乐 2.学习在网页中插入视频 教学过程： 1.简介：当我们上网时，打开一些网页上，会有悠扬的音乐，可以在线观看视频。 在本课程中，我们将学习如何在网页中插入背景音乐和视频。 2. 在网页中插入背景音乐。 朋友们正在看书，了解打开插入背景音乐对话框的步骤，尝试在网页中插入音乐，然后预览网页。 如何设置背景音乐的播放次数？ 观看完背景音乐设置对话框后，中学生们进行了动手演示。 5/11 3. 在网页中插入视频，让中学生在读完课本后尝试练习和预览网页。 阅读教材了解视频文件的播放格式，然后尝试练习。 4.总结本课的内容。 第六节 教学内容：让网页更丰富 （二）教学目的 1.学习在网页中插入旋转字幕 2.学习设置悬停按钮 教学过程： 1.在网页中插入旋转字幕 前言：当我们在电视中看电视时早上起来后，我们经常看到里面旋转的广告横幅，里面有字幕。 我们也经常在网页上看到字幕。 当然，字幕的制作非常简单。 现在我们就来学习如何一起制作字幕。
中学生看完书并尝试练习后，轻松制作出字幕。 提示：朋友们，请查看字幕属性设置对话框。 还有什么办法可以设置字幕呢？ 中学生回答完后，让中学生一一实验，了解字幕的各个属性，然后回答班主任的问题：“延迟”和“数量”对字幕的速度有什么影响？ 用你自己的话说，概述一下字幕的表示方式？ “文本对齐方式”指的是什么？ 6/11 2. 设置悬停按钮 简介： 当我们浏览网页时，经常会发现一些按钮。 当鼠标移到它们上面时，这些按钮会引起一些变化。 这些按钮称为悬停按钮。 按钮。 接下来，我们将学习如何制作悬停按钮。 中学生看书，了解制作悬停按钮的步骤，然后尝试练习。 班主任问：按钮上的“按钮文字”指的是什么？ 什么是“效果颜色”？ 班主任提示：带有“悬停按钮”的网页必须保存起来，这样才能看到悬停按钮。 3.总结本节的内容。 第七节 利用表格规划网页 （一）教学内容：设置表格、编制表格、合并、拆分单元格 教学目的：学会设置表格，了解表格的行列； 编制表格，学会调整表格的列宽和行高； 学习合并单元格和拆分单元格。 教学过程： 1.学习摆桌子。 班主任让中学生观看一个网页，然后删除网页上的元素，让中学生了解表格在制作网页中的作用。 班主任引导中学生认识表格的行和列，以及行数和列数。 班主任向中学生传授了创建表格的方法和步骤，让中学生认识到创建表格需要知道要创建的表格的行数和列数。
2.表格7/11的编译在网页中，我们发现表格的列宽和行高不一定是均匀的。 在实际制作网页时初建网站 教案模板，我们必须调整行高和列长来满足我们的需要。 需要制作网页，那么，如何调整表格的列宽和行高呢？ 让中学生阅读课本并观看调整技巧，然后让一名中学生演示并解释自己的操作方法，然后让几名中学生在笔记本上演示。 3. 单元格的拆分和合并 让中学生在网页上观看表格。 中学生会发现细胞不一致，从而导致细胞的合并和分裂。 让中学生查阅课本，找出方法，并进行演示。 4、练习时，学生尝试设置以下表格： 第8节 使用表格制作网页 （2）教学内容：学习设置表格属性，初步学会使用表格来规划网页。 教学目的：更高级地设置表格的属性，初步学会使用表格。 规划网页。 教学过程： 1、设置表格的属性，让中学生在网页上查看表格以及预览后的效果。 中学生提出疑问，为什么桌子不能隐形呢？ 为什么有些表格的边框线与其他表格不同？ 一些表格和单元格也有背景颜色。 这个要怎么设置呢？ 班主任告诉中学生，这和我们以前设置横线、图片的方式是一样的，都是在属性上设置的。 同样，表格的效果也是在表格的属性上设置的。 8/11班主任告诉中学生，进入物业设置的方式是一样的。 它们都是通过右键单击对象来进入属性设置。
班主任引导中学生查看表格的属性设置窗口，了解基本概念。 2. 了解如何以相同的方式设置单元格属性。 3、初步学会用表格来规划网页。 班主任演示，中学生观察了解利用表格制作网页的作用。 第九节 利用表格制作网页 (三) 教学内容：学习更复杂的表格 教学目的：利用表格的嵌套来规划网页 教学过程： 1、教师演示，让中学生知道表格可以嵌套，以及然后查看一些网页，了解嵌套在网页制作中的重要作用。 2、老师讲解网页的运行内涵，让中学生了解打开网页的流程，并告诉中学生表格的嵌套最多不要超过三层，否则打开网页的速度会变慢。 3.学生练习。 第十节 网页与网站 教学内容： 网页与网站 教学目的： 了解网站与网页之间的关系； 学习网站的建立和管理 教学过程： 1、了解网站与网页的关系 引导中学生观看网站、提出问题，了解网站与网页之间的关系是什么？ 中学生查阅课本后回答下列问题。 9/11 二、学会网站的建立和管理 为什么要建立网站？ 中学生创建网站时，经常发现图片复制到其他电脑后就被丢弃了。 原因是什么？ 班主任演示了如何建立一个网站。 班主任演示了如何在网站上添加空白网页，添加图片并保留，以便中学生观看屏幕。 他们会给出什么建议？ 班主任在网站上切换网页，让中学生看到网站上的网页管理非常方便。 3.网页的属性。 根据以往的经验，中学生尝试打开网页的属性设置窗口。
并指导中学生改正网页的标题和背景。 4.学生实践 几名中学生合作在笔记本上演示了一个简单的小网站的创建。 第十一课：网页链接 （一）教学内容：网页、网站上的超链接 教学目的： （1）了解超链接的基本概念； (2)学习网页之间的超链接； (3)了解其他网站的超链接。 教学过程： 1.超链接的视角。 中学生都上网过，在四年级的神奇kt板上接触过超链接，所以很容易理解什么是超链接。 班主任引导中学生浏览网页，强调哪些是超链接。 10/11 2.用文字和图片制作超链接，让中学生从书本上查找信息，连接魔术kt板中的超链接，在网页之间创建超链接，然后让中学生尝试做演示在他的笔记本上。 你们一起评论吧。 3.其他网站的链接。 班主任向中学生演示了如何通过上网了解网页到网站的链接。 让中学生读完课本后，中学生就尝试了一下。 4. 第十二课小结 链接网页 (2) 教学内容：链接文件和电子邮件 教学目的：链接网页和文件及电子短信 教学过程： 1. 复习上节内容 2. 学习网页和文件创建对超链接的直观理解，让中学生通过浏览网页就能看到哪些链接链接到了文件。 班主任演示了如何创建指向该文件的超链接。 几位中学生在笔记本上为大家演示了制作过程。 3. 了解电子邮件中的超链接。 以同样的方式了解电子邮件中的超链接。 4.总结。 11/11
