建立网站站点(教学设计)

建立网站站点（教学设计）

一、教学目标

知识目标：建立网站文件夹和新建网站的主页。

技能目标：1 .认识启动SharePoint Designe,熟悉SharePoint Designe软件环境；

2. 建立网站空站点并新建保存主页；

情感目标：教学中以简易地操作技能帮助学生树立成功建站的信心。

二、重点难点

教学重点：本课教学重点是启动SharePoint Designe,在熟悉SharePoint Desig ner软件环境的基础上建立网站空站点并新建保存主页。

教学难点：本课的教学难点站点文件夹的理解。学生在理解上有一定的困难，他们一般不太理解为什么要用上文件夹来存放网页，这里教师需要作解释。

三、教学方法

微课

四、教学素材

示例网站、ppt以及首页相关的文字图片素材。

四、教学思想

由网站展示入题，激发学生学习兴趣；通过与Word界面的比较，让学生体会到原来SharePoint Designe同Word差不多，将悬着的心放下；接着教师讲解一个网站是由许多的网页组成的，为了更好的管理这些网页和网页素材，需要建立一个站点文件夹，这时通过学生自主学习教材，来建立站点文件夹，教师巡视，然后根据学生的实际情况，教师演示建立站点文件夹的方法，对其中易错的地方加以强调。接着老师演示建立网站主页，保存，同Word保存操作进行比较，让

学生了解与Word些许不同的地方；最后让学生用文字、图片充实新建的主页。以上一系列的设置都是为了让学生树立成功建站的信心。

五、教学过程

引入

将示例网站“LOL官网、迅雷看看官网、梅山中学网站”展现在学生的面前，

激发学生学习网站制作的兴趣。

列举建立网站的软件工具：SharePoint Designe、Dreamweave、Flash等目

前流行的网页制作工具，其中SharePoi nt Desig ne是操作相对简便的软件。

新授

（一）认识SharePoint Designer

1、启动SharePoint Designe，认识SharePoint Designer的界面（标题栏、菜单栏、工具栏、标签、编辑区、视图栏（设计、拆分、代码）、状态栏）引导学生发现原来SharePoint Designe与Word的界面非常相似。

（二）创建站点文件夹

1、站点文件夹：一个普通的网站往往由多个网页组成，为了不让各个网页分散存放，需要先建立一个站点文件夹。站点文件夹就像一幢房子，它把网站中的网页和制作网页的素材装在一起。那么如何创建站点文件夹呢？

2、试一试：新建一个站点。

请同学们自学课本41页创建一个空站点，位置在D盘，站点文件夹名为同学们名字的拼音。

3、教师根据学生的实际情况演示站点文件夹的建立，对于易错点进行强调。

然后引导学生观察站点文件夹与普通文件夹的外观区别。

4、亲身体验：

请同学们素材文件夹复制到该网站文件夹目录中。

（三）建立网站主页

师：刚才我们大家已经建好了框架，接下来的任务就需要建立网站的主页。

什么是主页，homepage

首页：index.htm、index.asp default.htm 等，默认new_page_1 保存可得，

也可通过“新建”而得。

教师演示建立网站主页。

比一比：保存时同Word不同的地方，可以打开word来比较。

1、保存位置默认就在站点文件夹内；

2、多了个网页标题；

做一做：建立自己网站的主页并保存。

（四）初试新建主页

师：接下来我们就可以在FP中任意展现个性了。

试一试：

用文字、艺术字、图片等来充实你的主页（学生电脑桌面上有素材文件夹）

要求：美观、有序；

文字、图片尽量匹配。

学生尝试在主页中出入文字、艺术字、图片等，教师巡视，将做的比较好的作品展示给大家并给予一定的评价，让后让学生继续美化自己的网页，快下课时挑几个好的作品给大家欣赏并给予一定的评价

六、总结

这节课我们首先认识了fp的界面，通过你们自学，建立了站点文件夹，随后我们又尝试着建立了网站主页，并用文字、艺术字、图片对它进行了充实。同学们觉得自己这节课表现怎么样，对自己的作品满意吗？老师对你们这节课的表现非常满意，虽然我们的作品与那些精美的网站还有很大的差距，那是因为我们

才刚开始学习制作网站，随着我们深入的学习，你们一定能创作出更好的作品。

七、板书

八、反思

本节课相对来说上的还算比较顺利，但是其中有不少令人遗憾的地方。

1、通过三个网站的欣赏然后导入网站制作，这一过程比较急，显得比较突然，主要是教师在说，可以让学生讲讲最喜欢哪个网站，这个网站为什么吸引自己，

是网站的色彩搭配还是网站的图片、是网站的布局还是网站的内容？这样可以将本单元前两节的内容融入本课（前两节课没有上），使导入更具有参与性和针对性；

2、在讲word与fp的区别时，教师用教师机打开word和fp两个软件，以屏幕广播的形式让学生观察，学生只能用眼睛看，所以很难找出二者的区别，如果当时放开让学生自己操作试试看，可能效果会更好；

3、课本是最好的老师。由于我校机房还用的是旧电脑，学生机中安装的是fp2003, 而新教材是SharePoint Designe，老教材是fp2000，因此我是完全抛弃了课本，不过现在回头看看，发现课本中还有部分内容是可以加以利用的，这样也可以更好的培养学生观察能力和自学能力；

4、作品评价阶段也存在一定的问题。在试教过程中，在让学生互评时发现有乱

说现象，这一个是学生的问题，再一个就是教师没有很好的引导，在本次教研课时，为了防止学生乱说，因此只是教师对作品进行了简单的评价，其实可以尝试着让作品的主人说一说自己的设计想法，在教师引导的情况下让其他同学评一评，实现评价方式多样化，这样学生在评价别人作品的过程中也会发现自己作品的不足和优点，这样会使学生比只有教师做简单评价收获更多。