《第3章-Dreamweaver基本网页编辑.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章Dreamweaver基本网页编辑第3章Dreamweaver基本网页编辑文本、图像和多媒体对象等是组成网页的最基本元素，制作精美、设计合理的网页元素不仅可以增强网页的丰富性和观赏性，还能够提高人们浏览网页的兴趣。因此，正确恰当的插入文本、图像和多媒体对象是每个网页制作者必备的基本技能。3.1在网页中添加文本和图片首先启动Dreamweaver，确保已经用站点管理器建立好了一个网站（根目录）。为了制作方便，最好事先打开资源管理器，把要使用的图片收集到网站目录的images文件夹内。3.1.1在网页中添加文本文字是构成网页

2、的重要部分，要向Dreamweaver文档添加文本，可以直接在文档窗口中键入文本，也可以复制文本。1.添加文本（1）直接添加文本既可在设计视图中输入，也可在代码视图中输入。打开一个网页文件，进入Dreamweaver设计视图，像在其他的文字编辑程序中一样直接输入文字，如图3-1所示。也可以切换到代码视图直接输入文字，如图3-2所示。图3-1设计视图下的页面效果图3-2代码视图输入过程中换行方法：l自动换行：在输入文本的过程中，Dreamweaver会第3章Dreamweaver基本网页编辑根据当前页面设置的边距自动换行，使得文

3、本一直保持在页边距内。自动换行的好处在于不管浏览器窗口有多大，网页文字都将依照窗口大小自动换行，避免超出水平页面之外而需要移动滚动条浏览的情况。l利用Enter键换行（硬换行）：按Enter键，则另起一个段落，并且插入点移到隔了一个空白行的位置上。在代码视图中显示为

标签。l利用Shift+Enter键换行（软换行）：如果要将文字手动换行，中间又不出现空白行，可以按Shift+Enter键，其行距比直接按Enter键小。在代码视图中显示为
标签。其在设计视图和代码视图下的显示效果分别如图3-3、3-4所示。图3-3设

4、计视图下的页面效果图3-4代码视图中的

、
标签在Dreamweaver中，在文本开始处直接按空格键是不会输入空格的，在文字之间按空格键可以输入半个空格。如果要在网页中输入空格，可以采用以下两种方法：第一种，按住“Ctrl+Shift”键，按一次空格键，键入半个空格。第二种，将输入法由半角状态切换到在全角状态，按一次空格键，键入一个空格。（2）复制文本打开字处理软件中含有文本的文档，如word文档，执行“编辑”菜单中的“复制”命令。然后在Dreamweaver文档窗口中，将插入点置于要添加文本的位置，执行“编辑”菜单

5、中的“粘贴”命令，完成文本复制。（3）导入Word文档如果用户已经在Word文档中将所需的信息收集完毕，可直接将其导入到Dreamweaver中。导入方法：选择“文件”

6、“导入”

7、“Word文档”命令，在“打开”对话框中选择需要导入的Word文档，单击“确定”按钮，即可完成Word文档的导入。Dreamweaver“导入”功能除了能够导入Word文档外，还可以实现导入EXCEL文档、表格式数据及XML到模板等功能。2、格式化文本在Dreamweaver中，可以使用文本的属性面板方便地进行文本的格式设置。Dreamweaver默

8、认的属性面板即是文本的属性面板，如图3-5所示。第3章Dreamweaver基本网页编辑图3-5文本的属性面板（HTML格式）注意：如果没有显示属性面板，可以通过执行“窗口”菜单下的“属性”命令来显示它。1）在属性检查器中设置HTML格式选择要设置格式的文本，打开属性检查器，单击“HTML”按钮，设置要应用于所选文本的格式选项。“格式”下拉列表框列出了用于设置所选文本的段落样式。在代码视图中，“段落”用

标签的表示，“标题1”用

9、动删除这些标记，文字的样式就会消失。图3-6各级标题“ID”下拉列表框用于为所选内容分配ID，以表示其唯一性。“ID”下拉列表框中默认情况下为“无”选项。“类”下拉列表框用于显示当前应用于所选文本的类样式。如果没有对所选内容应用过任何样式，则“类”下拉列表框中显示“无”选项。如果对所选内容应用了样式，则该下拉列表框中会显示出应用于该文本的样式。使用该下拉列表框可以直接为文本选择样式列表中已经存在的样式，也可选择“无”选项以删除当前所选的样式，还可选择“重命名”选项以重命名该样式或者选择“附加样式表”选项以打开一个允许向页面附加

10、外部样式表的对话框。加粗和倾斜按钮：可以使选中的文本加粗和倾斜。“项目列表”按钮用于为所选文本创建项目列表，又称为无序列表。“编号列表”按钮用于为所选文本创建编号列表，又称为有序列表。“删除内缩区块”和“内缩区块”按钮：用于为所选文本减少缩进或增加缩进。“链接”下拉列表框用于