中文版DreamweaverCC基础培训教程-教学教案.doc

《中文版DreamweaverCC基础培训教程》

配套教学教案

第1章

课时内容

网页的基本操作

授课时间

45分钟

课时

1

教学目标

?网页设计基础。

?制作网站的基本流程。

?上机实训——赏析特色网站。

教学重点

?网页制作的核心语言。

?如何正确搭配网页的色彩。

教学难点

?如何正确搭配网页的色彩。

教学设计

教学思路：（1）先介绍一些主流网站的网页，让学生着重赏析网页的布局和色彩搭配；（2）接着介绍常见的网站类型、网站的基本结构等知识点，着重讲解网页制作的核心语言；（3）最后讲解制作网站的基本流程。

教学手段：讲解常见的网站类型、网页的大致分类、制作网页使用的语言，以及制作网页应该遵循的原则；讲解制作网站的一般流程，并带领学生一起赏析一些特色网站。

教学资料及要求：除教材中讲解的知识，可以要求学生在上网的时候多多观察每个网页的布局、配色等。

教学内容

知识回顾：下面将讲解网页设计基础，以及制作网站的基本流程。

讨论问题：1、什么是网站？什么是网页？网站和网页之间的关系是什么？

2、说一说有名的网站有些什么？

3、你知道网页的分类吗？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

1.1网页设计基础

1.1.1网站与网页的关系

1.1.2常见的网站类型

1.1.3网页的分类

1.1.4网站的基本结构

1.1.5网页的构成要素

1.1.6网页制作的核心语言

1.1.7屏幕分辨率和网页编辑器

1.1.8网页色彩搭配

1.1.9网页制作遵循的原则

1.2制作网站的基本流程

1.2.1网站分析与策划

1.2.2网页效果图设计

1.2.3创建并编辑网页文档

1.2.4优化与加工网页文档

1.2.5测试并发布HTML文档

1.2.6网站的更新与维护

1.3上机实训——赏析特色网站

1.3.1实训要求

1.3.2实训分析

1.3.3操作思路

1.4课后练习

1.练习1——规划个人网站

2.练习2——规划灯饰照明网站

小结

了解网站与网页的关系。

了解网站类型与基本结构。

掌握网页的基本构成要。

掌握网站制作的基本流程。

思考及作业

课后练习：

练习1

本练习要求对个人网站进行规划。该网站主要用于展示用户的个人摄影作品、个人信息和最新动态，并且会和大家分享一些摄影作品的拍摄技巧。要求制作的网页能体现该网站的主要功能，界面设计要符合网站特色。要完成本练习需要先搜集相关的图像和文字等资料，然后制作草图并确认。

练习2

本练习要求对一个灯饰照明电商网站进行规划。该网站主要用于展示企业的产品、企业的相关信息和最新动态。要求制作的网页能体现该网站的主要功能，界面设计要符合网站特色。要完成本练习需要先搜集相关的图像和文字等资料，然后规划站点结构。

第2章

课时内容

DreamweaverCC的基本操作

授课时间

135分钟

课时

3

教学目标

?认识DreamweaverCC工作界面。

?创建与管理站点。

?网页文档的基本操作。

?设置页面属性。

?上机实训——创建“花火植物”站点。

教学重点

?如何创建与管理站点？

?如何管理站点中的文件和文件夹？

?如何设置页面属性？

教学难点

?如何设置页面属性？

教学设计

教学思路：（1）通过自定义工作界面的小例子引出对DreamweaverCC工作界面的介绍，可以多讲解一些关于“属性”面板和几个不同视图方面的知识；（2）通过创建和编辑“宝莱灯饰”网站的例子讲解创建与管理站点，以及管理站点中的文件和文件夹的知识；（3）通过创建并保存网页的小例子来讲解新建和保存网页文档，以及打开和关闭网页文档的知识；（4）通过设置“djqsm.html”网页属性的例子来讲解设置页面属性的知识（5）最后将本章所讲的知识点串联起来创建“花火植物”站点，达到学以致用的目的。

教学手段：通过理论带案例步骤的方式，让学生加深理论知识理解的同时，掌握其操作方法；

教学资料及要求：学生可以使用教材中的方法，在不同的PPT里进行实践，熟练其操作方法。

教学内容

知识回顾：在前面讲解了网页的基本操作，以及制作网站的基本流程，下面对DreamweaverCC的工作界面、创建与管理站点、网页文档的基本操作，以及设置页面属性等知识进行讲解。

讨论问题：1、如何高效地管理站点呢？

2、如何设置页面属性？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

2.1认识DreamweaverCC工作界面

2.1.1课堂案例——自定义工作界面

2.1.2文档窗口

2.1.3面板组

2.1.4