dreamweaver8网页设计教程

《dreamweaver8网页设计》课程

教 案

目 录

第一章 遨游DREAMWEAVER8精彩世界...................................................................................................1

第二章 创建与规划站点.....................................................................................................................................3

第三章 文本及其格式化.....................................................................................................................................12

第四章 表格 ...........................................................................................................................................................15

第五章 图像 ...........................................................................................................................................................19

第六章 框架 ...........................................................................................................................................................23

第七章 页面布局视图的使用 ............................................................................................................................27

第八章 链接 ...........................................................................................................................................................30

第九章 层与时间轴..............................................................................................................................................34

第十章 表单 ...........................................................................................................................................................38

第十一章 行为.......................................................................................................................................................41

第十二章 制作动态页面.....................................................................................................................................44

第十三章 代码片断、库项目和模板 ..............................................................................................................48

第十四章 网页的制作 .........................................................................................................................................51

第十五章 网站的测试与上传 ............................................................................................................................55

第十六章使用FIREWORKS 8处理网页图像 .............................................................................................58

第一章 遨游Dreamweaver8精彩世界

课题：Dreamweaver8简介及创建文档

一、教学基本内容

1、Dreamweaver8 的工作界面

2、建立html文档

二、课型：新授课

三、课时：2个课时

四、教学重点与难点

重点：熟悉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、掌握静态站点的基本操作

六、教学过程

1、复习引入

由上节所学习的建立HTML网页引出站点概念

2、讲授新课

（1）站点规划概念及方法

概念：所谓本地站点，就是指定本地硬盘中存放远程站点所有文档的文件夹

方法：规划网站一般需要从3个方面去思考，即网站的主题、网站的内容和网站的对象。

（2）创建本地站点

站点组成：Dreamweaver 8站点由3部分组成，具体内容取决于环境和所开发的Web站点类型。包括本地文件夹、远程文件夹、动态页文件夹

定义站点：（01）选择“站点”|“新建站点”选项，或者选择“站点”｜“管理站点”选项，在弹出的“站点管理”对话框中单击“新建”按钮，弹出对话框，在“基本”选项卡的站点名称输入框中输入所要创建站点的名称，如图2-5所示

（02）输入站点名称后，单击“下一步”按钮，在弹出的是否使用服务器技术对话框中，根据自己所制作网页的类型，确定是否使用服务器技术。在此制作静态页面，因此不使用服务器技术，如图2-6所示。

（03）单击“下一步”按钮，在弹出的设置站点文件夹对话框中，选择或输入一个本地文件夹作为“本地站点文件夹”，如图2-7所示。

（04）选择了本地站点文件夹后，单击该对话框中的“下一步”按钮，进入设置是否与远程服务器相连的对话框，在这里选择“无”，设置为不与远程服务器相连，如图2-9所示。

（05）单击“下一步”按钮，便会显示在站点定义向导中所选择设置的详细报告，如果感觉 …… 此处隐藏：5354字，全部文档内容请下载后查看。喜欢就下载吧 ……