09网页制作备课2.docx

09网页制作备课2.docx

《09网页制作备课2.docx》由会员分享，可在线阅读，更多相关《09网页制作备课2.docx（66页珍藏版）》请在冰点文库上搜索。

09网页制作备课2

教学日志1

章节名称

初识dreamweavercs5

学时数

2

授课时间

9月2日1、2节（09小教1）

教学进度

符合

学生考勤

应到：

43实到：

43请假：

0旷课：

0

授课时间

9月2日5、6节（09小教2）

教学进度

符合

学生考勤

应到：

43实到：

34请假：

9（提前实习）旷课：

0

课程类型

理论课√讨论课□习题课□实验课□上机课√技能课□其他□

教学方法

讲授法、练习法、自主探究、任务驱动法、小组合作

目的要求

1、了解dreamweavercs5作用。

2、了解dreamweavercs5的界面组成。

3、掌握dreamweavercs5的三种视图方式。

4、掌握dreamweavercs5创建站点及新建网页文档的方法。

5、掌握dreamweavercs5设置网页属性的方法。

6、让学生动手创建本地站点、建立站点文件及文件夹。

重点

难点

重点：

dreamweavercs5的界面组成；dreamweavercs5的三种视图方式；创建站点及新建网页文档的方法；设置网页属性的方法；

难点：

dreamweavercs5代码视图方式；创建站点；制作网页；

思考题

作业

见教案部分

教学准备

学生按照“组间同质，组内异质”的原则分成4组

作业批改及实验记录

1、随机抽查课堂笔记（本堂课抽查学号为的学生）；

将本节课完成的网页提交到服务器；

2、抽查及上交作业情况：

说明：

1.每次授课后，任课教师应及时填写。

2.授课时间：

指授课日期和节次；教学进度：

指是否符合教学进度简表。

教案正文

教学过程

教学内容

师生互动

时间分配

1、新课导入

跟学生一起浏览枣庄学院初等教育学院的网页。

提出问题-如果要求大家制作这样一个网页，应该怎样制作？

需要使用到什么软件？

这就涉及到本学期即将学到的内容-网页制作，以及dreamweavercs5制作软件的学习。

激发学习兴趣，让学生带着疑问进入新课的学习。

2分钟左右

2、新课学习

dreamweavercs5概述。

1、打开dreamweavercs5，展示一个界面。

A.应用程序栏B.文档工具栏C.文档窗口

D.工作区切换器E.面板组F.CSLiveG.标签选择器

H.属性检查器I.文件面板

2、Dreamweaver功能

AdobeDreamweaverCS5是建立Web站点和应用程序的专业工具一款专业的HTML编辑软件，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。

利用Dreamweaver中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。

如果您喜欢用手工直接编码，Dreamweaver还包括许多与编码相关的工具和功能。

3、利用Dreamweavercs5构建站点

网站建设的一般步骤：

（1）根据收集的资料，整理出一个结构图，将它作为页面基本结构。

（2）提取整理数据中的重要内容，作为主页内容，并应用设计软件设计出主页效果图，切片后输出。

（3）在Flash中完成需要的动画。

（4）将切片后的图像及已有的文字资料在布局软件中进行制作，制作出与结构图相同的页面结构。

（5）根据主页效果，完成内页的制作

（6）测试站点并上传到指定的网站空间。

创建本地站点：

在【管理站点】对话框中创建站点：

选择【站点】【新建站点】命令，弹出【管理站点】对话框，在对话框中单击【新建】按钮

管理站点

打开站点、编辑站点、删除站点、复制站点。

操作站点文件及文件

创建文件夹创建文件、文件或文件夹的移动和复制、删除文件或文件夹

利用极域电子教室广播操作过程。

由于上课过程中没有课本，所以教师先集中讲解，学生再详细做笔记。

这里涉及Dreamweaver三种视图方式

根据课本步骤提示，要求学生上机进行练习。

该部分内容需要学生进行上机，是本节课的难点所在。

（需要教师的详细讲解+学生的上机实践）

33-38分钟

3、巩固练习

根据教师展示的站点，要求学生创建一摸一样的本地站点。

以最短的时间完成知识的再次整合，加深理解，熟练操作。

8分钟左右

4、总结作业

总结：

一是总结学生课堂表现；

二是总结本节课的学习内容。

作业：

要求学生课下构建自己的第一个网站，具体到网站的主题是什么、展示的文字、图片等具体的效果是什么，最好先画出效果图。

（完成不了可课下完成）

5分钟左右

5、教学反思

对于本节课过程中的实例，我准备从网络上更好的去查阅相关的资料，期望能够得到更多的启示，这是一种方法；我还设想跟已学完本节内容的学生和即将要学习的学生进行沟通，看看他们有没有更好的想法和素材。

教学日志2

章节名称

HTML基本标记1

学时数

2

授课时间

9月6日3、4节（09小教1）

教学进度

符合

学生考勤

应到：

43实到：

41请假：

2（提前实习）旷课：

0

授课时间

9月4日1、2节（09小教2）

教学进度

符合

学生考勤

应到：

43实到：

28请假：

15（提前实习）旷课：

0

课程类型

理论课√讨论课□习题课□实验课□上机课√技能课□其他□

教学方法

讲授法、练习法、自主探究、任务驱动法、小组合作

目的要求

了解HTML是什么及其作用；

了解编辑器和浏览器；

掌握HTML基本标记：

html;head;body;hr;marquee;

掌握HTML基本属性：

title;bgcolor;background;

重点

难点

重点：

HTML基本标记及属性；编辑器和浏览器

难点：

HTML基本标记及属性

思考题

作业

见教案部分

教学准备

学生按照“组间同质，组内异质”的原则分成4组

作业批改及实验记录

1、随机抽查课堂笔记（本堂课抽查学号为的学生）；

将本节课完成的网页提交到服务器；

2、抽查及上交作业情况：

说明：

1.每次授课后，任课教师应及时填写。

2.授课时间：

指授课日期和节次；教学进度：

指是否符合教学进度简表。

教案正文

教学过程

教学内容

师生互动

时间分配

1、新课导入

打开dreamweavercs5,展示上节课所做网页。

提示学生重点观察代码视图！

代码视图中的含义是什么呢？

这些代码是如何编写的，引出本节课所要学习的内容。

让学生带着疑问进入新课的学习。

2分钟左右

2、新课学习

（一）HTML简介

1、网页使用HTML语言开发的。

HTML文档本身就是文本文件，扩展名为.HTML或者.HTM。

2、使用记事本或者DW作为网页代码的编辑器；各种各样的浏览器；

3、HTML文档的结构：

HTML部分：

每个HTML文档必须以标记开始，以结束。

网页的开始

网页内容…….

网页的结束

注意：

由于这是编程的开始，因此我在讲解的时候是利用一个问题引出的：

如果将一个人进行解剖分成两部分的话，应该如何分解？

这样学生在轻松地问题中清晰地进行理解和记忆。

（二）HTML基本标记

插入分隔线

属性：

WIDTH=“value”：

为线段的长度

SIZE=“value”：

为线段的厚度

COLOR=”blue”或”#RRGGBB”值。

：

为颜色

ALIGN=”right|left|center”：

为线段的位置

NOSHADE：

为无阴影的实心线段

标签：

是整个文件最主要的起始标签，可以框出整个文件的范围。

标签：

是文件显示文件开头的卷标。