Cha02DreamweaverCC的基本操作技巧.pptVIP

本章主要介绍Dreamweaver CC的一些基本操作，只有掌握基本操作在以后制作网页时才可以得心应手。 2.1 Dreamweaver CC的工作界面 2.2 创建站点 2.3 管理站点内容 2.4 网页文档的基本操作 2.5 设置网页文本 2.6 为网页添加图像 2.7 设置超级链接 2.8 思考与练习 2.1 Dreamweaver CC的工作界面 Dreamweaver是现在最流行的网页制作工具，使用Dreamweaver CC可以轻而易举的制作出跨越平台限制和跨越浏览器限制的充满动感的网页，图2.1为Dreamweaver CC工作界面。 1. 菜单栏 菜单栏显示的菜单包括文件、编辑、查看、插入、修改、格式、命令、站点、窗口、帮助10个菜单项，如所示。 2.5.3 设置段落格式 对于比较长的文字，需要对其的段落格式进行设置，以达到想要的效果。下面通过一个例子介绍如何设置段落格式。 (1) 启动软件后按Ctrl+O组合键，随即弹出【打开】对话框，选择随书附带光盘中的CDROM\素材\Cha02\段落.html素材文件，然后单击【打开】按钮，如图2.27所示。 (2) 打开素材文件后，选择【用人之道】文字，打开【属性】面板选择【HTML】选项，单击【格式】右侧的下三角按钮，在弹出的下拉列表中选择【标题1】，然后单击【内缩区块】按钮，如图2.28所示。 2.7.4 空链接 用于向页面上的对象或文本附加行为时，通常使用设置空链接的方法来实现。空连接是未指派的链接。空链接的创建方法如下所示： (1) 启动Dreamweaver CC软件，打开随书附带光盘中的CDROM\Cha02\空链接.html文件，单击【打开】按钮将其打开，如图2.61所示。 (2) 选择第一行文字【欧洲绘画】，在【属性】面板中【链接】文本框中输入文本【#】，如图2.62所示。 (3) 保存网页文档，按F12键在浏览器中预览效果，如图2.63所示。 2.7.5 下载链接 如果超级链接指向的不是一个网页文件，而是其他文件，例如RAR、MP3、EXE文件等，单击链接时就会下载文件，这就是下载链接。它通常在网站中提供资料下载。设置下载链接的具体操作步骤如下： (1) 启动Dreamweaver CC软件，打开随书附带光盘中的CDROM\Cha02\下载链接.html文件，如图2.64所示。 (2) 选择文字【作品01】，在【属性】面板中，单击【链接】文本框右侧的【浏览文件】 按钮，打开【选择文件】对话框，选择【下载链接.rar】，设置如图2.65所示，然后单击【确定】按钮。 (3) 单击【确定】按钮后即可创建链接，保存文档，按F12键在浏览器浏览效果，如图2.66所示。 2.8 思考与练习 1. Dreamweaver的工作范畴的是？ 2. 首页的文件名必须是？ 3. 对文件名和文件夹名称有什么要求？ 图2.61 打开素材文件 图2.62 设置空链接 图2.63 在浏览器中预览效果 图2.64 打开素材文件 图2.65 【选择文件】对话框 图2.66 在浏览器中预览效果 * 第2章 Dreamweaver CC的基本操作 （时间：2次课，4学时） 第2章 Dreamweaver CC的基本操作 第2章 Dreamweaver CC的基本操作 图2.1 DreamweaverCC工作界面 图2.2 菜单栏 2.1 Dreamweaver CC的工作界面 2．文档窗口 文档窗口显示当前创建和编辑的网页文档。用户可以在设计视图、代码视图、拆分视图中查看文档，如图2.3所示。 3. 【属性】面板 【属性】面板用于查看和编辑所选对象的各种属性。【属性】面板可以检查和编辑当前选定页面元素的最常用属性。【属性】面板中的内容根据选定元素的不同会有所不同，图2.4所示的是图片的【属性】面板。 4. 浮动面板 【属性】面板以外的其他面板可以统称为浮动面板，各浮动面板主要由面板的特征命名，这些面板都浮动于编辑窗口之外。我们可以通过菜单栏中的【窗口】命令来打开相应的面板，如图2.5所示。 图2.4 属性面板 图2.5 浮动面板 2.1 Dreamweaver CC的工作界面 5. 插入面板 插入面板包含用于创建和插入对象的按钮。当鼠标移到一个按钮上时，会出现一个工具提示，其中含有该按钮的名称。这些按钮被组织到几个类别中，可以在插入面板的上方切换它们。当前文档包含服务器代码时，还会显示其他类别。当启动Dreamweaver时，系统会打开上次使用