第三章添加网页基本对象.ppt

第3章 添加网页基本对象 ;3.1 操作网页文件 文件的创建和存储是文档操作中最基本的部分。通常首先创建本地站点，然后根据站点设计规划添加各种空白文件，接着对这些文件进行编辑。本节讲述网页文件的基本操作包括：创建网页、打开网页、保存网页以及将网页设置为首页、设置网页属性等。 ;3.1.1 创建、保存网页文件 1．创建网页文件 在Dreamweaver MX 2004中，可通过3种方法创建网页。 (1)启动Dreamweaver MX 2004后，窗口中会出现一个启动页面，单击【创建新项目】下面的选项即可创建网页。 (2)单击【文件】→【新建】命令，弹出【新建文档】对话框，选定【常规】选项卡中【类别】下的【基本页面】选项，单击【创建】按钮，即可新建一个页面，默认名称为“Untitled-1”。 (3)通过工具栏按钮创建网页：单击【视图】→【工具栏】→【标准工具栏】命令，打开标准工具栏，单击标准工具栏上的【新建】按钮。打开【新建文档】对话框，按上面的步骤操作，即可新建文件。 ; 2．保存网页 编辑好的网页可以将其保存起来。在Dreamweaver MX 2004中，用户可以保存文件、另存为文件，还可以将文件保存为模板。 (1)保存文件：单击【文件】→【保存】命令，弹出【保存为】对话框，在【保存在】下拉列表框中选择保存文件的位置；在【文件名】文本框中输入保存文件的名称，并单击【保存】按钮。 (2)另存为文件：另存为文件就是将已经保存的文件另存倒其他位置，或以其他名称保存起来。操作步骤如下：单击【文件】→【另存为】命令，弹出【保存为】对话框，在【保存在】下拉列表框中选择保存文件的位置；在【文件名】文本框中输入保存文件的名称，并单击【保存】按钮。 ; (3)保存为模板：将文件保存为模板文件后，该文件将以模板的形式存在，如果其他文件应用该模板，则其格式会与之相同。在第一次将文件保存为模板文件之前，首先要建立一个站点。操作步骤如下：单击【文件】→【另存为模板】命令，弹出【另存为模板】对话框，在【站点】下拉列表框中选择站点；在【另存为】文本框中输入保存模板的名称，并单击【保存】按钮。 ;3.1.2 设置网页属性 设置网页属性包括设置网页标题、网页中文本的颜色、网页背景颜色及背景图片、网页边距等。 设置网页属性通过设置【页面属性】来完成。通过单击【修改】→【页面属性】命令，即可打开【页面属性】对话框，通过该对话框，用户可以设置页面、链接、网页标题等项的属性。在【分类】列表中选择某一项，对话框右侧即会出现有关该选项的属性。然后进行各选项地设置。设置完成后，单击【确定】按钮。 ;3.2 操作文本 文字在网页中的应用十分普遍，与其他文本处理相比网页文本处理有许多相似的部分，例如标题、段落、列表、对齐方式等，但网页文本有它独特的要求，即必须努力地精简代码，必须尽可能使样式和内容分离，必须尽可能使样式保持一定的规律。 ; 3.2.1添加文本 若要在网页文档中添加文本，首先应光标移到要添加文本的位置，直接输入内容或在其他应用程序中复制文本，然后切换到Dreamweaver 的文档窗口，进行粘贴即可。输入文字时，如果需要分段，则按Enter键。 按常规方法，在DreamweaverMX2004中不能输入多个空格，只能输入一个。如果用户想要输入多个空格，则将输入法提示框上的【半角】改为【全角】即可。 ; 3.2.2设置文本属性 设置文本属性主要包括设置文本的字体、字号、文字颜色、对齐方式、间距。 设置方法为：选定需要设置文本属性的文本，然后选择【窗口】→【属性】命令，打开属性面板，通过属性面板进行设置或选择【文本】→【字体】菜单中的相应命令即可;3.3 插入图像 在网页中添加精致、美观的图像，会使网页变得丰富多彩。在插入图像时，首先考虑图像在页面中的整体效果，其次应综合考虑图像的质量和下载速度。图片的格式有多种，但不是所有格式的图像都可以放在网页上。目前，网络上支持的图像格式有3种：JPEG、GIF和PNG。所以如果要将其他格式的图像放到网页上，首先需要转换成这3种格式。 ;3.3.1插入图像 1．插入一般图像 在Dreamweaver中插入图像后，系统会在HTML中自动生成对该图像文件的引用，要确保引用正确，插入的图像文件必须位于当前站点内，如果没在当前站点中，预览时图片将无法显示。 插入一般图像有两种方法，第一种方法：可以通过菜单命令插入，将光标放到要插入图像的位置，然后选择【插入】→【图像】命令，弹出【选择图像源文件】对话框，在对话框中选择一幅图片，单击【插入】按钮，即可在网页中插入图片