网站建设网站教程

《规划网站》教学设计沙洋县后港中学许水平一、设计意图本节课的主题是网站规划,规划是蓝图,是事物发展的引领,其重要性是不言而喻的.
本节课首先通过没头脑建设的千层大楼没有楼梯这样一段动画视频,使学生感受到规划在事物建设过程中的重要性,引出本节课的课题,并提出本节课的任务——规划小组主题网站;在这样一个任务贯穿下,完成对网站规划的需求分析、选题、确定网站名称以及选择制作工具这几个模块的学习,并将各小组任务完成的结果以表格的形式呈现出来.

二、教材分析本节内容是《网络技术应用》(教科版)第四章"建立主题网站"的第一节"规划网站",了解网站规划的一般过程,为各小组的主题网站做好详尽的规划,这样在以后的主题网站的设计、实现中才会做到有"轨"可循.

三、学情分析本案例的对象是高一年级的学生,这一阶段的学生有浓厚的上网兴趣,容易被形形色色的网站所吸引,在上一学期的学习中,也掌握了一些FRONTPAGE的基本操作,但对网站制作缺乏整体系统的思考,普遍缺乏建设规划前进行规划的意识.

四、教学目标(一)知识与技能1.
了解网站、网页及主页的概念2.
了解规划网站的一般过程及步骤(二)过程与方法:体验规划网站的过程(三)情感态度与价值观:体会事物建设前规划的重要性五、重点难点:教学重点:规划网站的一般过程教学难点:理解HTML语言六、教学策略与手段任务驱动教学方式教师:讲解法、演示法、引导法学生:观察法、比较法、实践法七、教学过程(一)体会规划的重要性,提出本节课的教学目标与任务播放动画片《没头脑和不高兴》视频片段,没头脑建设的千层大楼没有电梯,引出规划的重要性,并提出本节课的课题——规划网站,将学生进行异质分组,提出这一节课的任务——完成小组专题网站的规划设计.

设计意图:通过一段有趣的视频,使学生体会到规划的重要性,并轻松地引入课题.
(二)网站、网页、主页的基本概念给出《时间科普专题网站》的本地站点的文件夹"time",让学生观察这个文件夹,找出这个文件夹里有哪些文件类型,并对比其发布的网站,思考网站是由哪些基本元素构成,以及什么是网站、网页、主页.

设计意图:学生平时上网过程中浏览的总是单个的网页,对网站形成不了整体的概念,通过将《时间科普专题网站》的本地站点呈现出来,学生可以发现网站不仅仅是几张网页,还包括其他的内容,从而对网站这一概念有一整体的把握,并结合思维导图理清网站、网页及主页这三者之间的关系.

(三)对自己即将建立的网站进行需求分析通过麦当劳开设分店要考察当地的市场需求,引出一个网站的成功与否与建站前的需求分析有着极为密切的关系,对于个人网站而言,首先要明确建立网站的目的与网站面向的对象.
学生观察分析《时间科普专题网站》的建立网站目的与面向的对象.
该网站建设的目的与意义:让中学生更好的了解时间概念,了解记时工具的演变及发展历史,认识科学的进步对人类的贡献,为大多数人提供各种时间方面的服务,让更多的人关注时间,珍惜时间,爱惜生命.
该网站面向的对象:中学生与大多数需要时间方面服务的人们.

学生活动:组内探讨,对小组主题网站进行简单的需求分析,填写表1.
表1网站的需求分析需求分析建立网站的目的网站面向的对象设计意图:通过麦当劳选择店址需要进行市场需求分析,类比网站的建设前的需求分析也是很重要的,通过对《时间科普专题网站》的建站目的与面向对象的分析,使学生了解需求分析应该从哪些方面着手,并对自己的网站进行简单的需求分析.

(四)为小组专题网站选择网站主题让学生回忆并总结平(转载自中国教师站文摘http://www.
cn-teacher.
com,请保留此标记.
)时浏览过的网站主题类型:娱乐休闲、电脑网络、生活服务、文化科学、教育就业等.
网站题材有成千上万种,这么多题材,如何选择呢学生观察《时间科普专题网站》,分析其网站主题.
该网站的网站主题:关于时间的科普知识.
给出一系列的网站主题:网站主题:文学、原创文学、校园原创文学、网络文学、体育赛事、足球赛事、软件下载、游戏攻略……,学生对比分析从中选择出适合自己的网站主题,并思考选择的理由,并在此过程中总结出选择小组网站主题时应该注意的问题.

(1)主题要小而精(2)题材最好的你自己擅长或者喜爱的内容学生活动:小组讨论确定组内专题网站的主题,并完成表2.
表2确定网站的主题网站主题选择的理由设计意图:通过提供几个有对比性的主题,让学生去比较选择,在比较选择的过程中引导学生去思考为什么选择这个主题,而非其他,自己总结出网站题材选择时应该注意的问题.
(五)确定小组专题网站的名称网站名称是网站规划里很关键的一步,好的网站名称能给人留下深刻的印象.
网站名称赏析:易趣网:名称的含义就是交易很有趣,切合其购物网站的主题,并很容易被人记住.
百度网:很容易让人联想到一句古诗词:"众里寻他千百度,蓦然回首那人却在灯火阑珊处",十分符合其搜索网站的身份.
小组讨论有哪些网站给自己留下了深刻印象,以及为什么会留下深刻的印象,并思考总结确定网站名称时应该注意的问题:1.
要与主题紧密相关2.
要有意义3.
要上口、悦耳、容易记忆学生活动:小组讨论确定专题网站的名称,完成表3.
表3确定网站的名称网站名称含义设计意图:通过对几个网站名称的解析,引导学生自己总结出确定网站名称时应该注意的问题,并确定自己主题网站的名称.
展示部分小组完成的3个表格,并开展评价.
设计意图:通过完成三个表格,各小组对自己将要创建的主题网站的大体方向已基本确立,适时总结并评价,使学生对自己将要建设的网站有一个整体性的把握.
(六)了解网站建设工具教师给出一个编好源代码的记事本文件"we.
txt",学生将这个源文件另存为"we.
html",并对比这两个文件的内容,简单体验用HTML语言编写网页的一个过程,教师对HTML语言适当解释,并解读语句里的部分标签,使学生对HTML语言形成初步的认识.

设计意图:通过将一个记事本文件生成网页文件这样一个过程的解析,使学生初步感知什么是HTML语言,以及如何通过HTML语言来制作网页.
使用HTML语言编写网页难度比较大,那么制作网站还有哪些工具,这些工具都有哪些特点学生观察《时间科普专题网站》,分析里面都有哪些内容,而这些内容是通过什么软件制作或者添加进来的.
该网站用Dreamweaver完成其主页框架的建设,用Photoshop完成图片的细化和后期加工,以及用Flash完成所需要的动画效果制作.

每一种网页制作工具都有其鲜明的特点,将Frontpage与Dreamweaver进行比较,了解其优缺点,各小组结合自己的网站主题与特点讨论并提出可能会用到的制作软件.
设计意图:成功地制作一个网站,有时需要将几个主要或者辅助工具结合起来使用,借助对《时间科普专题网站》制作工具的分析,使学生体会到网页工具的选择并不是单一、固定的,而应该根据不同的需要灵活地进行选择.