dreamweaver8网页设计教案.docx

dreamweaver8网页设计教案

?一、课程目标

1.让学生了解网页设计的基本概念和流程。

2.熟练掌握Dreamweaver8的基本操作，包括创建站点、页面布局、文本编辑、图像处理等。

3.能够运用Dreamweaver8设计出具有一定美观性和实用性的网页。

4.培养学生的创新思维和实践能力，提高学生解决实际问题的能力。

二、课程内容

1.网页设计基础

-网页的基本构成元素

-网页设计的原则和规范

-常见的网页布局类型

2.Dreamweaver8入门

-Dreamweaver8的界面介绍

-创建本地站点

-设置页面属性

3.文本与图像处理

-文本的输入与编辑

-字体、字号、颜色等文本属性的设置

-插入与编辑图像

-图像的优化与调整

4.表格与表单设计

-创建表格

-表格的编辑与格式化

-插入表单元素

-表单的提交与处理

5.超级链接与导航栏

-创建内部链接和外部链接

-导航栏的设计与实现

6.层与行为

-层的创建与应用

-行为的添加与设置

7.网页布局技巧

-使用CSS进行页面布局

-框架的应用

8.网站的发布与维护

-网站的测试与优化

-网站的上传与发布

三、教学方法

1.讲授法：讲解网页设计的基本概念、原理和Dreamweaver8的操作方法。

2.演示法：通过实际操作演示，让学生直观地了解软件的使用过程。

3.实践法：安排学生进行实际操作练习，巩固所学知识和技能。

4.讨论法：组织学生讨论网页设计中的问题和解决方案，培养学生的思维能力和团队合作精神。

四、教学进度安排

第一周

1.网页设计基础

-介绍网页的基本构成元素，如文本、图像、链接、表格、表单等。

-讲解网页设计的原则和规范，包括页面布局、色彩搭配、字体选择等。

-展示常见的网页布局类型，如国字型、匡字型、T字型等。

2.Dreamweaver8入门

-介绍Dreamweaver8的界面，包括菜单栏、工具栏、文档窗口、属性面板等。

-指导学生创建本地站点，设置站点的名称、存储位置等。

-讲解如何设置页面属性，如页面标题、背景颜色、文本颜色等。

第二周

1.文本与图像处理

-讲解文本的输入与编辑方法，包括段落格式、字体格式、字号大小、颜色等的设置。

-演示如何插入与编辑图像，包括选择图像文件、调整图像大小、设置图像对齐方式等。

-介绍图像的优化与调整方法，如压缩图像大小、调整图像亮度和对比度等。

2.表格与表单设计

-讲解如何创建表格，包括设置表格的行数、列数、单元格间距和边框等。

-演示表格的编辑与格式化方法，如合并单元格、拆分单元格、设置表格背景颜色等。

-介绍如何插入表单元素，如文本框、下拉菜单、单选按钮、复选框、提交按钮等。

-讲解表单的提交与处理方法，包括设置表单的action属性和method属性。

第三周

1.超级链接与导航栏

-讲解超级链接的概念和作用，包括内部链接、外部链接、锚点链接等。

-演示如何创建超级链接，包括选择链接对象、设置链接地址等。

-介绍导航栏的设计与实现方法，如使用表格、层或CSS菜单等。

2.层与行为

-讲解层的概念和作用，包括创建层、设置层的属性、调整层的位置和大小等。

-演示如何在层中插入文本、图像等元素，以及如何设置层的可见性。

-介绍行为的概念和作用，包括弹出信息、打开浏览器窗口、跳转菜单等。

-演示如何添加行为到网页元素中，以及如何设置行为的触发事件和参数。

第四周

1.网页布局技巧

-讲解使用CSS进行页面布局的方法，包括创建CSS样式表、选择器的使用、属性的设置等。

-演示如何使用CSS实现常见的页面布局效果，如左右布局、上下布局、三栏布局等。

-介绍框架的概念和作用，包括创建框架集、设置框架属性、在框架中显示网页等