第4.1章 Dreamweaver使用入门.pptVIP

第一部分：Dreamweaver 8 入门 本节内容 当前最新版本：DM CS4 4.1 了解Dreamweaver 8的工作环境 起始页对话框 （1）Dreamweaver 8 应用程序操作环境 操作环境各部分说明（一） 操作环境各部分说明（二） 操作环境各部分说明（三） 状态栏 操作环境各部分说明（可停靠浮动面板组1） 操作环境各部分说明（可停靠浮动面板组2） （2）面板组与面板的停靠与取消 取消面板组停靠：拖动手柄（在面板组标题条的左侧）；直到轮廓表明不停靠。 停靠一个面板组：通过拖动手柄，直到停靠。 取消与停靠某个面板，利用面板菜单本身的“将XX组合到”快捷菜单项实现。 4.2 使用Dreamweaver 8创建本地站点 1）建立站点的目的就是为了有效的组织管理设计网页所需要的各种元素。 站点需要一个名称和存储位置也就是目录，它可以是存储磁盘的任何位置。 2) 创建一个本地文件夹(即工作目录)，用来存储Dreamweaver 8创建的文件和相关资源。 注意（1）规划好站点结构。即不同的文件存在不同目录。 （2）不要用中文和长文件名。 (3）将该本地文件夹设置为web站点的虚拟目录。 3）创建Dreamweaver 8本地站点：利用站点菜单或站点面板，按向导提示进行。注意设置测试服务器的URL前缀，必须带上虚拟目录别名。 基于URL的测试完成。 4）管理站点：利用站点菜单或站点面板和站点地图。 站点面板（位于文件浮动面板上）处理站点中的文件和文件夹类似于windows资源管理器的使用； 站点地图将站点中所有文件显示为图标，并按照链接关系显示。 使用站点地图之前必须先定义主页；主页是站点地图的起点。 站点菜单中包含了管理站点的各项功能。 4.2 站点的建立 选择主菜单【站点】/【新建站点】命令 ，在文本框内输入站点的名称，单击“确定”按钮 4.2站点的建立 如果要使用服务器技术（如：ASP等），可单击选择第二个单选项，否则默认选择第一个单选项。 单击“下一步”。 4.2 站点的建立 选择在本地编辑还是在服务器编辑。并在文本框中指定站点文件夹的位置。单击“下一步”。 4.2 站点的建立 选择如何连接到服务器。 4.2 站点的建立 总结新创建的站点的所有设置信息，确认后单击“完成”按钮。 “文件”面板会显示出新创建的站点文件夹 。 4.2 站点的建立 创建站点目录和文件 操作方法可以是：在“文件”面扳中右键击“我的网站”站点，在弹出的快捷菜单中执行“新建文件（或新建文件夹）”命令。在出现文本框中重命名文件名（或文件夹名称），这样就方便地达到了有序管理所有站点资源的目的 4.2 站点的建立 修改站点信息 选择主菜单【站点】/【管理站点】目录，弹出“管理站点”对话框，如图所示。单击需要修改的站点名称，再单击“编辑”按钮，即可再次弹出“站点定义”对话框，然后重新进行站点设置。 4.3 使用Dreamweaver 8制作网页 (一)在网页中添加文本 特 点：所见即所得，类似于word。 方法1：直接在Dreamweaver 8 文档窗口设 计视图中键入文本。 方法2：从其他应用程序中拷贝文本。然后切 换到 Dreamweaver 8 ，将插入点定 位在“文档”窗口的“设计”视图中，然 后选择“编辑”菜单下的“粘贴”命令选项。 方法3：利用文件菜单中的导入功能。 选中文本后，利用属性面板设置文本的属性。 （二）文本的格式化 （三） 在网页中插入对象 （1）插入日期 （2）插入水平线 (四) 在网页中插入图片 （五）插入图像占位符 （六）插入鼠标经过图像功能 方法： 步1：将光标放置在要显示鼠标经过图片的位置。 步2：选择插入栏“常用”标签中的“鼠标经过图像”图标，按照提示进行…。 （七）图像与文本的混排 利用图像属性面板中的对齐属性设置图片和文本的环绕方式。 垂直属性和水平属性可以设置图片和四周的距离。 低解析度源：用于设置在图片打开前的一幅体积小的先导图片。 （八）在文档中插入FLash对象 插入Flash对象 方法1：插入菜单/媒体/flash命令 方法2：插入栏/常用/媒体/flash命令 说明：只是添加了一个flash标志。 插入Flash文本对象 方法1：插入菜单/媒体/flash文本 方法2：插入栏/常用/媒体/flash文本 上机练习 目的：熟悉基本的操作命令。 要求：制作一个简单的网页。 操作前的准备：使用Dreamweaver 8 建