dreamweaver8网页设计教案.docVIP

初识Dreamweaver8

课题：Dreamweaver8简介及创立文档

一、教学根本内容

1、什么是网页和网站

2、网页的分类

3、网页中的常用术语

4、网页设计的相关知识

5、认识Dreamweaver8

6、Dreamweaver8的根本操作

7、Dreamweaver8工作界面介绍

二、课型：新授课

三、课时：1个课时

四、教学重点与难点

重点：什么是网页和网站

难点：1、网页的分类

2、网页设计的一般步骤

3、Dreamweaver8的根本操作

五、教学目的

1、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣

2、一定要学会建立一个空白网页

3、会对页面有一个简单的设置

六、教学过程

1、什么是网页和网站

〔1〕网页

网页是由HTML〔超级文本标识语言〕或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。

〔2〕网站

网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面。

门户网站

职能网站

专业网站

个人网站

2、网页的分类

〔1〕按所处位置分类

??按网页在网站中所处的位置可将网页分为主页和子页两类。

(2)按表现形式分类

按网页的表现形式可将网页分为静态网页和动态网页。

3、网页设计的相关知识

〔1〕设计网页的原那么

A、整体规划

B、鲜明的主题

C、善用图像

D、醒目的导航

E、及时更新

F、易记的网站名称

G、通用网页

H、动画适量

〔2〕网页设计的一般步骤

A、规划网站

B、收集整理资源

C、配置站点

D、创立页面

E、测试站点

F、发布站点

G、维护、更新站点

〔3〕网页制作的常用工具

A、网页设计软件

Dreamweaver是目前使用最多的网页设计软件。

B、图像处理软件

制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。

C、动画制作软件

网页动画制作中最常用的软件非Flash莫属。

4、Dreamweaver8的根本操作

A、启动Dreamweaver8

B、新建空白HTML网页

C、保存网页文档

D、预览网页效果

E、退出Dreamweaver8

第一章Dreamweaver8概述

课题：Dreamweaver8简介及创立文档

一、教学根本内容

1、Dreamweaver8的工作界面

2、建立html文档

二、课型：新授课

三、课时：1个课时

四、教学重点与难点

重点：熟悉Dreamweaver8工作界面中各个工具的作用

难点：1、各个面板的调用

2、建立一个HTML的网页

3、插处图像

五、教学目的

1、对Dreamweaver这个制作网页的工具及网页有一定的认识，激发学生学习网页设计的兴趣

2、一定要学会建立一个空白网页

3、会对页面有一个简单的设置

六、教学过程

1、引入

〔1〕为什么要用Dreamweaver而不用Frontpage?

Dreamweaver是Macromedia公司的出品，它以程序小、运行速度快、所制作网页代码少这些优点，赢得了网页制作人员的喜爱。

〔2〕相关工具的介绍

因为这是第一节网页制作课，所以首先要简单介绍下制作网页的一些相关工具，比方与Dreamweaver合称为网页三剑客的Flash和Fireworks。

2、讲授新课

〔1〕?Dreamweaver的界面

???a．文档窗口：主菜单、工具栏、底部启动条、文档编辑区???

?b．对象面板：标准、表格、表单、框架、特殊、文件廷冖隐藏、字符

???c．启动面板：站点管理、代码检查、HTML样式、CSS样式、行为、历史记录、资源管理???

d．属性面板：随目前对象不同而内容不同

(2)创立HTML网页

(3)在网页中插入图像

输入文字以后，插入图像，并对图像设置对齐的方式，使之与文字呈混排的状态。

3、稳固练习

练习使用界面中的各个工具

七、作业处理

根据本节所学的内容，课堂上练习创立一个空白网页，并且输入一段文字，在文本的左边插入一张图片

八、教具

所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。

第二章创立与规划站点

课题：规划站点及创立静态站点

一、教学根本内容

1、站点规划概念

2、站点规划的方法

3、站点的组成

4、定义站点

二、课型：新授课

三、课时：2个课时

四、教学重点与难点

重点：1、站点组成

2、如何创立静态站点

难点：1、站点的定义

2、编辑、删除站点

五、教学目的

1、掌握建立静态站点的流程

2