返回目录 21 Dreamweaver基础知识一文档工具栏 文档工具栏如右图所示, 回惆园舒计 包含按钮和弹出式菜单, 提供各种“文档”常用视图、各种查 文档工具栏 看选项和一些普通操作。文档工 具栏内容从左到右依次为: 代码视图:以代码的形式显示页面,方便文档代码编写 拆分视图:同时显示代码和设计视图,可同时看到两种效 果 设计视图:以设计形式显示视图,可看到所见即所得的网页 效果 标题: 可在标题文本框中为文档输入或修改标题 服务器调试 显示一个调试现行浏览器的报告。 文件管理 显示“文件管理”弹出式菜单。 在浏览器中预览/调试:随时预览网页在浏览器中的效果 6
6 2.1 Dreamweaver基础知识—文档工具栏 文档工具栏如右图所示， 包含按钮和弹出式菜单， 提供各种“文档”常用视图、各种查 看选项和一些普通操作。文档工 具栏内容从左到右依次为： 代码视图：以代码的形式显示页面，方便文档代码编写。 拆分视图：同时显示代码和设计视图，可同时看到两种效 果。 设计视图：以设计形式显示视图，可看到所见即所得的网页 效果。 标题： 可在标题文本框中为文档输入或修改标题。 服务器调试： 显示一个调试现行浏览器的报告。 文件管理： 显示“文件管理”弹出式菜单。 在浏览器中预览/调试：随时预览网页在浏览器中的效果。 文档工具栏 返回目录
返回目录 21 Dreamweaver基础知识一文档窗口 文档窗口用于显示文档,有“设计视图”、“代码视 氢”、“拆分试图”三种显示方式。 设计视图:用于可视化页面布局、可视化编辑和应用 程序开发的设计环境,此视图类似在浏览器中查看页面。 代码视图:用于编写或编辑htm、 JavaScript、服务 器语言代码、其他类型代码的编码环境 拆分视图:可以在单个窗口中同时看到同一文档的 “代码”视图和“设计”视图。 7
7 2.1 Dreamweaver基础知识—文档窗口 文档窗口用于显示文档，有“设计视图” 、 “代码视 图” 、 “拆分试图”三种显示方式。 设计视图：用于可视化页面布局、可视化编辑和应用 程序开发的设计环境，此视图类似在浏览器中查看页面。 代码视图：用于编写或编辑html、JavaScript、服务 器语言代码、其他类型代码的编码环境。 拆分视图：可以在单个窗口中同时看到同一文档的 “代码”视图和“设计”视图。 返回目录
返回目录 21 Dreamweaver基础知识—属性面板 属性面板用于 显示和修改已选定 对象的属性,可以 属性 对文本、图像、表 格式 样式〕无 格、层等进行属性 字体0体大民「 设置。不同的对像 页面性 对应不同的属性面 板。 打开“窗口” 属性面板 菜单→选“属性” 可以显示或隐藏属 性面板 8
8 2.1 Dreamweaver基础知识—属性面板 属性面板 属性面板用于 显示和修改已选定 对象的属性，可以 对文本、图像、表 格、层等进行属性 设置。不同的对像 对应不同的属性面 板。 打开“窗口” 菜单→选“属性” ， 可以显示或隐藏属 性面板 返回目录
返回目录 21 Dreamweaver基础知识一面板组 用设计 代码 面板组在工作界面的 应用程序 右边,如图所示。单击面 标签检查器 板窗口左边的按钮,可展 y文件 开或折叠整个面板窗口 文件资源 单击每一个面板组左上方 桌面 管理站点 的按钮,可展开或折叠该 日桌面 面板组窗口。 出我的电脑 号网上邻居 蹑真务 面板组 9
9 2.1 Dreamweaver基础知识—面板组 面板组 面板组在工作界面的 右边，如图 所示。单击面 板窗口左边的按钮，可展 开或折叠整个面板窗口。 单击每一个面板组左上方 的按钮，可展开或折叠该 面板组窗口。 返回目录
返回目录 22创建及设计页面一创建文档 1.创建网页文件 创建空白网页可以用两种方法 方法1:在起始页“创建新项目”列表中单击“HTML",建立一个 空白 页 方法2:在工作窗口打开“文件”菜单→选“新建”→“类别”列 表中选 “基本页”→“基本页”列表中选“HTML”→单击“创建”,建立一 个空白 页 2.利用 Dreamweaver提供的示例文件创建网页 文件”菜单→“新建”→在“类别”列表中选一种实例文档(如 页面设计 10cSS)→在“页面设计CSS”列表中选一种网页样式→单击“创建” 网页
10 2.2 创建及设计页面—创建文档 1．创建网页文件 创建空白网页可以用两种方法： 方法1：在起始页“创建新项目”列表中单击“HTML” ，建立一个 空白 页。 方法2：在工作窗口打开“文件”菜单→选“新建” → “类别”列 表中选 “基本页” → “基本页”列表中选“HTML” →单击“创建” ，建立一 个空白 页。 2．利用Dreamweaver提供的示例文件创建网页 “文件”菜单→ “新建” →在“类别”列表中选一种实例文档（如 页面设计 CSS）→在“页面设计CSS”列表中选一种网页样式→单击“创建” ， 网页 中将显示文字和页面布局，修改其中的文字及图像，快速创建所需网 页。 返回目录