网页设计三剑客网页设计三剑客概述一、初识Dreamweaver8Dreamweaver简介一、初识Dreamweaver81.1Dreamweaver8的启动1.2Dreamweaver8的操作环境1、标题显示栏启动MacromediaDreamweave8后，标题栏将显示文字MacromediaDreamweave8.0，新建或打开一个文档后，在后面还会显示该文档所在的位置和文件名称。2、菜单栏文件：用来管理文件。例如新建，打开，保存，另存为，导入，输出打印等。编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。文本：用于设置文本格式等。命令：提供对各种命令的访问站点：用来创建和管理站点窗口：提供对所有面板、检查器和窗口的访问帮助：联机帮助功能。例如按下F1键，就会打开电子帮助文本3.插入栏网页的内容虽然多种多样，但是它们都可以被称为对象。大部分对象都可以通过“插入”栏插入到文档中。收藏夹子工具栏的创建可以将常用的插入对象放置在收藏夹中，便于使用4.面板与面板组面板是网页设计软件中的亮点，利用它能够方便的完成大多数的属性设置根据位置的不同分为：位于窗口底部的“属性”面板；位于窗口右侧的面板组属性面板显示当前文档编辑窗口中选择对象的属性。对面板组的操作打开与关闭面板、展开与折叠面板、移动面板、查看面板组的选项菜单、组合面板组、保存面板组打开与关闭全部面板F4功能键5.网页编辑视图设计视图“设计”视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。代码视图“代码”视图是一个用于编写和编辑HTML、JavaScript、服务器语言代码以及任何其他类型代码的手工编码环境。拆分视图使您可以在单个窗口中同时看到同一文档的“代码”视图和“设计”视图。1.3本地站点的创建与管理创建站点菜单栏——站点——新建站点修改站点信息站点——管理站点——编辑——“高级”标签创建站点目录结构（也就是确定网站的文件目录结构）一般情况下，用户应根据项目策划确定的网站内容，确定一级目录和二级目录的名称，以及主要文件的文件名。1.创建文件目录“文件”面板——“扩展/折叠”按钮——打开“站点管理器”——右击站点根目录“新建文件夹命令”2.新建网页“文件”面板——“扩展/折叠”按钮——打开“站点管理器”——右击站点根目录“新建文件”项，然后给文件命名。首先要添加首页，DM中默认的首页文件名为index.htm文件与文件夹的管理重命名、移动、删除文件与文件夹二、制作简单网页2.1网页的基本操作2.2设置文件头2.2设置文件头2.3文本的处理2.3文本的处理2.3文本的处理2.4插入水平线2.5插入日期2.6使用图像2.6使用图像2.6使用图像2.7设置页面属性2.7设置页面属性GIFJPEGPNG