第章基础PPT课件.ppt

1 第1篇第2章Dreamweaver基础 2 1Dreamweaver的编辑环境2 1 1文档窗口2 1 2面板2 2设置工作参数2 3建立和管理站点 重点 2 4创建网页 2 2 1Dreamweaver的编辑环境 一 Dreamweaver8 0运行环境Dreamweaver8 0在Windows平台和Macintosh平台都可使用 3 二 Dreamweaver8 0软件窗口布局介绍首次启动Dreamweaver时 会出现一个工作区设置对话框 作为网页设计人员 我们一般选择 设计器 布局 4 进入Dreamweaver软件操作界面 该软件工作区分布如图 5 1 插入 栏 插入 栏包含用于将各种类型的 对象 如图像 表格和层 插入到文档中的按钮 每个对象都是一段HTML代码 允许您在插入它时设置不同的属性 例如 我们可以通过单击 插入 栏中的 表格 按钮插入一个表格 另外 也可以不使用 插入 栏而使用 插入 菜单插入对象 6 2 文档 窗口 文档 窗口用于显示当前创建和编辑的文档 7 3 文档 工具栏 文档 工具栏包含各种按钮 它们提供各种 文档 窗口视图的选项 各种查看选项和一些常用操作 8 4 标签选择器位于 文档 窗口底部的状态栏中 它显示环绕当前选定内容的标签的层次结构 单击该层次结构中的任何标签 可以选择该标签及其全部内容 9 5 属性检查器属性检查器用于查看和更改所选对象或文本的各种属性 属性检查器 10 6 面板组面板组是分组在某个标题下面的相关面板的集合 单击组名称左侧的展开箭头 可展开一个面板组 11 2 1 1文档窗口 标题栏图2 4菜单栏 提供系统功能的所有命令选项 12 2 1 1文档窗口 工具栏图2 5多文档文件名切换选项卡图2 6状态栏图2 7 13 2 1 2面板 1 面板操作隐藏或折叠面板面板组自身可以被展开或折叠 菜单命令 窗口 隐藏面板 可以隐藏全部面板 执行 窗口 显示面板 又可以显示全部面板 打开面板组右上角的选项菜单 执行 关闭面板组 命令 可以关闭该面板组 拖动面板组与文档编辑区之间的分隔条 可以横向扩大或缩小面板组 14 15 2 插入 面板和 属性 面板 16 2 2设置工作参数 1 常规 类移动文件时更新链接允许多个连续的空格历史步骤最多次数2 字体 类字体设置 设置语种 应选择简体中文 SimplifiedChinese 代码视图 如果代码窗口出现乱码 应修改该窗口的字体 3 不可见元素 类 17 18 19 20 2 3建立和管理站点 1 建立站点的目的 把我们即将制作的网页放在站点内 形成一个整体 全部网页制作完成后 是以 网站 为单位 整体地上传给服务器 管理站点 只有先建立好站点 Dreamweaver才有可能施行对站点的管理 例如 修改模板后自动更新所有网页 分类管理站点内所有资源 图片 动画 库等 管理并自动更新超连接 管理并调用CSS样式 进行站内查找与替换等 例2 1 为本课建立一个教学站点 P17 21 图2 1打开站点窗口 22 图2 2选择 管理站点 命令 图2 3 管理站点 对话框 23 定义站点名称窗口 24 设置服务器技术 25 选择站点根目录 26 设置服务器技术 27 定义站点参数 28 2 3建立和管理站点 2 管理站点多个站点的管理 站点 管理站点 站点文件目录结构 管理站点对话窗口 29 站点文件 30 2 3建立和管理站点 3 设置远程服务器 例2 2 为 多媒体网页技术课 设置远程服务器 远程信息 定义 31 远程信息 选项 32 远程站点参数设置窗口 33 2 4创建网页 在文件面板新建网页文件设置