网页设计与制作Dreamweaver8网页设计培训课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
3.1.5 网页编辑窗口
第一页
工具栏下面的区域是“网页编辑区 上一页 域”，在Dreamweaver 8启动时显示一个
“起始页”，其中包括“打开最近项目”、 下一页 “创建新项目”、“从范例创建”三个较
方便使用的项目。选中任意项，出现“网
最后页
页编辑窗口” ，则“网页编辑区域”就会 退出 出现“网页编辑窗口”，用户可以在文档
开网页的话，在后面还会显示该网页的一些信息， 下一页 如网页标题、所在位置及文件名称，右边有3个
按钮，分别对应Dreamweaver 8窗口的最小化、 最后页 最大化和关闭的操作。
退出
3.1 Dreamweaver 8简介
3.1.3 菜单栏
第一页
“标题栏”的下面是“菜单栏”， 菜单栏中提供了
“文件”、“编辑”、“查看”、“插入”、“修改”、 上一页 “文本”、“命令”、“站点”、“窗口”和“帮助”
十个菜单项。单击其中任意一个菜单，会出现一个
下一页 下拉式指令菜单，如果指令选项为浅灰色的话，
则代表该指令在当前的状态下不能执行。有些指
最后页 令的右边会有键盘的代码，这是该指令的快捷键，
熟练使用快捷键将会有助于提高工作效率。有些
退出 指令的右边会有一个小黑三角的标记，它代表该
指令还包含有下一级的指令，鼠标停留片刻即可
如果要制作一个完整的网站，在制作网站的 第一页 具体页面之前，首先需要创建一个本地站点。下
面我们以本章案例的站点建设为例，说明本地站
上一页
点创建与管理的方法。
下一页
3.2.1 建立站点
创建过程如下：打开“文件”面板 ； 单击 最后页 “管理站点”，出现 “管理站点”对话框；单击
“新建”按钮，并从下拉菜单中选择“站点”命 退出 令 ，按向导新建站点。
3.2 站点的建立与管理
3.2.2 管理站点
第一页
Dreamweaver 8的“管理站点”对话 上一页 框提供了站点的新建、编辑、复制、删除、
导出、导入等操作，从而能够很方便的对 下一页 站点进行管理。
最后页
退出
3.3 页面设计
3.3.1 页面属性设置
第一页
打开任意页面，进入页面的编辑窗口。 上一页 这时的
Dreamweaver 8简介
上一页
站点的建立与管理
下一页
页面设计
最后页
退出
3.1 Dreamweaver 8简介
本章案例的小型个人网站是利用 第一页 Dreamweaver 8设计的，在设计前首先要
对该环境作个基本的了解，下面就来简单
上一页
的介绍Dreamweaver 8。
目列表和编号列表 、设置文本凸出和文本
最后页
缩进 、设置超链接等。
退出
3.3 页面设计
3.3.3 图像操作及应用
第一页
图像是网页中不可缺少的组成部分， 上一页 几乎所有的网页都采取图像和文字结合的
方式，图像对于丰富网页的外观极其重要， 下一页 因此，合理的使用图像，可以使网站充满
有一个“页面属性” 下一页 按钮，单击该按钮，
调出如下图所示的
最后页
“页面属性”对话框， 退出 用于设置页面属性。
3.3 页面设计
3.3.2 文本编辑
第一页
在网页中插入文本有两种方式，一种 上一页 是在网页编辑窗口中直接输入，另外一种
就是复制粘贴。其设置包括：设置格式、 下一页 设置样式 、设置文本的对齐方式 、设置项
区域中输入文字、插入表格和编辑图片等
3.1 Dreamweaver 8简介
3.1.6 状态栏
第一页
文档区下部有一个如下图所示的区域，其中 上一页 左半部分文字（如“<body>”）表示当前光标所
在区域的HTML标记，单击可以选定这个HTML标 下一页 记包括的区域，其中右半部分文字表示的是当前
页面的尺寸（单位是像素），单击它会出现下拉 最后页 菜单，用户可以选择各种网页分辨率，也可以自
3.1 Dreamweaver 8简介
3.1.4 工具栏
第一页
“工具栏”指的是“菜单栏”下边三排
上一页 按钮，选择菜单“查看/工具栏”，选定里
面的“插入”、“文档”和“标准”三项，
下一页 三个工具栏就显示出来了，如下图所示。
最后页
插入工 具标栏准工
具文栏档工
具栏
退出
3.1 Dreamweaver 8简介
下一页
最后页
退出
第一页 上一页 下一页 最后页
退出
3.1 Dreamweaver 8简介
Dreamweaver 8工作界面如下图所示。
第一页 上一页 下一页 最后页
退出
3.1 Dreamweaver 8简介
3.1.2 标题栏
第一页
Dreamweaver 8的“标题栏”中将显示文 上一页 字“Macromedia Dreamweaver 8”，如果打
定义新的分辨率。
退出
3.1 Dreamweaver 8简介
3.1.7 面板工具
第一页
1.属性面板
上一页
网页编辑窗口下面是“属性面板”, 用
来显示和调整页面对象的属性，根据鼠标
下一页
所选中对象的不同，“属性面板”界面会
最后页 有差异，用户可以分别对不同的对象进行
设置
退出
2.浮动控制面板组
3.2 站点的建立与管理
网页设计与制作
—Dreamweaver 8 网页设计
李京文
教学目标
1．熟悉Dreamweaver 8的操作界面； 2．熟悉和掌握使用Dreamweaver 8建立与管理站点； 第一页 3．掌握如何使用Dreamweaver 8设置页面属性； 4．掌握如何使用Dreamweaver 8对文本进行编辑； 上一页 5．掌握在Dreamweaver 8中如何插入和编辑图像； 6．掌握如何在Dreamweaver 8创建表格并对其进行编辑； 7．掌握如何在Dreamweaver 8建立超链接； 下一页 8．掌握如何在Dreamweaver 8中使用多媒体； 9．掌握如何在Dreamweaver 8中使用层； 10．掌握如何在Dreamweaver 8中使用框架； 最后页 11．了解如何在Dreamweaver 8中创建和使用样式表； 12．了解如何在Dreamweaver 8中使用模板与库； 13．掌握如何在Dreamweaver 8创建表单； 退出 14．了解如何在Dreamweaver 8中使用行为与时间轴； 15．熟练运用Dreamweaver 8创建自己个人主页。
第一页
工具栏下面的区域是“网页编辑区 上一页 域”，在Dreamweaver 8启动时显示一个
“起始页”，其中包括“打开最近项目”、 下一页 “创建新项目”、“从范例创建”三个较
方便使用的项目。选中任意项，出现“网
最后页
页编辑窗口” ，则“网页编辑区域”就会 退出 出现“网页编辑窗口”，用户可以在文档
开网页的话，在后面还会显示该网页的一些信息， 下一页 如网页标题、所在位置及文件名称，右边有3个
按钮，分别对应Dreamweaver 8窗口的最小化、 最后页 最大化和关闭的操作。
退出
3.1 Dreamweaver 8简介
3.1.3 菜单栏
第一页
“标题栏”的下面是“菜单栏”， 菜单栏中提供了
“文件”、“编辑”、“查看”、“插入”、“修改”、 上一页 “文本”、“命令”、“站点”、“窗口”和“帮助”
十个菜单项。单击其中任意一个菜单，会出现一个
下一页 下拉式指令菜单，如果指令选项为浅灰色的话，
则代表该指令在当前的状态下不能执行。有些指
最后页 令的右边会有键盘的代码，这是该指令的快捷键，
熟练使用快捷键将会有助于提高工作效率。有些
退出 指令的右边会有一个小黑三角的标记，它代表该
指令还包含有下一级的指令，鼠标停留片刻即可
如果要制作一个完整的网站，在制作网站的 第一页 具体页面之前，首先需要创建一个本地站点。下
面我们以本章案例的站点建设为例，说明本地站
上一页
点创建与管理的方法。
下一页
3.2.1 建立站点
创建过程如下：打开“文件”面板 ； 单击 最后页 “管理站点”，出现 “管理站点”对话框；单击
“新建”按钮，并从下拉菜单中选择“站点”命 退出 令 ，按向导新建站点。
3.2 站点的建立与管理
3.2.2 管理站点
第一页
Dreamweaver 8的“管理站点”对话 上一页 框提供了站点的新建、编辑、复制、删除、
导出、导入等操作，从而能够很方便的对 下一页 站点进行管理。
最后页
退出
3.3 页面设计
3.3.1 页面属性设置
第一页
打开任意页面，进入页面的编辑窗口。 上一页 这时的
Dreamweaver 8简介
上一页
站点的建立与管理
下一页
页面设计
最后页
退出
3.1 Dreamweaver 8简介
本章案例的小型个人网站是利用 第一页 Dreamweaver 8设计的，在设计前首先要
对该环境作个基本的了解，下面就来简单
上一页
的介绍Dreamweaver 8。
目列表和编号列表 、设置文本凸出和文本
最后页
缩进 、设置超链接等。
退出
3.3 页面设计
3.3.3 图像操作及应用
第一页
图像是网页中不可缺少的组成部分， 上一页 几乎所有的网页都采取图像和文字结合的
方式，图像对于丰富网页的外观极其重要， 下一页 因此，合理的使用图像，可以使网站充满
有一个“页面属性” 下一页 按钮，单击该按钮，
调出如下图所示的
最后页
“页面属性”对话框， 退出 用于设置页面属性。
3.3 页面设计
3.3.2 文本编辑
第一页
在网页中插入文本有两种方式，一种 上一页 是在网页编辑窗口中直接输入，另外一种
就是复制粘贴。其设置包括：设置格式、 下一页 设置样式 、设置文本的对齐方式 、设置项
区域中输入文字、插入表格和编辑图片等
3.1 Dreamweaver 8简介
3.1.6 状态栏
第一页
文档区下部有一个如下图所示的区域，其中 上一页 左半部分文字（如“<body>”）表示当前光标所
在区域的HTML标记，单击可以选定这个HTML标 下一页 记包括的区域，其中右半部分文字表示的是当前
页面的尺寸（单位是像素），单击它会出现下拉 最后页 菜单，用户可以选择各种网页分辨率，也可以自
3.1 Dreamweaver 8简介
3.1.4 工具栏
第一页
“工具栏”指的是“菜单栏”下边三排
上一页 按钮，选择菜单“查看/工具栏”，选定里
面的“插入”、“文档”和“标准”三项，
下一页 三个工具栏就显示出来了，如下图所示。
最后页
插入工 具标栏准工
具文栏档工
具栏
退出
3.1 Dreamweaver 8简介
下一页
最后页
退出
第一页 上一页 下一页 最后页
退出
3.1 Dreamweaver 8简介
Dreamweaver 8工作界面如下图所示。
第一页 上一页 下一页 最后页
退出
3.1 Dreamweaver 8简介
3.1.2 标题栏
第一页
Dreamweaver 8的“标题栏”中将显示文 上一页 字“Macromedia Dreamweaver 8”，如果打
定义新的分辨率。
退出
3.1 Dreamweaver 8简介
3.1.7 面板工具
第一页
1.属性面板
上一页
网页编辑窗口下面是“属性面板”, 用
来显示和调整页面对象的属性，根据鼠标
下一页
所选中对象的不同，“属性面板”界面会
最后页 有差异，用户可以分别对不同的对象进行
设置
退出
2.浮动控制面板组
3.2 站点的建立与管理
网页设计与制作
—Dreamweaver 8 网页设计
李京文
教学目标
1．熟悉Dreamweaver 8的操作界面； 2．熟悉和掌握使用Dreamweaver 8建立与管理站点； 第一页 3．掌握如何使用Dreamweaver 8设置页面属性； 4．掌握如何使用Dreamweaver 8对文本进行编辑； 上一页 5．掌握在Dreamweaver 8中如何插入和编辑图像； 6．掌握如何在Dreamweaver 8创建表格并对其进行编辑； 7．掌握如何在Dreamweaver 8建立超链接； 下一页 8．掌握如何在Dreamweaver 8中使用多媒体； 9．掌握如何在Dreamweaver 8中使用层； 10．掌握如何在Dreamweaver 8中使用框架； 最后页 11．了解如何在Dreamweaver 8中创建和使用样式表； 12．了解如何在Dreamweaver 8中使用模板与库； 13．掌握如何在Dreamweaver 8创建表单； 退出 14．了解如何在Dreamweaver 8中使用行为与时间轴； 15．熟练运用Dreamweaver 8创建自己个人主页。