第2章初识Dreamweaver8 熟悉Dreamweaver8操作环境 网站规划与管理 。设置页面属性 每上机实践一编辑“墨攻”页面并保存
第2章 初识Dreamweaver 8 熟悉Dreamweaver 8操作环境 网站规划与管理 设置页面属性 上机实践——编辑“墨攻”页面并保存
2.1熟悉Dreamweaver操作环境 安装Dreamweaver8后，单击“开始”按钮， 选择“所有程 序”>“Macromedia'>“Macromedia Dreamweaver8'菜单，就可以启动 Dreamweaver8了。进入Dreamweaver8后， 首先映入眼帘的是起组。 打开最 在系统内置 近打开 文件的基础 过的文 上创建新文 件 创建不 件 同类型 的新文 件
2.1 熟悉Dreamweaver操作环境 安装Dreamweaver 8后，单击“开始”按钮， 选择“所有程 序”>“Macromedia”>“Macromedia Dreamweaver 8”菜单，就可以启动 Dreamweaver 8了。进入Dreamweaver 8后， 首先映入眼帘的是起始页。 打开最 近打开 过的文 件 创建不 同类型 的新文 件 在系统内置 文件的基础 上创建新文 件
在起始页的“创建新项目”列中选择“HTML”后，将 会进入Dreamweaver8的工作界面 标题栏 Macromedia Dreamweaver 8-[Untitled-1 (XHTIL)] 5▣☒ 文件)编辑)查看)插入I)修改圆)文本T)命令C)站点)窗口⑧)帮助) 菜单档 常用 回&图目回，☑，崮用四卧，更 CSS ◆应用程序 Untitled-1 菲◆标签检查器 回代码拆分国设计标题：无标题文档 o1t. ?文件 面板组 插入栏 文件资源代码片断 19. mmah L50L290L250LB09LB599950 合未命名站点1本地视图 文档标签 品Cby色同 文档工具栏 日白站点-未命名站点1①：哈品 中-☐about culture 收缩与展开 guest 状态栏 d-白images 下方面板组 Library 白 nen product 收缩与展开 -白talent 9Q100%490x1921K/1秒 由白Templates 右方面板组 属性 index.htm 属性面板 introduce.htm 格式无 样式无 CSS B I目 layer.htm 字体默认字体√ 大小无 泪扫妇妇 tb.ess 页面属性， 结果 O日期：2006-5-99：36日志
在起始页的“创建新项目”列中选择“HTML”后，将 会进入Dreamweaver 8的工作界面。 菜单栏 标题栏 插入栏 文档标签 文档工具栏 收缩与展开 状态栏 下方面板组 属性面板 收缩与展开 右方面板组 面 板 组
2.1.1“插入”栏 “插入”栏包含用于将各种类型的对象 文件)编辑g)查看)插入)修改侧文本) 。常用 a&图目回、0 (如图像、表格和层)插入到文档中的按 布局 表单代 钮。 国设计标题：无标题文档 HTML 单击“插入”栏左侧的“常用”按钮可以 应用程序 Q502020 F1ash元素 打开一个下拉列表，从中选择其他选项可 收藏夹 显示为制表符 以改变“插入”栏的内容。 单击“常用”按钮，在下拉列表中选择“显示为制表符”命令， “插入”栏的外观将发生变化。 ,插入常用布局表单文本TL应用程序1k元素收藏夹 回&围园回、，简H四卧，同 某些按钮的右侧带有一个小三角符号口”，单击该三角符号将 弹出该按钮的一组同位按钮。 >i
2.1.1 “插入”栏 “插入”栏包含用于将各种类型的对象 （如图像、表格和层）插入到文档中的按 钮。 单击“插入”栏左侧的“常用”按钮可以 打开一个下拉列表，从中选择其他选项可 以改变“插入”栏的内容。 单击“常用”按钮，在下拉列表中选择“显示为制表符”命令， “插入”栏的外观将发生变化。 某些按钮的右侧带有一个小三角符号“ ”，单击该三角符号将 弹出该按钮的一组同位按钮
2.1.2文档标签与文档工具栏 文档标签显示了当前打开的网页文档的名称。 htitlod-2005.htmi holp.htn1* 文档工具栏用于切换网页视图，管理文件，以及预览 网页等。 只显示代 只显示设 在浏览器中 刷新设 码视图 计视图 预览/调试 计视图 回代码圆拆分国设计标题：无标题文档 雕0.C国.6 显示代码视图 文档标题 和设计视图
2.1.2 文档标签与文档工具栏 文档标签显示了当前打开的网页文档的名称。 只显示代 码视图 显示代码视图 和设计视图 只显示设 计视图 刷新设 计视图 在浏览器中 预览/调试 文档工具栏用于切换网页视图，管理文件，以及预览 网页等。 文档标题
2.1.3文档窗口中的状态栏 状态栏位于文档窗口底部，它提供了与当前文档相关的 一些信息。 标签选择器 手形工具 文档大小与预计下载时间 100% 499x1531K/1秒 选取工具 缩放工具 标签选择器显示了光标所在位置的标签的层次结构。 选取、手形和缩放工具是Dreamweaver8新增的功 能，分别用于选取、移动和缩放对象
2.1.3 文档窗口中的状态栏 状态栏位于文档窗口底部，它提供了与当前文档相关的 一些信息。 标签选择器 手形工具 缩放工具 文档大小与预计下载时间 标签选择器显示了光标所在位置的标签的层次结构。 选取、手形和缩放工具是Dreamweaver 8新增的功 能， 分别用于选取、移动和缩放对象。 选取工具
2.1.4属性面板与面板组 属性面板用于查看或编辑所选对象的属性。属性面板会 随着所选对象的不同而变化。 选中图像后 的属性面板 属性 图像，TK 宽194 源文件公司.fi1es/idea.jpg白 替换 类C)无 高63 链接sonic.cn/ideaspace/白 编辑@幻寸D△ 地图 垂直边距 目标b1ank 边框0☐量差星 ▣O 水平边距 低解析度源①) 母向 对齐默认值 、属性 格式无 样式a01 YCss☐B1重差星置链接1ife/active/060329 viera/□ ⊙ 字体Aril,He 大小12像素x: 767575程拦丝坦 目标_blank 单元格 水平默认一 宽 不换行口 背景 白 页面属性， 回非 垂直顶端√ 高18 标题□ 背景颜色□ 边框□ 选中文字后 的属性面板
2.1.4 属性面板与面板组 属性面板用于查看或编辑所选对象的属性。属性面板会 随着所选对象的不同而变化。 选中图像后 的属性面板 选中文字后 的属性面板
Dreamweaver8为用户提供了众多面板，如属性面板、 文件面板、历史记录面板等。为便于管理， Dreamweaver8将这些面板归入到不同的面板组中。 ,文件 Y CSS 文件资理代码片断 cSS样式层 “文件” 白未命名站点1本地视图 全部正在 “CSS”面 所有规则 面板组包 品C&合合目 板组包括 日□站点-未命名站点1①：八人 曰css,Css 两个面板 括三个面 about .body TABLE 田 culture 板 -TD 向 guest SELECT 田 合 inages -OPTION 白 Library I证UT 白 news ⑧ product 属性 日字体 白talent font-family Temolates font-size color 日志 国Az* 幽)/向
Dreamweaver 8为用户提供了众多面板，如属性面板、 文件面板、历史记录面板等。为便于管理， Dreamweaver 8将这些面板归入到不同的面板组中。 “文件” 面板组包 括三个面 板 “CSS”面 板组包括 两个面板
2.2网站规划、创建与管理 2.2.1确定网站结构 所谓网站结构，就是网站中各个分支之间以及分支 与主页之间的关系。 通常情况下，一个网站的结构往往与该网站的导航 菜单相对应。 省页 公司介绍新闻中心产品中心人才中心客户服务企业文化 公司概况公司新闻产品总汇招聘信息服务宗言企业荣营 组织机构行业资讯产品荣誉人才战略产品知识领导关怀 媒体报道科技力量 资科下载 客户留言
2.2 网站规划、创建与管理 2.2.1 确定网站结构 所谓网站结构，就是网站中各个分支之间以及分支 与主页之间的关系。 通常情况下，一个网站的结构往往与该网站的导航 菜单相对应
2.2.2确定站点目录结构 确定好网站结构后，接下来应根据网站结构创建本 地站点，实际上就是确定本地站点以及文件的存放 位置。 哈跟 回回☒ 文件)编辑e)查若)收藏)工具红)帮助吧 ③后退··步P提案②文件夹画 地址)D:网站哈跟 习转到 文件和文件夹任多 其它位置 口时 门sws, 百的文档 口共李文档 product 2我的电脑 ⑨网上邻陪 详细信息
确定好网站结构后，接下来应根据网站结构创建本 地站点，实际上就是确定本地站点以及文件的存放 位置。 2.2.2 确定站点目录结构