1-Dreamwaver教案第一课时网页和网站

1、第一课时 网页和网站一、教学目标1、知识与技能目标知道并理解网页、网站的概念、区别。知道网页文件的扩展名是htm或html。知道主页、首页、子页的概念，理解主页与子页的关系。知道并理解主页、首页、子页的关系。知道网站的概念，知道衡量网站性能的指标。2、过程与方法观察网页文件，知道网页的扩展名。观察网页，认识各部分名称。通过观察、比较，理解主页、首页、子页的概念和关系。3、情感态度价值观认识网页的组成文件，知道网页的组成，认识网站的概念，主页和子页的关系，从中激发学生弄清网站结构的兴趣，为后续网页规划设计做铺垫。二、教学重点1网页的概念，网页文件的扩展名。2主页、子页的概念，主页、子页的关系，网

2、站的概念。三、教学难点1主页、首页的概念、子页的概念，主页、子页的关系。2网站的概念，衡量网站性能的标准。四、教法、学法教学方法讲解法 展示法 学习方法自学、阅读理解法 比较法 操作实验法 习题巩固法五、教学准备网站设计结构图 版面设计结构图 并排显示截图六、课时按排 1课时七、教学过程教学环节教师活动学生活动设计目的1、建立网站的几个环节要学生阅读“建立网站的几个环节”的内容理解几个环节的工作，并记住这几个环节以及次序。知道并理解建立网站的几个环节，以备做后面习题。教学环节教师活动学生活动设计目的要求学生做书后13页1的第4小题并对答案做书后13页1的第4小题，巩固刚学的知识，知道这块知识的

3、份量。2、规划网站要做的内容设计、结构设计、版面设计三方面设计引领学生阅读规划网站要做的三方面设计的内容提问：“回乡味道”网站内容包括哪些方面？结构图里首页是什么？二级网页都是什么？三级网页都是什么？引导学生观察版面设计阅读规划网站要做的三方面设计的内容饮食图片、面点、面食、小吃、特色菜。回乡面点、面食、小吃、特色菜油香、撒子、麻花、油圈。学生欣赏版面设计要学生先理解，再记住。从实践中体验规划的过程。规划的工作。复习了首页的概念理解二级网页、三级网页，以及他们的层次关系。版面设计学生容易理解，观察激发兴趣3 网站常用素材的种类、格式。4、Dreamweaver软件介绍5、Dreamweaver

4、窗口的组成引领学生观察表1.4先观察“要求”。提问：为什么只用这些格式？图片都有哪些格式？要求学生做书后13页第4题并对答案还要求学生能根据格式能知道它是什么类型的文件。要求学生阅读 Dreamweaver软件介绍的内容。要求学生做书后13页1的第5小题并对答案要求学生打开Dreamweaver，并观察窗口的组成，先观察图1.6，要求找出并记住“插入工具栏”、“属性面板”、”浮动面板“”要求学生阅读 12页第4步，并在机子上完成。进行提示：先取掉，再加上，看有什么不同。观察表1.4， 占用数据量小，使传输用得时间少些。答：JPG Gif做书后13页的第4题。记文件格式和对应的文件类型。学生阅读

5、 Dreamweaver软件介绍学生做书后习题打开Dreamweaver，并观察找出并记住“插入工具栏”、“属性面板”、”浮动面板“阅读 12页第4步，并在机子上完成。按老师提示操作。并理解网站常用素材的种类、格式、要求。检验刚学到的知识，巩固刚学的知识，知道这块知识的份量。巩固刚学知识。先观察、知道各工具栏后，再操作。进行实践会用比较法学习。八、课堂练习1、判断题 网站的规划设计步骤依次包括需求分析、准备素材、规划设计、系统集成、发布与管理。（ ）Dreamwaver CS6是美国Macromedia公司开发的、集网页制作与网站管理于一身的网页编辑器与开发工具。（ ）2、下列不是网页文件扩展

6、名的是（D）A、asp B、html C、htm D、bmp3、网页上常用的图像格式是（B、D）。 A、bmp B、gif C、psd D、jpg九、小结本节学习了建立网站的几个环节，规划网站包括的三个方面的设计，网站常用素材的要求、格式。Dreamweaver软件窗口组成，行常用面板的显示与关闭。和学生一起复述：建立网站的环节依次是需求分析、规划设计、准备素材、系统集成、发布与管理。规划设计包括三方面设计：内容设计、结构设计、版面设计。网页素材要符合网页传输的要求，尽可能既保持质量，又占用数据量小。Dreamweaver软件面板有“插入工具栏”、“属性面板”、”浮动面板，它的显示与关闭在“窗口”菜单里设置。十、板书设计第二节