第3篇 Dreamweaver基本网页编辑.docVIP

第3章 Dreamweaver基本网页编辑 文本、图像和多媒体对象等是组成网页的最基本元素，制作精美、设计合理的网页元素不仅可以增强网页的丰富性和观赏性，还能够提高人们浏览网页的兴趣。因此，正确恰当的插入文本、图像和多媒体对象是每个网页制作者必备的基本技能。 3.1 在网页中添加文本和图片 首先启动Dreamweaver，确保已经用站点管理器建立好了一个网站（根目录）。 为了制作方便，最好事先打开资源管理器，把要使用的图片收集到网站目录的images文件夹内。 3.1.1 在网页中添加文本 文字是构成网页的重要部分，要向 Dreamweaver 文档添加文本，可以直接在文档窗口中键入文本，也可以复制文本。 1.添加文本 （1）直接添加文本 既可在设计视图中输入，也可在代码视图中输入。打开一个网页文件，进入Dreamweaver设计视图，像在其他的文字编辑程序中一样直接输入文字，如图3-1所示。也可以切换到代码视图直接输入文字，如图3-2所示。 图3-1 设计视图下的页面效果 图3-2 代码视图 输入过程中换行方法： 自动换行：在输入文本的过程中，Dreamweaver会根据当前页面设置的边距自动换行，使得文本一直保持在页边距内。自动换行的好处在于不管浏览器窗口有多大，网页文字都将依照窗口大小自动换行，避免超出水平页面之外而需要移动滚动条浏览的情况。 利用Enter键换行（硬换行）：按Enter键，则另起一个段落，并且插入点移到隔了一个空白行的位置上。在代码视图中显示为p标签。 利用Shift + Enter键换行（软换行）：如果要将文字手动换行，中间又不出现空白行，可以按Shift + Enter键，其行距比直接按Enter键小。在代码视图中显示为br标签。其在设计视图和代码视图下的显示效果分别如图3-3、3-4所示。 图3-3 设计视图下的页面效果 图3-4 代码视图中的p、br标签 在Dreamweaver中，在文本开始处直接按空格键是不会输入空格的，在文字之间按空格键可以输入半个空格。如果要在网页中输入空格，可以采用以下两种方法： 第一种，按住“Ctrl+Shift”键，按一次空格键，键入半个空格。 第二种，将输入法由半角状态切换到在全角状态，按一次空格键，键入一个空格。 （2）复制文本 打开字处理软件中含有文本的文档，如word文档，执行“编辑”菜单中的“复制”命令。然后在Dreamweaver文档窗口中，将插入点置于要添加文本的位置，执行“编辑”菜单中的“粘贴”命令，完成文本复制。 （3）导入Word文档 如果用户已经在Word文档中将所需的信息收集完毕，可直接将其导入到Dreamweaver中。导入方法：选择“文件”|“导入”|“Word文档”命令，在“打开”对话框中选择需要导入的Word文档，单击“确定”按钮，即可完成Word文档的导入。 Dreamweaver“导入”功能除了能够导入Word文档外，还可以实现导入EXCEL文档、表格式数据及XML到模板等功能。 2、格式化文本 在Dreamweaver中，可以使用文本的属性面板方便地进行文本的格式设置。Dreamweaver默认的属性面板即是文本的属性面板，如图3-5所示。 图3-5 文本的属性面板（HTML格式） 注意：如果没有显示属性面板，可以通过执行“窗口”菜单下的“属性”命令来显示它。 1）在属性检查器中设置HTML格式 选择要设置格式的文本，打开属性检查器，单击“HTML”按钮，设置要应用于所选文本的格式选项。 “格式”下拉列表框列出了用于设置所选文本的段落样式。在代码视图中，“段落”用p标签的表示，“标题1”用h1/h1标签表示,“标题2”用h2/h2标签表示,以此类推，如图3-6所示。手动删除这些标记，文字的样式就会消失。 图3-6 各级标题 “ID”下拉列表框用于为所选内容分配ID，以表示其唯一性。“ID”下拉列表框中默认情况下为“无”选项。 “类”下拉列表框用于显示当前应用于所选文本的类样式。如果没有对所选内容应用过任何样式，则“类”下拉列表框中显示“无”选项。如果对所选内容应用了样式，则该下拉列表框中会显示出应用于该文本的样式。使用该下拉列表框可以直接为文本选择样式列表中已经存在的样式，也可选择“无”选项以删除当前所选的样式，还可选择“重命名”选项以重命名该样式或者选择“附加样式表”选项以打开一个允许向页面附加外部样式表的对话框。 加粗和倾斜按钮：可以使选中的文本加粗和倾斜。 “项目列表”按钮用于为所选文本创建项目列表，又称为无序列表。 “编号列表”按钮用于为所选文本创建编号列表，又称为有序列表。 “删除内缩区块”和“内缩区块”按钮：用于为所选文本减少缩进或增加缩进。 “链接”下拉列表框用于创建所选文本的超级链接。创建超级链接的方法