辅导老师：卢芳亮辅导老师：卢芳亮DreamweaverDreamweaver网页制作网页制作课件课件第一章第一章第一章第一章 DreamweaverDreamweaverDreamweaverDreamweaver 8 8 8 8 基础知识基础知识基础知识基础知识第第1章章 Dreamweaver 8 基础知识基础知识本章内容本章内容练习思考练习思考实训操作实训操作第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮本章内容本章内容Dreamweaver 8的总体了解的总体了解Dreamweaver的标题栏的标题栏Dreamweaver的菜单栏的菜单栏Dreamweaver的快捷工作栏的快捷工作栏Dreamweaver的网页编辑窗口的网页编辑窗口Dreamweaver的属性面板的属性面板Dreamweaver的浮动面板的浮动面板第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver 8的特的特点点 “所见即所得所见即所得”的可视化网站开发的可视化网站开发工具工具Dreamweaver 8提供了强大的网页提供了强大的网页编辑功能，完善的站点管理机制编辑功能，完善的站点管理机制可以让用户方便地在设计模式和编可以让用户方便地在设计模式和编码模式之间切换码模式之间切换 具有自身的许多出色设计理念，如具有自身的许多出色设计理念，如行为、时间轴、资源等行为、时间轴、资源等 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver 的标的标题栏题栏显示标题文字显示标题文字显显示示网网页页信信息息，如如网网页页标标题题、所在位置及文件名称所在位置及文件名称最小化、最大化和关闭按钮最小化、最大化和关闭按钮第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver的菜单的菜单栏栏 共有共有10种种 文件、编辑、视图、文件、编辑、视图、 插入、修改、文本、插入、修改、文本、 命令、站点、窗口和帮助命令、站点、窗口和帮助 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver 的快捷工的快捷工作栏作栏 “快捷工具栏快捷工具栏”指的是指的是“菜菜单栏单栏”下边的三排按钮，选择菜下边的三排按钮，选择菜单单“查看查看工具栏工具栏”，勾选里面，勾选里面的三项的三项“插入插入”、“文档文档”和和“标准标准”，可得完整的快捷工具栏。，可得完整的快捷工具栏。第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver 的网页编辑窗的网页编辑窗口口 快捷工具栏下面的区域是快捷工具栏下面的区域是“网网页编辑区域页编辑区域” 在在“网页编辑区域网页编辑区域”内会出现内会出现网页编辑窗口，用户可以在文档区网页编辑窗口，用户可以在文档区域中进行输入文字、插入表格和编域中进行输入文字、插入表格和编辑图片等操作辑图片等操作 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver的属性面板的属性面板 通过属性面板对对象进行设通过属性面板对对象进行设置。属性面板的设置项目会根据置。属性面板的设置项目会根据对象的不同而变化对象的不同而变化 ，如文字有字，如文字有字体、字号、对齐方式等属性，图体、字号、对齐方式等属性，图像有大小、链接、替换文字等属像有大小、链接、替换文字等属性。性。第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮Dreamweaver 的浮动面板的浮动面板 其他面板统称为浮动面其他面板统称为浮动面板，主要是由面板的特征命板，主要是由面板的特征命名的：这些面板都是浮动于名的：这些面板都是浮动于编辑窗口之外。编辑窗口之外。 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮练习思考练习思考 在在DreamweaverDreamweaver中，工作区布中，工作区布局有不同的模式，其中局有不同的模式，其中“设计设计器器” 面向（设计者），面向（设计者），“编编码器码器”面向（开发者）。面向（开发者）。第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮练习思考练习思考注意下列不同视图的特点：注意下列不同视图的特点：显示代码视图：显示显示代码视图：显示HTML源代源代码窗口。码窗口。显示代码和设计视图：同时显显示代码和设计视图：同时显示示HTML源代码和设计视图。源代码和设计视图。显示设计视图：是系统默认设显示设计视图：是系统默认设置，只显示设计视图。置，只显示设计视图。第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮练习思考练习思考 问：问：Dreamweaver 的标题的标题栏会显示哪些信息？栏会显示哪些信息？ 答：标题栏会显示网页标答：标题栏会显示网页标题、所在位置及文件名称题、所在位置及文件名称等。等。 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮练习思考练习思考 问：设置对象属性使用问：设置对象属性使用Dreamweaver的什么面板？的什么面板？ 答：设置对象属性使用答：设置对象属性使用Dreamweaver的属性面板。的属性面板。 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮实训操作实训操作 安装安装Dreamweaver 8并熟悉各界面并熟悉各界面了解在文档区域中可以进行哪些操作了解在文档区域中可以进行哪些操作了解插入工具栏提供了对哪些对象的控了解插入工具栏提供了对哪些对象的控制制 第第1 1章章 DreamweaverDreamweaver 8 8 基础知识基础知识Dreamweaver网页制作课件 制作者：卢芳亮本本 章章 结结 束束