《网站建设与网页设计》教案

篇2：《网站建设与网页设计》教案

一、教材分析

本节课选自清华大学出版社出版的初中信息技术八年级下册第一单元第1课。本教材贯彻“以学生为主体，教师为主导”的方针，把提高学生的积极性，培养学生的创新能力作为教育的根本目标。本节课所学的《网站欣赏与创建网页》是第一单元的首要内容，本单元是学生初次接触用于制作网站的软件Dreamweaver，让学生了解网页设计、网站制作等的基本知识是必要的，是在学生掌握了计算机基础知识后的能力提高训练，激发学生制作出更加精彩的个人网页。

二、学生分析：

八年级的学生思维活跃，想象力丰富，好奇心强，同时又有了一定的自学能力和动手能力。大多数学生都有QQ号，会使用QQ空间、微博等，学生有一定的信息技术基础和实践操作能力。特别是通过对Internet相关知识的介绍及大量网站的浏览，对网页内容、网页结构、效果等设计的优劣都有了一定的感性认识，并且有了一定的分析、评判的能力，基本上完成了知识和能力的积累。学生对网络学习都有着强烈的好奇心和兴趣，但对网络知识的认识不够全面，需要教师在教学实践中加以引导。

三、教学目标

知识与技能：掌握浏览网页的方法；掌握互联网、网站、网页、首页等术语的含义，以及它们之间的关系；学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。

过程与方法：通过让学生浏览并介绍他们感兴趣的优秀网站，让学生掌握浏览网页的方法。结合启发、设问、打比喻等方法，使学生尽可能地自己总结出相关知识。通过打字比赛，让学生积极的录入HTML代码。让学生在此过程中，初步认识HTML语言。在修改文档的过程中，探索标签的含义及其与属性值的对应关系。

情感态度与价值观：培养学生的自学探究能力、合作竞争意识和创新精神；引导学生正确地理解网络用途，充分地利用网络为学习服务。

四、教学重难点

重点：网页设计与网站制作的基本知识是本课的教学重点。

难点：学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。

五、教学过程

（一）激趣导入

提问：同学们最喜欢的在线小游戏网站是什么？ 学生回答，然后选择学生演示浏览网页的过程。师生一起归纳浏览网页的方法：

1、利用导航网页；

2、利用百度搜索；

3、直接输入网址。设计意图：通过小游戏网站讲解浏览网页的方法，吸引所有学生的注意力，从而提高了学习兴趣。如果不讲解打开网页的方法，会有一部分学生产生疑问，但是如果由老师演示，基础好的学生会因为太简单而失去学习动力，所以我选择让学生演示。这样安排既照顾到不经常接触网络的学生，又给操作熟练地学生一个展示自己的机会。

（二）自主学习

任务1：浏览“学生科技网：http://代码，记事本保存为index.html。

提问2：打开index.html文档,浏览网页,查找页面中的不同？（字体、字号、颜色等的设置）

设计意图：让学生复制粘贴代码，通过在页面中寻找不同，引导学生去读代码，初步认识HTML语言的结构。

在操作中感受扩展名对文件的影响。

教师演示作比较，引导学生思考扩展名对文件的影响，既包括其对文件图标的影响，也包括调用应用程序的影响，并引出HTML语言。

（三）合作交流

任务3：观察HTML代码，找找HTML语言有什么特点？修改代码，改变网页。

学生能观察到都是“成对”出现的。“成对”出现的代码叫标签。每个标签的含义都不一样，对照你的网页，大家能不能猜出这些标签的含义？现在因为代码都相同，所以大家的网页都是一样的。是不是觉得这个网页不是完全属于自己？大家试着通过修改、添加、删除代码，让自己的第一个网页和别人的都不同。

设计意图：教师的分析点到为止，引导学生自主探索标签的含义及其与属性值的对应关系。如果直接讲解然后让他们修改，大部分学生会因为觉得没有挑战性，而降低了学习的积极性。这同时是对课本“创作天地”板块中的练习。

（四）展示评价

教师挑出几个比较有代表性的网页，让学生去欣赏作品，互相看一看，评一评，说一说，虚心的学习他人的长处。同时教师适当评价成功之处，对不足的地方加以完善。

学生通过比较作品体验创造的快乐并且反思自身作品，迸发灵感，二次创作，这样在整个班级中将会产生更多的富有创意的优秀作品。

（五）布置作业

篇3：《网站建设与网页设计》教案

一、高校校友会网页设计的分析

在计算机网络中, 网页是进行网络信息传递的重要载体, 实现了对于网络资源以及信息内容的传递。通常情况下, 一个完整的网页包含:图像、声音、文本、动画、图形、表格和窗口, 还设置有以实现和网络用户之间的交互信息, 以及通过共同设置实现的链接窗口。对于高校校友会网页系统, 主要传递的是学校简介、学校新闻、校友活动、纪事等有意义的内容, 传递学习、工作中积极向上的精神, 也是校友互相传递情感的重要渠道, 其功能目标是可以在网上获取信息、交流, 实现校园信息管理网络化。一般来说, 校友会网站系统至少应有学校新闻信息管理、活动信息管理、图片管理和系统管理的功能与作用。通过互联网联络方式建立了一个通畅的沟通平台, 这样可以方便地实现学生与教师以及外界人员更好的进行交流、学习、互动。

高校校友会网页作为网络服务中直接与校园师生进行接触的网络界面, 对于学校建设以及校园网络服务的提升有着直接的作用和影响。进行网页设计与制作技术的研究与分析, 有利于提升高校网络建设与制作的水平, 从而实现信息化网络服务与网站开发技术水平的提升, 对于促进计算机网络的发展进步, 具有积极作用和意义。

二、高校校友会网页技术制作的分析

高校校友会网页在制作技术时需要注意及时更新校友间的互动, 新消息提醒, 时时更新, 同时支持多用户访问, 上传下载的快速方便, 视频的播放功能, 后台管理操作的方便性。

首先, 在高校校友会网页设计中, 主要包括网页中的用户界面元素设计、交互设计和网页整体上的布局设置等。其中, 进行网页用户界面元素的设计, 主要是对于网页中一些具有特定功能以及操作方式的可视化图像对象的设计。在进行网页的交互操作设计中, 需要结合网页的运行环境, 通过网页中各种界面元素的利用实现网页的交互操作和管理。同时, 进行网页设计制作还需要对于网络用户所使用的浏览器进行考虑, 结合网络用户所使用浏览器情况, 针对用户的浏览与阅读习惯进行把握, 提供更优质便捷的服务, 实现网络服务水平的提升, 满足用户的需求。

其次, 在高校校友会进行网页的制作中, 根据网页制作内容的不同, 其制作技术也不相同。在网页用户界面元素的设计中, 可以采用统一的网页版面技术, 不同网络的系统中所包含的的用户界面元素也不同, 比如浏览器中的用户界面元素包括:浏览器窗口以及图像、表格、对话框、按钮、链接等, 进行用户界面元素的设计, 主要是对于用户界面元素进行确定, 并进行用户界面元素的定制与布局设计、管理等, 以此达到网页设计中的风格与视觉效果的统一。

最后, 在进行高校校友会网页的整体布局设置中, 主要包括网页中首页的布局设置、网页后台管理的布局设置、导航主题的布局设置、网页中消息页面的布局设置等等。网页首页布局设置中, 整体上颜色要注意首页色调不宜过于鲜艳, 网页的标志图片多放在首页的左上角, 右上角为整个网页的导航部分, 版权信息设置在网页首页的底部。在进行网页设计制作中, 还需要对于网页内容的设计制作进行把握, 可以通过声音、图像以及动画、图片等各种形式, 对于网页的内容进行表现, 为用户进行所需要的信息和服务提供。并注意在网页设计制作中, 做好相关设计与制作规划, 对于网页设计制作特色以及目标进行确定, 考虑好网页中浏览支持的某些功能的设置, 做好网页设计制作中的内容分类, 把握好网页设计与制作的技巧, 做好网页路径的选择与应用, 以保证网页设计制作质量和效果。同时, 还应注意对于设计制作网页进行测试, 以便于更好的在网络服务中进行应用。

综上所述, 高校校友会是我国社会结构的重要组成部分, 是学校校园建设各项事务的重要参与力量, 是学校和校友、校友和校友之间沟通的桥梁, 是提高学校社会声誉、促进学校开放办学的重要载体, 是推动学校建设与发展最宝贵的财富和最可依靠的力量。高校校友会网页设计与制作作为计算机网络信息技术发展推动下的一种网络传播方式, 在高校发展与服务提升中具有重要的作用和意义, 同时进行网页设计与制作技术的分析, 具有突出价值和意义。

摘要：随着信息时代的发展及网络技术的运用, 网页设计与制作技术作为推动互联网信息技术发展的一项重要的应用技术, 具有非常重要的作用和影响。高校校友会网站, 正是利用网络信息技术实现了校友与学校之间进行交流、沟通、合作的平台。本文针对网页设计与制作技术的概念、运用分析的基础上, 结合高校校友会网站建设的整体设计, 探讨网络技术的理念融入到校友会网站建设的作用及其影响。

关键词：网页设计制作,应用技术,实践应用,高校校友网站建设

参考文献

[1]丁士锋等著.网页制作与网站建设实战大全[M].北京:清华大学出版社, 2013.

[2]邹慧琴, 孙国玉编著.网页设计与制作[M].北京:高等教育出版社, 2013.

[3]陈承欢著.网页设计与制作实用教程[M].北京:人民邮电出版社, 2011.

篇4：《网站建设与网页设计》教案

前言

随着社会经济的快速发展和科学技术的日益进步，网络在人们的日常生活工作中的作用愈发明显，在推动我国社会经济发展和改善人民生活水平等方面具有重要意义。因此，在网站建设中要更加注重网页设计的创新性，进而推动网站建设的实施进程，注重用户的良好体验，实现企业的建站目标，向用户传达具有价值的信息、产品、理念和文化，增强企业网站的竞争力。

网页设计与网站建设的作用

网页设计的好坏对网站建设起到关键性的作用，美观的网页设计可以为企业树立良好的品牌形象，向用户展示企业的自身风采，提高企业知名度，使企业在市场竞争中处于有利地位，网站建设有效的满足了企业业务自动化的需求，使企业的运行机制朝着科学化、快捷化、高效化的方向发展，优化了企业的内部结构，对企业的产品起到了重要的推广作用，实现了资源的有效合理配置。网站作为现代科技发展的重要产物，更加注重用户体验，有效的实现了网页设计的最高价值，将以人为本的设计理念在网站建设中深入贯彻，将用户的人文主义情感在网页设计和网站建设的实际操作中得到重要体现，使网站建设更加具有人性化特征。

网页设计与网站建设的原则

实用性原则。网页的人性化设计推动网站建设的实施进程，以增加用户的访问量为主，因此就要为客户提供更加具有人文特征的多功能界面和生活化的产品，以贴近用户的实际生活为主要着力点。

快速性原则。在网站建设过程中要保证网页的打开速度快，这是网站留住用户的关键性因素，网页设计过程中要将重要的内容放在网站的首页，着重体现网站给用户提供的主题，保证用户可以及时浏览到信息。

丰富性原则。网页设计要保证内容的充实，再进行功能性划分，最后进行细节性处理，以此来丰富网站建设的内容，用户对网站的持续点击量主要来自于网站的内容，这是影响网站质量的直接性因素。

人性化原则。网页设计要以用户的实际需求为主要出发点，这是网站建设品质优秀的重要保证，因此，网页设计和网站建设要服务周到，体现人性化特点，努力实现用户的需求，进而增加用户对网站的满意度和信任度。

网页设计与网站建设的创意与实施

1.视觉效果强烈化

网页设计与网站建设的视觉效果要以吸引用户的注意力为主，保证在设计和实施过程中可以做到大方美观，这就要求网页设计与网站建设的视觉效果要达到专业化水平，给用户以强烈的视觉冲击为主，从文字和图片的分配为主要出发点，进行广度和深度的设计，将抽象化的实际理念转为具象化的视觉效果，并形成具有网站自身独特风格的建设导航。在色彩搭配方面要注重颜色之间的固定搭配，如蓝白橙、绿白蓝、橙白红、暗红黑等，突出标准色彩，尽量将色彩控制在三至五种色彩以内，并且背景和前文的对比效果要比较明显，但是不要使用花纹繁琐的图案作为背景，以此来突出主要文字内容。不同的色彩搭配对主题内容的表达可以起到不同程度的渲染作用，吸引用户注意力。

2.结构设计合理化

网页设计和网站建设过程中要对内部空间结构进行合理设计，根据明确的主题对内容进行有针对性和规律性的划分，分别根据空间结构进行文字、图片、动画等因素的合理添加，最后确定网站的整体风格。网页设计与网站建设的结构要以用户的根本需求为出发点，尤其注意网站建设时的逻辑链接结构、目录机构，使其机构更加趋于合理化，页面的主次性要明确，切忌喧宾夺主，突出重点，并对各种信息因素进行专业化的总结归类，使用户在网站使用和网页浏览时轻而易举的找到所需要的东西。

3.模块设计功能化

网站建设的实际应用要更加注重模块设计的功能化，功能范围的落实是确保网站实施的关键所在。网站建设的模块设计包括新闻发布系统模块、公司信息系统模块、下载中心模块、会员管理系统模块等，因此，在进行功能性设计时要根据用户的不同需求制定具体的可行性方略，模块设计的功能化趋势可以使网站的使用和实施更加人性化和科学化。如下载中心模块，是网站管理者提供用户下载资料的功能性区域，管理者可以通过后台，实现在线增加、修改已发布的系在信息。

总结

综上所述，本文从网页设计与网站建设的作用出发，对网页设计和建设的原则进行了深入的分析，注重实用性、快速性、丰富性和人性化，并与其设计和实施中的措施方案进行有机结合，分别从视觉效果、结构设计、模块设计三方面进行深入的考量，进而有效的推动了网页设计与网站建设的实施进程，从而确保了其在设计和实施过程中满足用户的心理诉求，实现设计的创意化、科学化和人性化，增加用户对网站的信任度，建立用户与网站之间的有效沟通交流，使网站实际更加简洁明了，尊重用户体验。

篇5：《网站建设与网页设计》教案

城市建设开发与古建筑的保护

一、教材简析：

本课的内容是人民美术出版社普通高中课程标准实验教科书第20课《城市建设开发与古建筑的保护》。本课首先是一种观念的普及，希望借此帮助学生学会正确的认识文物古迹的价值，懂得保护身边的古建筑，尽早树立起尊重文物、尊重历史的观念。其次则是一种能力的培养和思维的训练，即以城市建设和古建筑的保护为出发点，引导学生学会从生活中发现问题、思考问题，并通过自己的思考寻找解决方案。

二、学情分析：

本课内容与实际生活联系非常紧密，学生对城市建设开发与古建筑有一定的了解，但对建设与保护的问题对学生来讲有相当的难度，还需要老师正确的引导。使学生从多方面感到对保护古建筑的重要性。

三、教学目标：

1、知识目标：让学生了解在城市建设中对保护古建筑的重要性，了解古建筑的价值。

2、能力目标：关注城市建设与古建筑保护的矛盾性与相互依存性。培养学生独立思考、分析的能力，小组成员互相合作，探讨研究。

3、情感、态度与价值观培养目标：根据学科知识特点，确定通过学习本节内容实现帮助学生学会正确的认识文物古迹的价值，懂得保护身边的古建筑，尽早树立起尊重文物、尊重历史的观念。

四、教学重、难点：

教学重点： 全面认识古建筑价值是正确保护的基础。本课涉

及到开发、保护两方面的内容，核心问题是如何处理二者之间的矛盾。教学重点是引导学生正确而深刻的认识古建筑的价值，树立保护古建筑的观念。

教学难点： 通过思考、探讨保护与开发的协调方式。

五、课

型:鉴赏课

六、课时计划：1课时

七、教学方法：讲述法、提问法、启发法、讨论法、欣赏法、（设计意图：新课标倡导让学生成为学习的主体，那么在教学过程中结合提问教学法，鼓励所有同学积极参与，教师给予启发和引导，运用所学鉴赏方法来赏析、（设计意图：以文物图片欣赏为引子，引发学生兴趣，集中注意力，思考如何科学而全面地保护古建筑，为后面作好铺垫。）

（二）进入新课，实施教学。

1、为什么要探讨城市建设开发与建筑的保护 环节一：欣赏图片

（西直门全景

罗哲文 摄）

北京故宫角楼和宫墙（明、清）

北京内城城墙

1860年摄

教师讲述：从千年之前的唐朝幽州城、辽代南京到金中都、元大都、明清都城，北京是具有深厚底蕴的历史文化名城。新中国建立之初，必然要对作为首都的北京进行大规模建设。1950年前后，著名建筑学家梁思成曾屡次发出要保护

教师讲述：世世代代人民的历史文物建筑，饱含着过去的年月传下来的信息，是人民千百年传统的活的见证，„„我们必须一点不走样的把它们的全部的信息传下去。——摘自《保护文物建筑及历史地段的国际宪章》

教师提问：你觉得古建筑具有什么样的价值？

你最欣赏的名胜古迹是哪里？为什么？ 学生讨论发言：（参考答案）

教师补充：古建筑具有的价值：历史价值：了解前人生活的时代

艺术价值：优美凝重的形态

科学价值：坚固合理的结构、独特用料

问：你觉得古建筑还具有什么样的价值？（学生课堂讨论）

文化价值、情感价值、使用价值

②古建筑与城市的关系

教师讲述：同学们，上面所讲述这么多古建筑的价值，同时它们与城市的关系亦是非常密切的。

如：

北京——天安门、长城

拉萨——布达拉宫

巴黎——埃菲尔铁塔

教师提问：同学们，你们所知道的古建筑与城市的关系还有哪些？（学生讨论、回忆及联系所学知识发言）

教师补充： 古建筑是城市风貌的点睛之笔，可以说是城市的标志和象征，良好的城市规划则能够充分衬托古建筑的璀璨夺目，并使之与现代都市风景相得益彰。反之，湮没古建筑的光彩。

（环节意图： 以提问，图例欣赏方式引导学生正确认识到古建筑的价值，激发学生树立保护古建筑的观念。）

③如何协调城市建设开发与古建筑保护

环节一：教师提问：城市建设开发与古建筑的保护有哪些矛盾？（学生角色模拟情景，讨论发言）

教师补充：古建筑是前人留给我们的遗产，一旦毁坏了就永远不会再出现。我们应该保护好这些历史古迹，尤其要避免城市建设开发中对它们的破坏。不仅要协调城市与古建筑的关系，还应该利用古建筑为现代城市增添历史文化特色。

环节二：欣赏图片，通过案例引出如何协调城市建设开发与古建筑保护。教师讲述：协调城市建设开发与古建筑保护的方法。方法一：精心保护文物古迹

在城市建设当中，首先要确保重要文物的安全，不能有丝毫破坏。这就要求在历史地区规划中仔细调查、精心设计。

【案例】北京平安大街改造工程

北京市为解决交通问题，通了平安大街。这条道路沿途有大小14处文物古迹和一些传统四合院，是体现北京旧城历史格局和风貌特点的重要地段。改造过程中，按照既满足交通及市政建设需求又妥善保护文物的原则，调整了道路宽度、走向及拆迁范围，妥善保护了沿途重点文物。同时，道路沿线的建筑高度、形式、色彩以及景观环境都进行了整体规划，取得了与文物古迹相协调的效果。

【案例】 苏州周庄古镇区保护规划

美丽的苏州周庄是具有 900多年历史的水乡古镇。小桥流水，粉墙黛瓦，别有一番风韵。每天来到这里游览的中外客人络绎不绝。

为了满足古镇现代化的发展需求，改造规划对这里的经济、建筑、社会生活和空间结构都做了详尽的研究，提出了保护、政治、更新相结合的方案，分区分期的进行局部修缮和有机改造。

古镇的保护规划取得了良好的效果，综合效益日益提高，人民生活大幅度改

这里2-3层 的新“街坊体系”取代了局部的危旧平房和老院落，色彩及细部造型遵从旧有文脉，灰瓦和简化的檐脊表达出该地区的历史印记。

1993年世界人居奖授予了中国北京的菊儿胡同四合院住宅工程。

获奖说明这样写道：该工程开创了在北京城中心城市更新的一种新途径，传统的四合院格局得到保留并加以改进，避免了全部拆除旧城内历史性衰败住宅。同样重要的是，这个工程还探索了一种历史城市中住宅建设集资和规划的新途径。

（三）课后拓展

欣赏广州市古建筑图片。

（孙中山纪念堂）

（广州骑楼）

作业：广州城市建设开发与古建筑保护是如何协调的？如：中山路、一德路、与地铁的建设、恩宁路骑楼群、天字码头等

讨论形式：根据实践调查，学生以小组为单位，设为规划组，市民组，专家组。最后以小组为单位完成一份建议。完成后教师收集，并选出若干小组代表发言。

（设计意图：引发学生的学习兴趣,并在此基础上自主地关注城市建设开发与古建筑保护之间的关系, 正确认识文物古迹，尽早树立起尊重文物、尊重历史的观念，了解相应的知识是课堂教学设计的主导思想。）

（四）课后小结

篇6：网站设计电子教案2

课程名称：自定义工作界面 课时数：2 教学目标：

知识与技能：了解DreamWeaver 8相关知识。

过程与方法：掌握DreamWeaver8软件界面组成；

掌握自定义DreamWeaver8软件的工作区；

掌握获取、安装网页制作软件的方法；

掌握各网页制作软件的启动和退出的方法；

情感与价值观：培养学生仔细的观察态度和积极动手探索的学习习惯。教学重点：

自定义DreamWeaver8软件的工作区。教学难点：

自定义DreamWeaver8软件的工作区 教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第二章第一节素材和实例。视频教程：自定义界面.wmv 教学过程设计：

（一）导入设计：

打开Dreamweaver 8这个软件。

前面我们已经学习过了Dreamweaver 8软件的获取与安装。这一节我们主要了解Dreamweaver 8软件的界面和相关的一些基本操作。为今后的网页制作操作打好基础。

（二）新课讲解设计：

（1）请学生带着以下问题阅读P23~27知识预读1，并动手预习操作。问题如下：

A.DreamWeaver8软件界面由哪几部分组成？

B.在DreamWeaver8中对功能面板可以做哪些操作？

C.当网页编辑窗口太小的时候，如何扩大网页编辑窗口？（2）请学生一一回答以上问题。

（3）教师总结评价并补充相关要点。

（4）参考教材第28页至第29页的任务实施步骤，点名请一个同学上来按要求完成。教师在一旁提示和总结方法。

（5）请其他同学完成相同操作。可参考视频文件自定义界面.wmv。教师巡逻指导。（6）学生完成任务一对照练习第1、2两题。

（7）抽取个别同学上台完成对照练习，检验教学成果。

（三）小结和作业： 小结：

（1）DreamWeaver8软件界面组成

（2）DreamWeaver8软件的工作区相关操作

（3）网页制作软件的获取、安装、启动和退出。作业：

（1）

（2）填写《任务评价表》并上交 预习任务二“我的个人工作室”。

2.2 课堂任务2 我的个人工作室

课程名称：我的个人工作室 课时数：2 教学目标：

知识与技能：了解DreamWeaver 8相关知识

过程与方法：掌握打开文件、格式化文字、预览网页等基本操作 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：

打开文件、格式化文字、预览网页等基本操作。教学难点：

打开文件、格式化文字、预览网页等基本操作。教法：

任务驱动法、演示法 学法：

阅读，记录要点，动手操作。课前准备：

第二章第一节素材和实例。视频教程：我的个人工作室.wmv。教学过程设计：

（一）导入设计：

提问：

1、网页元素有哪些？

2、文字的属性有哪些，如何编辑？

（二）新课讲解设计：

（1）请学生打开“素材和实例第二章第一节素材 mywork.html”文件，观察其与图2-1-18个人工作室页面的不同之处；

（2）教师演示输入文字并格式化，保存文件并预览（详见教材第33页）。（3）学生完成相同操作。可参考视频文件教师巡逻指导。（4）教师总结评价并补充相关要点。（5）由学生完成任务二对照练习。

（三）小结和作业： 小结：

（1）网页文件的打开、编辑与保存（2）网页文字的格式化（3）网页预览

作业：

（1）填写《任务评价表》并上交（2）自学知识拓展： DreamWeaver8的快捷键大全。

2.2 课堂任务

“企业简介”页面的制作

课程名称：美乐电器“企业简介”页面的制作 课时数：2 教学目标：

知识与技能：了解常用的图像类型和格式、层叠样式表的概念和相关知识。过程与方法：掌握新建网页，设置网页页面属性的方法

掌握在网页中插入文本，设置文本格式化的方法；

掌握在网页中插入图片，设置图文混排效果的方法；

掌握插入Flash动画，设置透明效果的方法；

情感与价值观：培养学生仔细观察事物的习惯和主动学习的能力。教学重点：

设置网页页面属性、插入文本，设置文本格式化、插入图片，设置图文混排效果、插入Flash动画，设置透明效果。教学难点：

设置网页页面属性、插入文本，设置文本格式化、插入图片，设置图文混排效果、插入Flash动画，设置透明效果。教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第二章第二节素材和实例。视频教程：美乐电器企业简介网页制作.WMV。教学过程设计：

（二）导入设计：

上一节我们学习了DreamWeaver8软件的基础操作，本节我们将开始学习如何用DreamWeaver8这个软件来制作网页，从而学习网页中有关页面属性、文本格式、图像、动画的插入和层叠样式表的相关操作。

（二）新课讲解设计：

（1）请学生带着任务一对照练习第1～5题阅读P36~47知识预读，并动手预习操作。（2）请学生一一回答以上问题。（3）教师总结评价并补充相关要点。

（4）打开“素材和实例第二章第二节素材课堂任务 jianjie.html”，请学生观察并回答该网页的组成元素有哪些？教师在一旁提示。

（5）请学生上台演示新建网页并保存在相应的文件夹中。其他学生自己完成。可参考教材第47页内容。（6）教师演示设置网页页面属性，保存并预览（详见教材第48页）。请其他同学完成相同操作。教师巡逻指导。

（7）教师演示文本格式化部分操作，（详见教材第49～52页）。

（8）学生完成相同操作，可参考视频文件美乐电器企业简介网页制作.WMV。教师巡逻指导。

（9）教师演示插入图片操作，（详见教材第52页）。学生完成相同操作，教师巡逻指导。操作要点及注意事项如下：

先将要插入的图片文件复制到jianjie.html网页文件所在的文件夹中，再进行插入图像操作。（10）请学生上台完成插入FLASH动画的操作，（提示：方法和注意点与插入图像相似）。教师在一旁提示指导。

（11）教师演示为FLASH动画设置透明效果，（详见教材第54页）。（12）学生完成相同操作，教师在旁指导。（13）由学生完成任务一对照练习第6～8题。

（三）小结和作业：

小结：

（4）设置网页页面属性；

（5）插入文本，设置文本格式化；（6）插入图片，设置图文混排效果；（7）插入Flash动画，设置透明效果。作业：

（1）

（2）填写《任务评价表》并上交 自学知识拓展：自定义CSS样式。

2.3 课堂任务

我的第一个网站

课程名称：美乐电器网站的创建 课时数：4 教学目标：

知识与技能：了解超链接相关概念。

过程与方法：掌握在DreamWeaver8中创建站点的方法

掌握在DreamWeaver8中管理站点的文件和文件夹的方法；

掌握制作网页中各种超链接的方法；

掌握制作CSS链接特效的方法。

情感与价值观：培养学生主动思考问题和解决问题的能力。教学重点：

在DreamWeaver8中创建站点、管理站点的文件和文件夹、制作网页中各种超链接。教学难点：

在DreamWeaver8中创建站点、管理站点的文件和文件夹、制作网页中各种超链接、制作CSS链接特效。教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第三章第三节素材和实例。视频教程：美乐电器网站制作.wmv。教学过程设计：

（三）导入设计：

之前我们已经学习了单张网页的制作。一般我们所设计的，往往不是单张网页，而是多张有机联系在一起的网页，而对于这些网页和相关素材，一般都要求存放在同一个文件夹内，方便网站的维护和管理，特别是要将网站发布到服务器上时，这点尤为重要。我们建立站点的目的也在于此。因此，我们在用DreamWeaver8软件设计制作网站，必须先建立站点，将网页全都保存在这一个站点内。DreamWeaver8软件的站点管理功能非常强大，通过它，我们能很轻松的对网站进行管理。

（二）新课讲解设计：

（1）请学生带着任务一对照练习第1～3题阅读P60~65知识预读。（2）请学生一一回答以上问题。

（3）教师总结评价并补充相关要点。

（4）教师演示建立美乐电器网站站点的相关操作，（详见教材第65～68页）。操作要点及注意事项如下： 站点是一个文件夹，可以在本地计算机上选择一个已有的文件夹作为站点根目录，也可以新建一个文件夹建立一个空的站点。

（5）请其他同学完成相同操作。可参考视频文件美乐电器网站制作.wmv。教师巡逻指导。

（6）请学生参考教材第69页的内容，完成管理网站中文件和文件夹的创建文件夹操作。并叫1位学生上台演示，以检验自学成果。教师在旁指导。

（7）教师演示站点管理的时候文件的移动操作，（详见教材第69页）。

操作要点及注意事项如下： 在复制文件过程中，同类的连续文件可以按住Shift键，同时用鼠标选择第一个文件后，再在最后的一个文件上单击即可。不连续的文件可以用Ctrl键，再用鼠标选择。将其拖动到相应文件夹中。

（8）请其他同学完成相同操作。教师总结并补充相关要点。

（9）教师演示设置文本超链接的一种方法，（详见教材第69～70页）。请学生找找还有哪些设置超链接的方法。

（10）教师总结评价并补充相关要点。

（11）展示设置了CSS效果的超链接，激发学生学习兴趣。

（12）教师演示建立网页超链接特效相关操作，（详见教材第71～73页）。并解释a:link、a:active、a:hover、a:visited分别代表的状态。

（13）请其他同学完成相关操作。教师总结并补充相关要点。（14）展示网页导航，请学生分析该导航的组成和制作方法。由学生独立完成。参考教材第74页的内容。请一位同学上台演示导航的制作方法。教师在旁提示，并总结导航制作方法。

操作要点及注意事项如下：

每个页面都必须分别制作设置导航。

（15）展示chanpin.html网页成品，介绍锚点链接的应用范围和作用。

（16）教师演示制作锚点链接的相关操作，（详见教材第74页）。学生完成相同操作。（17）展示其他网站上E-mail链接的效果。

（18）教师演示制作E-mail链接的相关操作，（详见教材第74页）。学生完成相关操作。操作要点及注意事项如下：

设置超链接的时候冒号输入要半角。（19）学生将作品完善一下，并上交。（20）抽取个别同学的作品展示评价。

（三）小结和作业： 小结：

（8）在DreamWeaver8中创建站点（9）管理站点的文件和文件夹（10）制作网页中各种超链接（11）制作CSS链接特效 作业：

（1）填写《任务评价表》并上交

篇7：建设社会主义精神文明教案设计

刘纯武

1教学目标

知识目标：1.识记建设社会主义精神文明的根本任务；

2.理解怎样建设社会主义精神文明；

能力目标：通过对哲学社会科学与自然科学重要作用的辨析，提高比较能力和辩证分析能力；通过了解人民群众丰富多彩的精神文明创建活动，提高学生参与社会实践的能力；

情感、态度与价值观目标：自觉成为“四有”公民；自觉投身于社会主义精神文明建设的伟大实践。

2重点难点

重点：建设社会主义精神文明的根本任务； 难点：如何建设社会主义精神文明

3教学过程

板书：建设社会主义精神文明

一、新课导入

本课知识理论性比较强，课前展示本课学习目标，使学生带着问题进入课堂。

1、为什么要建设社会主义精神文明？

2、建设社会主义精神文明的根本任务是什么？

3、怎么样建设社会主义精神文明？

二、教学过程

（图片展示身边不文明行为）看图片和漫画议一议：在你的身边还有类似的不文明、不道德的现象吗？我们从中能得到什么启示? ——搞好精神文明建设，提高公民素质。

（一）、搞好精神文明建设的必要性

精神建设的意义、精神文明建设与各项事业的关系

（二）、怎样建设社会主义精神文明？ 问：建设社会主义精神文明的根本任务是什么？

结论：第一，培育一代又一代有理想、有道德、有文化、有纪律的公民，提高整个中华民族的思想道德素质和科学文化素质，以适应社会主义现代化建设的需要。

第二，发展教育、科学和文化事业(主要途径、主要内容）

1、建设社会主义精神文明，必须大力发展教育事业 为什么？教育是民族振兴和社会进步的基石 怎么发展？课本P101 材料展示：我国教育的“喜”与“忧“

2、建设社会主义精神文明，必须大力发展科学事业（原因、措施）

探究：P102的两个观点

1、你是如何看待这两种观点的?

2、在你看来，哲学社会科学具有哪些重要作用？

材料展示：我国权力核心中央政治局常委，大多数在大学攻读人文和社会科学等。

3、建设社会主义精神文明，必须深化文化体制改革（措施）第三，开展精神文明创建活动

1、地位： 是亿万人民参加文化建设的伟大实践

2、措施：开展群众性精神文明创建活动；不断完善社会志愿服务体系；形成社会风尚（男女平等、尊老爱幼、互爱互助、见义勇为）

3、社会主义精神文明创建活动的形式

材料展示：人民群众是精神文明创建活动的主体

4、积极投身于社会主义精神文明建设的伟大实践

青年学生应积极投身于社会主义精神文明建设的伟大实践中去，为建设和谐文化、培育文明风尚作贡献，做新时期中国先进文化的传播者。

三、课堂小结

师生在回顾本节所学知识的基础上，教师引导学生综合归纳建构本框的基本观点。

四、巩固练习

当堂练习若干道与讲解分析

五、作业布置

1.结合实际，谈谈我国应如何进行社会主义精神文明建设。2.完成课后相应内容；

六、板书设计

（一）、建设社会主义精神文明

1、建设社会主义精神文明的根本任务

2、精神文明建设的意义

3、根本任务——培育“四有”公民

4、发展教育、科学、文化事业

（二）、大力发展文化事业和文化产业的措施

（三）、开展精神文明创建活动

1、文化建设的伟大实践

2、人民群众是精神文明创建活动的主体

3、青年要积极投身精神文明建设的伟大实践

篇8：《垂直与平行》教案设计

教学过程:

一、谈话导入, 理解相互关系

(放音乐《最炫民族风》)

师:同学们, 刚才的歌, 最炫民族风, 听过吗, 这首是凤凰传奇的作品, 凤凰传奇, 传奇凤凰, 传奇凤凰, 传凤, 我的名字叫传凤, 廖传凤, 大家可以叫我廖老师。刚才大家认识了我, 让我也来认识一下大家吧。你们是四年级几班的? 你们四年级有几个班, 为什么选你们班来上课呢?

生:因为我们很优秀, 很聪明。

师:你们挺自信得嘛。优秀不优秀一会上课就知道。

同学们, 刚才你认识了我, 我认识了你。这就算……互相认识了一下, 你们怎么理解互相认识呢?

生:互相认识就是你认识了我, 我认识了你。

师板书:互相。

师:一个人能不能说互相呢?

生:不能。

师:互相是一种关系。好, 上课, 起立, 同学们好。

今天我们研究也是关系, 线与线的关系, 直线与直线的关系, 一条直线与另一条直线的位置关系。今天研究的两条直线的特殊的位置关系, 一种是垂直, 一种是平行。

板书课题《垂直与平行》

二、预习反馈, 提出问题

全班齐读课题 (声音洪亮) 。

师:同学们, 结合课题与昨天的预习, 你能提出哪些相关的数学问题?

生:什么叫平行? 什么叫垂直? 在同一个平面内有几种位置关系? 两条直线重合在一起了叫什么?

师:你们能提出这么多问题, 最棒。那到哪寻找答案呢, 如何解决这些问题呢?

三、了解解决问题的方法

生:问家长, 上网查资料, 看书, 翻字典……

真是会想办法的好孩子, 当我们遇到困难时, 我们要动脑筋, 想办法, 最终一定会解决。

1.读一读解决问题

师:书是我们的好朋友, 那我们先看看数学书上是怎么介绍的。谁来读一读 (谢谢这个孩子) ?

生读到“平行”那里停住。 (声音响亮, 真不错)

师:读完后, 你觉得哪个词很重要, 为什么, 可以用小棒解释自己的意思?

生:同一个平面, 因为在两个平面上就可能不平行了。 (两个平面的手势)

师板书孩子的关键词在黑板上。

生:两条直线, 曲线是不可以的 (同学们想得很周到)

生:互相, 没有互相就没有办法表示他们的关系, A平行于B, B平行于A。 (思维严谨, 真厉害, 说到关键之处 )

师:后面这一段, 用刚才的方法, 孩子们小组合作学习, 先自己轻声地读, 再和同桌交流你的想法。 (你的关键词读得好让我一听就明白, 很好)

生:同一平面……

生:两条直线……

生:互相垂直……

师:垂足, 垂足的足是什么意思,

生:脚 (足球的足) 。

师:对, 这个很形象, 看大屏幕, 如果人笔直地站在地面上, 把人看成一条直线, 地面也看成一条直线, 两条直线相交成直角, 那么这两条直线的交点, 就是垂足。看来每个词都很重要。

2.查字典解决问题

师:看大屏幕, 这本书叫新华字典, 我们语文课上经常用, 其实学数学也可以用到它。我们翻阅字典查查平行的意思, 同学们看到了吗?

师:两个平面始终不相交, 叫做互相平行。这个知识要进入中学才学习。同一个平面内, 两条直线不相交就不相交吧, 为什么要说始终?

生:暂时不相交, 延长后可能相交的也算相交。

(对了 , 直线是可以无限延长的 )

师:通过看书, 查字典, 我们刚才的问题, 基本上都由同学们自己解决了, 大家真不错, 不愧是最优秀的班集体。

四、应用知识, 练习中加强理解垂直和平行的概念

下面考考大家, 请三选一。

1.下面两条直线的位置关系是什么 ? (图略)

生:相交。

师评价:只是相交吗, 垂直吗? 不能准确地判断, 那应该怎么办?

生:用三角板靠一靠。

师:这个暂时没有相交, 延长后就会相交, 那你想象一下, 交点可能在哪?

2、数学课上和作业当中常见的垂直与平行 :

+ (互相垂直) × (相交或者互相垂直 )

师:其实相交是肯定的, 互相垂直吗? 乘法也表示几个相同的加数相加, 也可以说是几个相同的数滚动相加而成, 所以乘号就是把加号滚动了几下而已。依然互相垂直。

= (互相平行)

约等号 (相交吗? 平行吗? 先说观点, 再说理由? )

生:虽然2条线在同一个平面内, 但不是直线, 所以既不互相垂直, 又不互相平行, 也不相交。

(我们班的孩子果然很优秀 )

3.在图形中认识 “平行”与“垂直”

下面看看图形中能不能找到平行与垂直。

师:长方形中, 长与长, 宽与宽, 长与宽分别是什么关系?

那长方形变一变形状呢? (平行四边形)

师:这个名字里就有平行2个字, 那谁与谁平行?

生:上下2条边平行, 左右2条边平行。

师:用一句话说叫对边平行。

把平行四边形变了叫什么? (梯形) 梯形也有4条边, 你看看

生:上下2边平行, 左边与上边相交。

师小结:梯形里找到一组对边平行。

师:梯形又变了, 谁与谁平行, 谁与谁相交?

生:这是三角形, 相邻的2条边都相交。师这有一个钝角, 这几个钝角能组成一个?边形 (正6边形)

师:那谁与谁平行?

生:上下2条边互相平行, 左上与右下互相平行……

师:一句话概括3组对边分别平行。

五、归纳知识, 在同一平面的2条直线的位置关系的分类判断

1.理 解3种位置关系的包含关系

师:刚才通过练习, 我们进一步理解了同一平面内两条直线的位置关系, 我们用一个椭圆表示他们的各种关系, 现在来排队集合, 在同一平面内, 两条直线, 相交的排这边, 那不相交的就叫平行, 排哪里呢? 那垂直又放哪里呢, 为什么?

相交里面, 如果相交了, 而且相交成直角, 那么两条直线就互相垂直。

刚才我们画出的图, 数学家很早以前就画出了。

师小结:其实这种图, 在以后的学习中会出现得越来越多。

2.判 断题练习

师:根据这第幅图, 我们来做3道判断题。

(1) 两条直线相交 , 那么一定互相垂直。

(2) 两条直线互相垂直 , 那么一定相交。

(3) 两条直线互相平行 , 那么一定不相交。

六、拓展提高

下面的几道填空题, 有点难度。

①ɑ与b平行, b与c平行, 那么ɑ与c ()

(师 :我们先想象一下 , 再用手比划一下或者摆一摆。 )

②ɑ与b垂直, b与c垂直, 那么ɑ与c ( )

③ɑ与b相交, b与c相交, 那么ɑ与c ( )

(师 :我们研究一下 , 用笔比划一下 , 也许答案不唯一 , 延长可以发现, 转一转, 还可以发现……这3种都可以, 孩子们能想到一种就很不错了。 )

七、走进生活, 找生活中的垂直与平行

这是我们生活中的楼梯, 你能找一找, 说一说我们生活中的平行线和垂线吗?

八、联想记忆, 歌曲记忆

师:孩子们, 要下课了, 老师回到重庆后, 可能我们会变成平行线, 永不相交。

但是, 可能以后听到凤凰传奇的歌, 能想起重庆有个叫传凤的老师给我上过一节垂直与相交的数学课, 那我们还会在记忆里相交, 对吗?

给孩子们布置一个口头作业, 把我们今天学习的内容编成一首歌曲, 或者小品, 相声, 说给爸爸妈妈听好吗? 比如:像《2只老虎》, 可以这样唱 :

2条 直线 , 2条 直线 , 真奇怪 , 真奇怪 , 在同一平面 , 在同一平面, 真有缘, 真有缘,

2条直线 , 2条直线 , 真奇怪 , 真奇怪 , 相交成直角 , 相交成直角, 垂直了, 垂直了。

2条直线 , 2条直线 , 真奇怪 , 真奇怪 , 永不相交 , 永不相交 , 平行了, 平行了;

孩子们像老师这样秀一下, 你能做到吗?

篇9：《网站建设与网页设计》教案

关键词：互联网科技；绿色经济；网页设计与网站建设

中图分类号：TP309

由于自然资源不断遭到破坏，其可持续性发展现状堪忧，这也就导致了在实体经济中，传统产业所占比重的逐步下滑。随着互联网经济的兴起与发展，其所带来的益处正在逐步显现，因此对这方面的研究，对于促进我国经济结构的转型、可持续发展，有着巨大的正面意义和参考价值。本文将着重论述，作为一门新的学科，高校网页设计与网站建设方面的努力探索和研究成果。

1 网页设计与网站建设的兴起与发展

随着互联网经济的发展，网络已经成为人们日常生活中不可或缺的组成部分之一，我们每天都会去上网浏览网页，查找自己喜欢的企业网站来了解相关产品的信息[1]。电子商务作为新型的绿色经济，正在被越来越广泛的接受，而作为这其中主体参与者，企业基于自身形象和产品信息的宣传，对于网站的建设尤为重视，要知道，一个具有极大视觉冲击力的网站，对于吸引潜在的消费人群浏览，自身产品知识的宣传与推广，是有着极其巨大的正面意义的。因为在门户网站所包含的内容，其所运用的知识，技术往往又是这些企业人员所不具备的，因此，市场对于能够熟练进行网页的设计和网站基础建设与维护的相关人才的需求量也是与日俱增。在此基础下，高校作为为社会提供优秀优质的人才的平台，开设相关课程，培养具有极大实践能力的从业人员也就是必然的事情了。目前在我国对于相关方面的研究与探索已经取得了初步阶段的成果，各类高校都已经开设了计算机课程，作为其学科重点，网页的设计和网站的主体建设等相关知识的传播与推广，使得被越来越多的学生所掌握，在走向社会，面对着复杂的社会环境，能够行之有效的给予自身一个客观的定位与就业方向的把握，对于促进我国经济的可持续发展，起到了不可估量的作用[2]。

2 在教育培训网页的设计和网站基础建设过程中，还存在的相关问题

2.1 网页设计思维的僵化

由于计算机技术的运用过程中，能够相互借鉴的方面比较多，这也就导致了在实际运用过程中为了图省事、图方便直接就拿曾经用过的思路来进行自身网页的设计，这也就导致了其思维的创新性的阻碍和发展，毕竟，拿来直接用总会比自己去思考创新更加省时省力。在实践过程中，相关模板的出现，又进一步加剧了这个问题的危害。使得我们一遇到需要进行网页设计的问题，自然而言的就会去想到搜索相关模板，直接套班应付了事，对于整体设计思路，创作动力与创新精神是一种极其巨大的阻碍，不得不引起我们的重视。

2.2 网站基础建设知识的匮乏

一个具有吸引力和功能性的网站，其所包容的内容是复杂多样的，在建设过程中运用的相关技术的种类和数量都是十分惊人的。虽然我国目前已经开展了相关学科的教授，但是，在实际运用中，所暴漏出来的问题还是十分普遍的。最明显的莫过于大学课程教学中对于网站建设的知识的片面性和肤浅性[3]。网站建设本身就是一个对于学生综合能力的考验平台，如何在这个平台上展现自我风采和企业相关信息内容的传播，是在实际中最广泛的要求。我国目前的我那个站建设课程，始终都是以如何建设网站，在网站建设过程中插入简单的声音，文字，影像处理的部分，对于更深一步的探索和发掘就戛然而止，这也就导致了现在学生都能建设网站，建设的网站千篇一律，企业对于这些简单的设计只能说不，因为这和企业所要达到的目标严重不符，那么企业又有什么理由去接受这些设计呢，要知道企业的存在根本就是要创造价值，一个没有任何价值的网站对于企业不仅仅是一种负担，更是一种资源的浪费。因此，在我国基础学科的教学过程中，必须深化探索相关方面的研究和知识的储备。

3 独特的创意和实施对于网页个性化设计和网站相关建设的意义以及如何进行相关方面能力的培养

前文中已经提到了在网页的设计和网站建设的过程中，所存在的相关问题，这也就为我们在接下来如何培养学生的独特的创新性思维和理念的实施提供了相关参考和借鉴。

3.1 创新思维和理念对于相关学科发展的促进作用

还是以企业网站为例。本身网络就是一个具有开放性的特点的平台，任何人任何时间都可以从上面获取相关感兴趣的信息，这也是企业在互联网中对于自身形象和产品宣传的机遇。如何把握这个机遇，就摆在了企业的面前，要知道一个企业网站，不仅仅需要网页的独特性，对于企业信息浏览，产品展示和宣传，形象传播等个性化设置，也是具有较高要求的。只有这样，才能在广泛的上网人群中，充分挖掘出潜在的消费群体，来为企业进一步促进销售额、销量的增长提供可靠的助力和保障。这就要求我们高校在教学过程中充分培养学生个性化的思维方式，创新的理念，挖掘出学科本身和学生本身具有的潜在能力。才能够在日益严峻的就业形势下，使学生能够顺利的走向社会，融入社会，来创造属于自己的辉煌。

3.2 如何在高校教学中培养和提高学生自主思维，展现独特理念

高校教学的固定模式必然导致学生学习相关知识的盲同性。这也是目前普遍存在的问题，如何解决已经成为了目前高校相关学科的重中之重。本文在这里粗谈一下个人观点。

首先，应该模拟出一种和实际社会需求相结合的情景体验教学方式。这样，在学生学习和实际动手操作过程中，其所需要考虑的问题，面临的困难，就恰恰和社会所需要的需求相一致，不仅仅为学生以后的就业铺平了道路，也为高校创新教学模式，拓展了视野，开阔了空间。

其次，在网页设计和网站建设过程中，开展多人互助模式，集思广益，密切合作来更好的提升学生理解和创新思维发育的程度。一人计短，多人计长。三个臭皮匠，顶个诸葛亮。老祖宗在古代社会就已经意识到了群体性思维的好处，到了现在社会，我们更应该继承和发扬这种优秀的培养教育精神，不仅仅能在以后的教学中，提高教学质量和效率，还可以培养学生之间相互了解和信任，博采众家之长，提供更广阔的思维视野。

4 结束语

一个新兴学科的兴起与发展，总是在不断探索研究中前行的，没有问题，则没有前行的方向。只有明确目标，才能对其自身进行更深入的剖析，来促进自身发展。在固有模式思维下，创新精神和理念对于网页的制作和网站的基础建设的影响程度越来越深入，其产生的作用也是更加明显体现，因此，对于培养创新型人才，并将其独特创意推广开来，对于相关学科发展和高校教学探索具有着深远影响和重要促进作用，让我们在此携手前行，共同为社会进步，我国经济建设可持续发展发挥自己的光和热。

参考文献：

[1]潘泽乾.论网页设计与网站建设的创意与实施[J].齐鲁艺苑，2009（02）：25-30.

[2]陈静.浅谈默会知识对网页设计与网站建设课程实践教学的指导[J].出国与就业（就业版），2010（04）：90-91.

[3]彭莉，张道军，高好良.网页设计与网站建设课程教学改革与实践[J].软件导刊，2013（02）：170-172.

作者简介：陈捷（1981.06-），男，浙江宁波人，助理工程师，研究方向：计算机技术及其应用。

篇10：《网站建设与网页设计》教案

1.教学目标

1.知识与能力：

识记建国初期严峻经济形势；国民经济的恢复；一五计划的成就；三大改造及其影响；八大；大跃进与人民公社化；国民经济的调整；文革期间国民经济的惨重损失；周恩来、邓小平对经济的调整。

理解：建国初严峻经济形势的成因、社会主要矛盾、总路线、大跃进、人民公社化运动的错误所在，违背客观经济规律、夸大人的主观能动性生产力与生产关系原理。

2．过程与方法：情景再现、材料分析、问题探究。3.情感态度与价值观：

认识到社会主义经济建设的复杂性，要充分依据具体国情，按经济规律办事。要正确分析和判断社会主要矛盾，坚持以经济建设为中心。

2.教学重点/难点

重点：社会主义经济建设发展的实践活动 难点：社会主义经济建设的经验教训

3.教学用具

多媒体设备

4.标签

教学过程

导入新课

新中国成立前夕，由于帝国主义的长期掠夺和国民政府的肆意搜刮，加上多年战争破坏，国民经济全面崩溃。那时，除东北三省外，全国主要铁路干线几乎没有一条可以全线通车，公路、海运严重堵塞。通货膨胀极其严重，人民生活十分困苦。

讲述新课：

第一篇章 雄关漫道真如铁 而今迈步从头越 出示有关建国初期经济状况的一组图片

图片反映我国国民经济什么状况？造成这种状况的原因是什么？ 状况：纵向看，大幅度下降，全面崩溃；横向看，与周边国家差距较大。原因：帝国主义长期掠夺，国民政府和官僚资本家大肆搜刮；长期战争破坏。建国初三年，工农业生产增长较快，超过历史上的最高水平，国民经济的恢复工作完成。

中华人民共和国成立后，在党和政府领导下，到1952年，仅用三年时间，工农业生产就超过历史最高水平，完成了国民经济的恢复工作，为国家开展有计划的经济建设创造了条件。

过渡：“一五”计划要解决的两大基本任务是什么？阅读下段材料回答。

新中国成立之初，我国是一个落后的农业国。在国内既不能制造汽车、飞机，也没有冶金设备、矿山设备和大型发电设备等制造业。1953年，国家第一个五年计划开始实行。

第一个五年计划优先发展重工业，在其实行期间，鞍山钢铁公司三大工厂、长春第一汽车制造厂、沈阳机床厂和飞机制造厂等先后建成投产。我国开始改变工业落后面貌，为社会主义工业化奠定了初步基础。

答：集中力量发展重工业，建立社会主义工业化的初步基础；建立对农业、手工业和私营工商业社会主义改造的基础。

问：一五计划的显著特点是优先发展重工业，为什么这要做？阅读材料回答问题。……“因为我们过去重工业的基础极为薄弱，经济不能独立，国防不能巩固，帝国主义国家都来欺负我们……资本主义国家从发展轻工业开始，一般是花五十年到一百年的时间才能实现工业化，而苏联采用了社会主义工业化的方针，从重工业开始，在十多年中就实现了国家的工业化”。——《建国以来重要文献选编》

学生自主概括：历史原因重工业基础薄弱；现实原因帝国主义包围中，发展重工业有助于增强综合国力尤其是国防力量。外部经验是苏联较短时间内优先发展重工业取得举世瞩目成就。

问：从地区分布看，重工业分布区域集中在哪里？为什么？ 答：东北地区。原因：临近苏联，有利于接受苏联经济技术等方面的援助；有较丰富的煤铁等资源；抗日战争时期，日本在此建立一些近代化工业企业，所以工业基础较好。

根据第一个五年计划，在发展重工业的同时，国家对农业、手工业、资本主义工商业进行改造。广大农民组织起来，参加农业生产合作社，走集体化道路；手工业者也纷纷加入手工业生产合作社；在农业、手工业合作化影响下，资本主义工商业掀起全行业公私合营高潮。到1956年底，我国基本完成了三大改造，生产资料私有制变为社会主义公有制，社会主义经济体系在中国基本建立起来。

问：工业化建设的同时，进行三大改造。其实质是什么？

答：生产关系的变革，将生产资料私有制转变为生产资料社会主义公有制，从而社会主义经济体系建立起来，促使我国进入社会主义初级阶段。

小结：过渡时期（建国初到1956年底)，我国经济结构的变化：国营经济--合作社经济--公私合营经济--个体经济--资本主义经济。说明过渡时期我国社会性质是新民主主义（向社会主义过渡的性质。）依据是生产资料公有程度。此时期我国公有制有主，多种所有制并存。

第二篇章 为有牺牲多壮志 敢叫日月换新天

1956年，中国共产党第八次全国代表大会在北京召开。根据社会主义基本制度已在我国建立起来的新形势•，大会提出，当前国内的主要矛盾是，人民对于建立先进的工业国的要求，同落后的农业国的现实之间的矛盾；人民对于经济文化迅速发展的需要，同当前经济文化不能满足人民需要的状况之间的矛盾。

矛盾的实质是先进的社会制度和落后的生产力之间的矛盾。解决的办法是发展生产力。据此判断八大是否是成功的探索？

党和人民当前的主要任务，是集中力量把我国尽快地从落后的农业国变为先进的工业国。这次大会对当时中国社会主要矛盾和主要任务的分析是正确的，是对我国建设社会主义道路的一次成功探索，但八大确定的路线并未能坚持下来。

1958年，中共八大二次会议提出“鼓足干劲，力争上游，多快好省地建设社会主义”的总路线。会后，全国掀起“大跃进”的高潮。

如何认识此口号？ “大跃进”片面要求大办工业、大办农业。工业生产各部门制定出在几年内产量赶超英国和美国的高指标；农业上，对粮食产量的估计也越来越高，出现了“人有多大胆，地有多大产”等主观臆断的口号。这些情况反映了广大人民迫切要求改变我国经济落后面貌的愿望，但忽视了客观经济规律，片面夸大了人的主观能动性。

大跃进特点是大办工业，大办农业，盲目追求社会主义建设的高速度；人民公社化运动的特点是规模大、公有化程度高、分配中的平均主义。

在“大跃进”运动进入高潮时，中央政治局又通过在农村建立人民公社的决议。人民公社初期一切财产由公社统一核算，统一分配。许多地方的公社大办公共食堂，吃饭不要钱。

阅读下列材料，概括人民公社化运动的特点

材料1：到1958年底，全国７４万个农业合作社合并为２万６千个人民公社，９９％的农户都参加了人民公社。

材料2：不但土地等生产资料公有，而且经济活动的若干环节也公有；一切财产统一核算,统一分配;大办公共食堂。

学生回答，教师总结：一大二公

大跃进和人民公社化结果：“大跃进”和“人民公社化”运动违背了经济发展的客观规律和超越了历史发展阶段，导致国民经济出现混乱。1959—1961年，我国出现了建国以来最严重的经济困难。

纠正：面对严重经济困难，中共中央开始纠正农村工作中“左”的错误，对国民经济实行“调整、巩固、充实、提高”方针。从1962年起，经济逐步得到恢复和发展。到1965年，国民经济调整任务基本完成，并在一些领域取得重大成就。但未从思想根源上彻底纠“左”，因此终于酿成“十年文化大革命”。

第三篇章 与天斗其乐无穷！与地斗其乐无穷！与人斗其乐无穷 出示文革时期国家财政总收入坐标图

认识文革对国民经济的破坏，以及1973年和1975年发展的原因

探究升华

纵观20世纪50－70年代中国的经济建设的实践，从中可以吸取哪些经验教训？（学生讨论并回答，教师总结升华）1.要坚持从实际出发、从国情出发，实事求是； 2.坚持以经济建设为中心； 3.必须遵循经济发展的客观规律；

4.生产关系的变革要适应生产力的发展；