Dreamweaver教程PPT课件.ppt
《Dreamweaver教程PPT课件.ppt》由会员分享,可在线阅读,更多相关《Dreamweaver教程PPT课件.ppt(27页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、网页设计与制作教程网页设计与制作教程Page 12.12.1 Dreamweaver 8.0 Dreamweaver 8.0界面介绍界面介绍界面介绍界面介绍2.22.2 Dreamweaver 8.0 Dreamweaver 8.0常用工具常用工具常用工具常用工具2.3 2.3 Dreamweaver8.0 Dreamweaver8.0的功能简介的功能简介的功能简介的功能简介2.42.4 使用使用使用使用Dreamweaver 8.0Dreamweaver 8.0处理图片处理图片处理图片处理图片2.5 2.5 在在在在Dreamweaver 8.0Dreamweaver 8.0中规划站点中规划
2、站点中规划站点中规划站点2.6 2.6 本地站点的搭建与管理本地站点的搭建与管理本地站点的搭建与管理本地站点的搭建与管理2.7 2.7 实践技能训练实践技能训练实践技能训练实践技能训练第二章第二章 Dreamweaver 8.0入门入门Page 22.1.1 Dreamweaver 8.02.1.1 Dreamweaver 8.0界面介绍界面介绍界面介绍界面介绍 在首次启动在首次启动在首次启动在首次启动Dreamweaver8Dreamweaver8时会出现如图时会出现如图时会出现如图时会出现如图2-12-1的一个界面的一个界面的一个界面的一个界面,这是一个这是一个这是一个这是一个“工作区设置
3、工作区设置工作区设置工作区设置”对话框,在对话框左侧是对话框,在对话框左侧是对话框,在对话框左侧是对话框,在对话框左侧是Dreamweaver8Dreamweaver8的设计视图,右侧是的设计视图,右侧是的设计视图,右侧是的设计视图,右侧是Dreamweave 8Dreamweave 8的代的代的代的代码视图。码视图。码视图。码视图。Dreamweaver8Dreamweaver8设计视图布局提供了一个将全部元设计视图布局提供了一个将全部元设计视图布局提供了一个将全部元设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计素置于一个窗口中的集成布局。我们选择面向设计
4、者的设计素置于一个窗口中的集成布局。我们选择面向设计者的设计素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局视图布局视图布局视图布局。2.1 Dreamweaver 8.02.1 Dreamweaver 8.0界面介绍界面介绍界面介绍界面介绍Page 32.1.1 Dreamweaver 8.02.1.1 Dreamweaver 8.0界面介绍界面介绍界面介绍界面介绍 Dreamweaver 8.0标准工作界面大致可以分为以下几个区域:标题栏:菜单栏:文档工具栏:“插入”栏:文档窗口:属性栏:状态栏:浮动面板组:2.1 Dreamweaver 8.02.1 Dreamweaver
5、8.0界面介绍界面介绍界面介绍界面介绍Page 42.2.12.2.1菜单栏工具菜单栏工具菜单栏工具菜单栏工具 文件:用来管理文件。插入:用来插入各种元素.修改:具有对页面元素修改的功能。文本:用来对文本操作。命令:所有的附加命令项 站点:用来创建和管理站点 窗口:用来显示和隐藏控制面板以及切换文档窗口 帮助:联机帮助功能。2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具常用工具常用工具Page 52.2.22.2.2文档工具栏文档工具栏文档工具栏文档工具栏 “文档”工具栏包含各种按钮,它们提供各种“文档”窗口视图(如“设计”视图和“代码”视图)的选
6、项、各种查看选项和一些常用操作(如在浏览器中预览)。界面如图2-4所示。2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具常用工具常用工具Page 62.2.3 2.2.3“插入插入插入插入”栏栏栏栏 插入面板集成了所有可以在网页应用的对象包括“插入”菜单中的选项。有常用、布局、表单、文本、HTML、应用程序、Flash元素和收藏夹共8个二级菜单共167个按钮。插入面板组其实就是图像化了的插入指令,通过一个个的按钮,可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。面板的界面如图2-5所示。2.2 D
7、reamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具常用工具常用工具Page 72.2.42.2.4文档窗口文档窗口文档窗口文档窗口 “文档”窗口显示当前文档。可以选择下列任一视图:“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamweaver 8.0显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计
8、”视图。2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具常用工具常用工具Page 82.2.52.2.5属性栏属性栏属性栏属性栏 属性面板并不是将所有的属性加载在面板上,而是根据我们选择的对象来动态显示对象的属性属性面板的状态完全是随当前在文档中选择的对象来确定的。例如,当前选择了一幅图像,那么属性面板上就出现该图像的相关属性;如果选择了表格,那么属性面板会相应的变化成表格的相关属性。属性面板的界面如图2-8所示。2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具常用工具常用工具Page 92.2.62.2.
9、6状态栏状态栏状态栏状态栏 “文档窗口”的底部的状态栏提供了与你正在创建的文档的有关其他信息。“文档”窗口底部的状态栏提供与你正创建的文档有关的其它信息。标签选择器显示环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击 可以选择文档的整个正文。2.2 Dreamweaver 8.02.2 Dreamweaver 8.0常用工具常用工具常用工具常用工具Page 101.将世界一流水平的将世界一流水平的“设计设计”和和“代码代码”编辑器合二为一,编辑器合二为一,在设计窗口中精简源代码,是用户能够按照工作的需要指定在设计窗口中精简源代码,是用户能够按照工作的需
10、要指定自己的用户界面。自己的用户界面。2.跨浏览器有效检查当保存时,自动地检查当前文档跨浏览跨浏览器有效检查当保存时,自动地检查当前文档跨浏览器的有效性(兼容性),可以指定测试浏览器,同时自动检器的有效性(兼容性),可以指定测试浏览器,同时自动检测以确定页面有没有目标浏览器不支持的测以确定页面有没有目标浏览器不支持的tags或或CSS结构。结构。动态跨浏览器有效性检测功能可以自动核对动态跨浏览器有效性检测功能可以自动核对tags或或CSS规则规则是否适应目前的主浏览器。是否适应目前的主浏览器。3.使用内置的图形编辑程序让开发更加节省时间。图像的剪使用内置的图形编辑程序让开发更加节省时间。图像的
11、剪切、缩放等一系列的辅助性的图象编辑功能可以使用内嵌的切、缩放等一系列的辅助性的图象编辑功能可以使用内嵌的Macromedia Fireworks 技术。技术。4.在设计模式下允许开发者可以不用固定的浏览器预览数据,在设计模式下允许开发者可以不用固定的浏览器预览数据,而利用而利用LiveData窗口预览实时数据窗口预览实时数据。2.3 Dreamweaver8.02.3 Dreamweaver8.0的功能简介(的功能简介(的功能简介(的功能简介(1 1)Page 11 5.功能更多的功能更多的CSS支持支持 在设计窗口中运用重新设计的标签检测工具来检测哪个在设计窗口中运用重新设计的标签检测工具
12、来检测哪个CSS规则运用与当前的选择。规则运用与当前的选择。即时编辑功能让你在编辑即时编辑功能让你在编辑CSS的同时能够即时看到设计的同时能够即时看到设计窗口中的变化。窗口中的变化。使用增强的使用增强的CSS面板直接在代码内部定义样式,并且可面板直接在代码内部定义样式,并且可以直观地看到以直观地看到CSS样式定义的位置。样式定义的位置。不必切换编辑方式直接选取不必切换编辑方式直接选取CSS样式,样式下拉列表中样式,样式下拉列表中内置了所有可用样式的预览显示。内置了所有可用样式的预览显示。通过页面属性对话框(通过页面属性对话框(“修改修改”菜单菜单 “页面属性页面属性”)获取更多改变页面控制属性
13、(如标题、链接等)。)获取更多改变页面控制属性(如标题、链接等)。2.3 Dreamweaver8.02.3 Dreamweaver8.0的功能简介(的功能简介(的功能简介(的功能简介(2 2)Page 126.运用完整的集成开发环境来开发运用完整的集成开发环境来开发HTML、XHTML、XML、ASP、ASP.NET、JSP、PHP和和Macromedia Cold Fusion站点。通过站点。通过Macromedia插件中心可以获取插件中心可以获取800多个免费插多个免费插件来制定和扩展你的开发环境。件来制定和扩展你的开发环境。7.所有传输的文件完全加密,并阻止越权存取你的信息、文所有传输
14、的文件完全加密,并阻止越权存取你的信息、文件内容、用户名和口令。件内容、用户名和口令。8.从从Microsoft Word和和Excel中直接拷贝粘帖内容到中直接拷贝粘帖内容到Dreamweaver中,同时保留字体、颜色和中,同时保留字体、颜色和CSS样式。完全样式。完全支持支持Unicode,支持使用和,支持使用和chu存任何字体以及编码(包括存任何字体以及编码(包括双字节字符)。双字节字符)。9.使用改进后的使用改进后的ASP.NET对象和属性检测工具构建对象和属性检测工具构建Microsoft ASP.NET Web forms.2.3 Dreamweaver8.02.3 Dreamwe
15、aver8.0的功能简介(的功能简介(的功能简介(的功能简介(3 3)Page 132023/4/91410.重新编写重新编写PHP语法和服务器行为,包括语法和服务器行为,包括Master-Detail页页面设置模块、用户身份验证模块等。面设置模块、用户身份验证模块等。通过内置的通过内置的Flash构件,导入一个构件,导入一个Flash构件就像标签一样构件就像标签一样轻松。轻松。MXHTML构件,利用构件,利用MX组件(包括按钮、模板)快速建组件(包括按钮、模板)快速建立有效的用户界面。立有效的用户界面。改进的表格编辑工具,修改的改进的表格编辑工具,修改的Insert面板,高效的文件编面板,高
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Dreamweaver 教程 PPT 课件
限制150内