Dreamweaver-CS6网页设计与制作教学教案.docVIP

《DreamweaverCS6网页设计与制作标准教程》

教学教案

课时内容

网页设计基础知识

教学目标

?掌握互联网基础和网站建设基本流程。

?掌握网站建设基础和网页设计基础。

?掌握网页的制作常用软件和标准技术。

教学重点

?熟练掌握网站建设的基本流程。

?熟练掌握网页设计基础知识。

教学难点

?软件的应用和标准技术。

教学设计

教学思路：（1）通过对互联网的了解讲解掌握互联网相关知识；（2）通过对网站的了解讲解网站建设基本流程及网页设计基础知识；（3）通过网页设计需要讲解制作网页应用到的相关软件及语言。

教学手段：（1）通过书籍了解相关知识；（2）通过软件功能解析深入学习软件功能和制作特点。

教学资料及要求：除了课堂讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。

教学内容

讨论问题：1、网页可分为哪几种？

2、常见的版面布局形式有哪几种？

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

1.1互联网基础

1.1.1Internet与WEB服务

1.1.2URL路径

1.1.3服务器与浏览器

1.1.4互联网数据中心

1.2网站建设基本流程

1.2.1前期准备工作

1.2.2方案实施

1.2.3后期工作

1.3网站建设基础

1.3.1什么是静态网页

1.3.2什么是动态网页

1.3.3常见网站类型

1.3.4申请域名和购买空间

1.4网页设计基础

1.4.1网页版面布局的原则和方法

1.4.2常见的版面布局形式

1.4.3网页配色基础

1.5网页制作常用软件

1.5.1Photoshop

1.5.2Fireworks

1.5.3Flash

1.5.4Dreamweaver

1.6网页制作标准技术

1.6.1网页标记语言Html

1.6.2页面修饰语言CSS

1.6.3网页脚本语言JavaScript

1.6.4动态网页编程语言ASP、PHP和JSP

小结

1、熟练掌握网站建设基本流程。

2、熟练掌握网页设计基础知识。

课时内容

初识DreamweaverCS6

教学目标

?掌握软件的工作界面和创建网站框架。

?掌握管理站点文件和文件夹的方法。

?掌握管理站点和网页文件头设置。

教学重点

?熟练掌握DreamweaverCS6工作界面的基本操作。

?熟练掌握DreamweaverCS6的站点。

教学难点

?在DreamweaverCS6中站点的建立及编辑。

教学设计

教学思路：（1）通过对软件相关功能讲解掌握界面操作和站点设置的方法；（2）通过软件相关功能的解析学习DreamweaverCS6工作界面的基本操作和设置文件头的基本方法。

教学手段：（1）通过书籍了解软件功能；（2）通过软件功能解析深入学习软件功能和制作特点。

教学资料及要求：除了课堂讲解的软件功能外，还可以根据相关的工具特点进行简单的练习和操作。

教学内容

讨论问题：1、在DreamweaverCS6中有哪几种方法可以创建站点？

2、同时本地站点与远程站点有什么区别？

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

2.1DreamweaverCS6的工作界面

2.1.1友善的开始页面

2.1.2不同风格的界面

2.1.3伸缩自如的功能面板

2.1.4多文档的编辑界面

2.1.5新颖的“插入”面板

2.1.6更完整的CSS功能

2.2创建网站框架

2.2.1站点管理器

2.2.2创建文件夹

2.2.3定义新站点

2.2.4创建和保存网页

2.3管理站点文件和文件夹

2.3.1重命名文件和文件夹

2.3.2移动文件和文件夹

2.3.3删除文件或文件夹

2.4管理站点

2.4.1打开站点

2.4.2编辑站点

2.4.3复制站点

2.4.4删除站点

2.4.5导入和导出站点

2.5网页文件头设置

2.5.1插入搜索关键字

2.5.2插入作者和版权信息

2.5.3设置刷新时间

2.5.4设置描述信息

小结

1、熟练掌握DreamweaverCS6界面的操作方法和技巧。

2、熟练掌握在DreamweaverCS6中站点的创建、编辑、复制、删除和导出的方法，掌握新建、保存的技巧。

第3讲

课时内容

文本与文档

教学目标

?掌握输入文本和设置文本属性的方法。

?掌握项目符号和编号列表的创建方法。

?掌握水平线、网格与标尺的使用方法。

教学重点

?熟练掌握文本的多种创建方法和编辑技巧。

?熟练