网页设计-精.ppt

Dreamweaver 简介
制作第一个网页
文本修饰
超链接应用
第3章 Dreamweaver
Dreamweaver 是由Micromedia公司出品的一款网页制作的专业软件,与Fireworks、Flash并称为网页制作的“三剑客”。
Dreamweaver 也是一款“所见即所得”的可视化软件,适合专业的网页设计师使用。
Dreamweaver 简介
如果用户熟悉手工编写标记代码,Dreamweaver包括许多与编码相关的工具和功能,其使用将更加灵活。并且,借助Dreamweaver还可以使用服务器语言(例如ASP、、ColdFusion标记语言、JSP和PHP)生成支持动态数据库的Web应用程序。
目前,Dreamweaver的最新版本是Dreamweaver cs5 。
一、 Dreamweaver 界面介绍
在首次启动Dreamweaver时会出现如图3-1界面,这是一个“工作区设置”对话框,在对话框左侧是Dreamweaver的设计视图,右侧是Dreamweave 的代码视图。由于要采用可视化方式设计网页,选中“设计者”单选钮,单击“确定”按钮。
图3-1 “工作区设置”对话框
.组合面板
活动面板内容
插入工具栏
文档工具栏
文档编辑窗口
属性面板
Dreamweaver 标准工作界面大致可以分为以下几个区域:
⒈标题栏: ⒉菜单栏: ⒊文档工具栏: ⒋“插入”栏:
⒌文档窗口: ⒍属性栏: ⒎状态栏: ⒏活动面板组:
1、菜单栏
文件:用来管理文件。插入:用来插入各种元素. 修改:具有对页面元素修改的功能。文本:用来对文本操作。命令:所有的附加命令项站点:用来创建和管理站点窗口:用来显示和隐藏控制面板以及切换文档窗口帮助:联机帮助功能。
2、文档工具栏
“文档”工具栏包含各种按钮,它们提供各种“文档”窗口视图(如“设计”视图和“代码”视图)的选项、各种查看选项和一些常用操作(如在浏览器中预览)。界面如图所示。
3 “插入”栏
包含用于将各种类型的“对象”(如图像、表格和层)插入到文档中的按钮。有常用、布局、表单、文本、HTML、应用程序、Flash元素和收藏夹共个二级菜单共137个按钮。插入面板组其实就是图像化了的插入指令,通过一个个的按钮,可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。面板的界面如图。
4、文档窗口
 “文档”窗口显示当前文档。可以选择下列任一视图:“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中Dreamweaver 显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。
“代码”视图是一个用于编写和编辑 HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。
“代码和设计”视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。
5属性栏
属性面板并不是将所有的属性加载在面板上,而是根据我们选择的对象来动态显示对象的属性属性面板的状态完全是随当前在文档中选择的对象来确定的。属性面板的界面如图。