网页背景和水平线设置.docVIP

网页背景和水平线设置 一．课标教材： 在本章中，通过对一些网页的分析，让学生了解构成网页的各种要素，并了解万维网的基本架构，理解网页的作用。学生通过小组合作学习的方式，了解掌握网站策划构思的过程，掌握素材收集整理的基本方法，学会最基本的网页制作工具软件的使用，并且实际完成一个主题网站的制作。 本节课是学习网页制作的第一课，根据新课程目标要求，要紧紧抓住万维网的基本架构、网站与网页的区别、网页的基本元素及其构件和常用的网页制作工具这条主线，引导学生思考、理解。其中涉及的HTML语言知识对学生的要求以了解为主，没有必要全面展开，否则，一是冲淡主体知识学习；二是影响教学进度，使学生越学越深、越不能理解。教学中注意双相互动，让学生在积极思考中，自主探究，学会独立思考，切忌机械记忆，在知识的不断加深中循序渐进，由浅入深地完成本课的教学目标。 在教学中，引导学生通过设置情境、亲历现象中，揭开网页的神秘面纱。学好这一堂课，为接下去的网页制作打下良好的基础。 教学重点：能对网页进行背景的设置和水平线的设置 教学难点：使网页背景和水平线的设置与网页的整体效果相一致 二．学情分析 在学习本章之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。 三．教学目标 1．知识方面：会进行网页背景和水平线的设置 2．能力方面：使整张网页看起来美观和谐 3. 情感方面：过学习和时间操作，培养学生的审美能力、创新能力、动手能力和自学能力以及分析能力和解决问题的能力。 四．教学方法和媒体 本节课的教学内容主要强调学生的操作能力、观察能力、审美能力，所以采有学生分成若干小组的协作学习的教学方法。 通过“教师讲授——布置任务——学生活动——交流讨论——教师点拨”的形式，让学生在相互讨论中解决问题。 五．教学过程 教学步骤 教师活动 学生活动 备注 1.导入新课 2.给网页配上漂亮的背景 3.在网页中插入水平线 4.练习 上节课咱们对网页进行了文字的修饰，使网页的变的漂亮了，这节课呢，我们继续美化我们的网页，使它看起来更加漂亮。 给“诗文荟萃”网页设置一个漂亮的背景，步骤如下： 单击菜单栏上的“格式”，打开“格式”菜单；再单击“格式”菜单中的“背景”，出现“网页属性”对话框。“网页属性”对话框中有5个选项卡，此处用的是“背景”选项卡。 选中“格式”栏中的“背景图片”项，再单击“浏览”，出现“选择背景图片”对话框 单击按钮，出现右下图所示“选择文件”对话框，单击“查找范围”框右端的，在弹出的文件夹列表中选择“网页素材”文件夹，然后从中选择一个合适的网页背景文件。 单击“确定”，返回就可以了 单击常用工具栏上的，打开左下图所示的“保存嵌入式文件”对话框 单击“改变文件夹”，打开右下图所示“改变文件夹”对话框，在此选择images文件夹 单击“确定”，返回“保存嵌入式文件”对话框，此时在“文件夹”栏显示出刚才选择的images文件夹，再单击“确定”，关闭对话框。 在网页的标题与正文之间插入一条水平线，可以使网页显得条理清楚。具体步骤如下： 在“诗文荟萃”网页中，将插入点光标移动到第二行的后面。单击菜单栏上的“插入”，再单击“插入”菜单中的“水平线”，水平线就插入的。 将鼠标指针移到水平线上，单击鼠标右键，弹出快捷菜单，单击其中的“水平线属性”，出现“水平线属性”。 老师演示到这一步，让学生自己设置水平线的属性，来观察水平线属性各个设置的对应项。 给每个网页配上背景 打开“美文在线”，在标题下面插入一条水平线，将水平线设置为：宽度60%，高度2像素，对齐方式为水平居中，颜色为紫色。 学生听课 学生根据老师的演示，完成背景的设置。 完成之后，让学生打开课本，自学如何给网页配置网页背景颜色。 学生自己体会并总结水平线的属性各个设置项的效果。 触类旁通，培养学生自学能力。