第3章 初识Dreamweaver概要.ppt

第3章 初识Dreamweaver 3.1 Dreamweaver 8简介 Dreamweaver是由Macromedia公司开发的一款所见即所得 的设计软件FIREWORKS，并称为“网页三剑客”。 3.2 Dreamweaver 8的工作界面 Dreamweaver8软件有两种布局方式： 设计器 编码器。 在首次启动Dreamweaver 8时会出现一个“工作区设置”对 话框。 3.2 Dreamweaver 8的工作界面 每次运行Dreamweaver8,首先打开起始页, 起始页将常用的任务都集中在一个页面中,包括“打开最近项目”、“创建新项目”、“从范例创建”等。 隐藏“起始页”，可以选中“不再显示此对话框”复选框，再单击“确定”。 再次显示起始页，选择“编辑”|“首选参数”命令，打开“首选参数”对话框，在“常规”类别中设置“文档选项”为“显示起始页”即可。 3.2 Dreamweaver 8的工作界面 Dreamweaver 8标准工作界面大致分为以下几个区域： 标题栏、菜单栏、“插入”工具栏、“文档”工具栏、“标准”工具栏、文档窗口、状态栏、属性面板、浮动面板组。 3.2 Dreamweaver 8的工作界面 1．标题栏 显示软件版本信息和正在编辑文档的名字、路径等信息。 2. 菜单栏 Dreamweaver菜单栏共有10个选项。 3. “文档”工具栏 “文档”工具栏包含各种按钮，标题文本框显示网页标题。 提供三种视图方式按钮（“设计”视图、“拆分”视图、“代码”视 图）、各种查看选项和一些常用操作（如在浏览器中预 览）。 3.2 Dreamweaver 8的工作界面 4．“插入”工具栏 “插入”工具栏集成了所有可以在网页中应用的对象。 “插入”工具栏包括常用、布局、表单、文本、HTML、应用 程序、Flash元素、收藏夹等八个类别。 5．“标准”工具栏 “标准”工具栏包含来自“文件”和“编辑”菜单中的一般操作的 按钮：“新建”、“打开”、“保存”、“保存全部”、“剪切”、“复 制”、“粘贴”、“撤消”和“重做”。 6．“文档”窗口 “文档“窗口显示当前文档。可以选择下列任一视图：“设 计”、“代码”、“拆分”。 3.2 Dreamweaver 8的工作界面 7．属性面板 属性面板又称属性检查器，属性面板可以检查和编辑当前 选定页面元素（如文本和插入的对象）的最常用属性。属性 检查器中的内容根据选定的元素会有所不同。 8．状态栏 “文档”窗口的底部的状态栏提供了与正在创建的文档有关 的其他信息。单击标签以选择该标签及该层次结构中的全部 内容。单击body可以选择文档的整个正文。 9．面板 面板分别位于“文档”窗口的下方和右侧。位于“文档”窗口的 下方的是属性面板，位于“文档”窗口右侧的是浮动面板组。 3.3 Dreamweaver 8页面的总体设置 3.3.1 设置页面的相关信息 网页的头部信息在浏览器中是不可见的，但是却携带着网 页的重要信息，如关键字、描述文字等，还可以实现一些非 常重要的功能，如自动刷新功能。 （1）设置标题：网页标题可以是中文、英文或符号，显示在浏览器的标题栏中。直接在设计窗口上方的标题栏内输入或更改，就可以完成网页标题的编辑。 （2）设置文件头： “插入”工具栏|“HTML”项|“文件头” 3.3 Dreamweaver 8页面的总体设置 3.3.2 设置页面属性 单击“属性”面板中的“页面属性”按钮，或执行“修改”菜单的 “页面属性”命令，打开的“页面属性”对话框。 3.4 网页实例制作 3.4.1 新建站点 1、规划站点结构 网站是多个网页的集合，其包括一个首页和若干个分页， 这种集合不是简单的集合。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。 决定要创建多少页，每页上显示什么内容，页面布局的外 观以及各页是如何互相连接起来的。通过把文件分门别类的 放置在各自的文件夹里，使网站的结构清晰明了，便于管理 和查找。 3.4 网页实例制作 2、创建站点 在 Dreamweaver 8 中可以有效的建立并管理多个站点。 创建站点可以有两种方法： 利用向导完成 利用高级设定来完成。 （1）建立站点文件夹 在搭建站点前，首先在电脑硬盘上建一个以英文或数字命 名的空文件夹，称为网站的根文件夹。 （2）建立站点 3.4 网页实例制作 3.4.2 网页制作 （1）素材准备 准备好两幅图片bg.gif和gu35.jpg，分别用于页面背景和 网页中的插图。 （2）新建站点和网页 ①新建站点根文件夹，如E: