Dreamweaver简介.ppt

焦作师专 · 计信学院 Dreamweaver网页制作 Dreamweaver工作区简介 Dreamweaver网页制作系列微课 主讲：刘淑芝 Dreamweaver 主要功用 网页制作 所见即所得 网站管理 多站点管理 其他 设置HTML编辑器 支持DHTML和CSS 可以导入excel和access文件，flash动画 可以编辑动态网页 0.3.1 Dreamweaver CS3 工作区设置 1．了解中文 Dreamweaver CS3 工作区 图 0-3-1 Dw ADOBE DREAMWEAVER CS3 界面 图 0-3-2 采用“设计器”风格的中文 Dreamweaver CS3 工作区 2．改变 Dreamweaver CS3 工作区 图 0-3-3 “编码器”风格的 Dreamweaver CS3 的工作区 （2）调整工作区布局（例如，打开或关闭一些面板、工具栏，调整面板的位置等）后，单击“窗口”→“工 作区布局”→“保存当前”命令，可弹出“保存工作区布局”对话框，在“名称”文本框内输入名称（例如，陈 芳麟），如图 0-3-4 所示。再单击“确定”按钮，即可将当前工作区布局保存。 图 0-3-4 “保存工作区布局”对话框 用户在以后设计的过程中只要单击“窗口”→“工作区布局”命令（例如，单击“窗口”→“工作区布局” →“陈芳麟”命令），即可进入相应风格的工作区。 0.3.2 “Dw ADOBE DREAMWEAVER CS3”界面 通常，在启动 Dreamweaver CS3 后或在没有任何文档打开时，会自动调出“ADOBE DREAMWEAVER CS3”界面， 如图 0-3-1 所示。该对话框由四部分组成，分别为“打开最近的项目”、“新建”、“从模板创建”、“Dreamweaver 帮助”。如果选中“不再显示”复选框，则下次启动 Dreamweaver CS3 时或在没有任何文档打开时，就不会再出 现此界面。 1．“新建”面板和“打开最近的项目”面板 （1）“新建”面板：此面板中列出了大部分可以创建的文档，利用它可快速创建一个新的文档或者一个站点。 例如，单击 HTML 超链接，可以进入 HTML 网页设计状态；单击“ASP VBScript”超链接，可进入 ASP VBScript 编辑状态；单击“更多”按钮 或单击“文件”→“新建”命令，可弹出“新建文档”对话框，如图 0-3-5 所示。 图 0-3-5 “新建文档”对话框 默认选择左边栏内的“空白页”选项，在“页面类型”栏内可选择文档类型，在“布局”栏内可选择一种布 局风格和进行其他设置。单击“创建”按钮，即可创建一个空页面。 （2）“打开最近的项目”栏：此栏中列出了最近打开过的文档名称，单击其中的项目可以快速调出已经编辑 过的文档。单击“打开”按钮 ，可以调出“打开”对话框，利用该对话框可以选择要编辑的网页文档，再单击 “打开”按钮，即可打开选定的文档。 2．“从模板创建”栏和“Dreamweaver 帮助”栏 （1）“从模板创建”栏：单击其中的图标按钮，可调出不同的“新建文档”对话框，利用该对话框可以新建 一个相应的文档。在文档底部的“扩展”栏中有一个“Dreamweaver Exchange”按钮，单击该按钮后，可以链接 到 Dreamweaver Exchange 网站。 （2）“Dreamweaver 帮助”栏内有“快速入门”、“新增功能”和“资源”三个按钮。分别单击这三个按钮， 可以进入 Adobe 的“Dreamweaver CS3”帮助网站中相应的网页。 0.3.3 文档窗口 文档窗口用来显示和编辑当前的文档页面。当文档窗口处于还原状态时，其标题栏内显示网页的标题、网页 文档所在的文件夹的名称和网页文档的名称，“文档工具”栏和“标准工具”栏在文档窗口外；文档窗口在最大 化时，其标签内显示文档的名称，“文档”工具栏和“标准”工具栏在文档窗口内。文档窗口底部有状态栏，可 提供多种信息。 在调整网页中一些对象的位置和大小时，利用标尺和网格工具可以使操作更准确。 1．标尺 （1）显示标尺：单击“查看”→“标尺”→“显示”命令，可在文档窗口内的左边和上边显示标尺。单击“查 看”→“标尺”命令的下一级菜单中的“像素”、“英寸”或“厘米”命令，可以更改标尺的单位。 （2）重设原点：用鼠标拖动标尺左上角处的小正方形，此时鼠标指针呈十字型。拖动鼠标到文档窗口内合适 的位置后释放左键，即可改变原点位置。如果要将标尺的原点位置还原，可单击“查看”→“标尺”→“重设原 点”命令。 2．网格 （1）显示与不显示网格线：单击“查看”→“网格”→“显示网格”命令，可以在显示和不显示网格