Dreamweaver MX 2004 使用.docVIP

第二章 Dreamweaver MX 2004 的使用 操作界面简介…………………………………………………………………1 创建和编辑文档………………………………………………………………2 表格的使用……………………………………………………………………3 建立网页链接…………………………………………………………………5 层………………………………………………………………………………6 行为的使用……………………………………………………………………7 CSS 样式表的使用……………………………………………………………8 资源面板………………………………………………………………………9 模板的使用……………………………………………………………………9 库的使用………………………………………………………………………10 站点的整理与上传…………………………………………………………11 （一个功能强大的网站管理与网页编辑工具，利用它不仅可以方便地管理站点目录结构，上传和同步更新站点，还可以方便地创建各种极具动态特性的网页。） 操作界面简介 工作区布局选择 设计者 网页设计直观，代码自动生成──适于初学者和一般人员 代码编写者 通过编写代码设计网页──适于较强代码编写人员 工作布局选择的更改 编辑/首选参数/分类（常规）/更改工作区 打开文档或创建新文档 1．2．1 打开文档 1．2．2 创建新文档 1．2．3 从模板创建新文档 操作界面简况 标题栏菜单栏 标题栏 菜单栏 插入面板 文档窗口 属性面板 控制面板 1．3．1标题栏 显示软件名称、文档标题、文件名称和窗口控制按钮 1．3．2 菜单栏 分类集中显示软件的操作命令；编辑网页、管理站点和设置操作界面 1．3．3 插入面板 通过标签选择不同符号面板；便于网页布局和插入元素 1．3．4 文档窗口 编辑文档区 1．3．5 属性面板 用于设置页面元素的属性。页面元素性质不同其属性参数也不同 1．3．6 控制面板 （可通过窗口菜单控制隐藏或显示；可拖动到窗口任何位置） 1．3．6．1 文件面板（站点管理器） 可新建、删除、重命名文件和文件夹 连接远端主机、刷新站点内容、上传和下载文件 1．3．6．2 CSS样式面板 创建页面元素的编辑样式。 采用样式的文字显示不随浏览器查看字体大小设定变化而变化 1．3．6．3 资源面板 当前站点的图、色、多媒体、模板等资源 1．3．6．4 行为面板 为网页增加交互性 1．3．6．5 层面板 显示当前网页中的层。可管理层（打开、关闭、调序） 1．3．6．6 历史记录 便于管理已执行的操作 1．3．6．7 框架面板 反映当前网页的框架结构 创建和编辑文档 2．1 建立本地站点 2．2 创建文档与文件夹 2．3 设置页面属性 边距、背景、标题、链接 2．4 插入与编辑文本 插入：输入、拷贝 编辑：字体、大小、颜色、间距 换行：shift＋enter 间隔较小 2．5 插入与编辑图像 插入方法 属性：大小、位置、图框、替代栏中输入文本 图片处理：光亮、对比度处理；Fireworks图片处理和优化 2．6 插入导航条 插入/图像对象/导航条 页面布局→插入图片→插入导航条→插入文字 或 页面布局→插入面板→常用→图像→导航条 （“插入导航条”窗口栏目说明） 2．7 插入其他元素 2．7．1 插入水平线 插入面板→HTML→水平线 变更属性 颜色变更：“快速编辑标签”中填写 hr color=”#cc3300” (变成红色，只有在浏览时才能体现颜色变化效果) 2．7．2 插入字符 插入面板→文本→字符 按钮 （重点：不换行空格） 2．7．3 插入关键字 关键字供网络搜索引擎用。 （关键字间用顿号隔开） 插入面板→HTML→文件头按钮 →弹出菜单→填写关键字 2．7．4 插入FLAH 动画 插入面板→常用→媒体Flash 表格的使用 3．1 插入表格