中文Dreamweaver CS5网页设计 沈大林 张伦_ 第2 插入文字、图像和表格以及超级链接

《中文Dreamweaver CS5网页设计 沈大林 张伦_ 第2 插入文字、图像和表格以及超级链接》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章插入文字、图像和表格以及超级链接第2.1节在网页中插入文本和编辑文本2.1.1插入文本的方法1．导入Word文档（1）打开Microsoft Word，再打开要转换的Word文档，然后单击“文件”→“另存为”命令，调出“另存为”对话框，在该对话框的“保存类型”下拉列表框中选择“网页”或“筛选过的网页”选项，将打开的Word文档存成网页HTML格式文件。（2）在Dreamweaver CS5中打开用Word编辑的网页文件，单击“命令”→“清理Word生成的HTML”命令，调出“清理Word生

2、成的HTML”对话框，如图211所示。（3）单击“确定”按钮后，系统自动对Word生成的HTML格式文件进行清理和优化。然后调出一个如图212所示的信息对话框。单击“确定”按钮。完成文件清理和优化任务。这样可以使网页文件的字节数减少（大约可以减少一半）。图211 “清理Word生成的HTML”对话框图212信息对话框“2．创建网页文字的其他方法（1）键盘输入和复制粘贴文字：最简单和最直接的输入方法是键盘输入，也可以在其他的程序或窗口中选中一些文本，按Ctrl+C键，将文字复制到剪贴板上；然后回到

3、DreamweaverCS5设计”视图的文档窗口中，按Ctrl+V键，将其粘贴到光标所在位置。在Dreamweaver CS5中，对从外部导入文字不仅可以保留文字，还可以保留段落的格式和文字的样式。在“设计”视图文档窗口中，直接按Enter键的效果相当于插入代码

（从状态栏的左边可以看出），除了换行外，还会多空一行，这表示将开始一个新的段落。如果觉得这样换行后间距过大，可在输入文字后，按Shift+Enter键，可以插入代码
，表示将在当前行的下面插入一个新行，但仍属于当前段落，并使用

4、该段落的现有格式。在“设计”视图窗口中，对文本的许多操作与在Word中的操作基本一样。（2）使用“插入”（文本）面板：单击“插入”工具栏中的“文本”标签，切换到“文本”面板，如图213所示。图213 “插入”（文本）面板19203．文字的复制与移动在网页文档的窗口内，拖曳选中的文字，可以移动文字；按住Ctrl键的同时用拖曳选中的文字，可以复制文字。还可以采用剪贴板进行复制与移动。2.1.2文字属性的设置文本的属性（标题格式、字体、字号、大小、颜色、对齐方式、缩进和风格等）可以由文本“属性”栏和“

5、格式”菜单来设定。单击按下“HTML”按钮后，文本“属性”栏如图214所示；单击按下“CSS”按钮后，文本“属性”栏如图215所示。单击“属性”栏内右下角的按钮，可以使面板收缩；单击“属性”栏内右下角的按钮，可以使面板展开。（1）单击“字体”下拉列表框的按钮，可以调出Dreamweaver提供的各种字体组合选项的列表框，如图216所示。选择某一个字体组合的名称，即可设置该字体组合。（2）单击图216中的“编辑字体列表”选项，调出“编辑字体列表”对话框，如图217所示。选择该对话框中“字体列表”列

6、表框中的“在以下列表中添加字体”选项。图216字体组合列表项图217 “编辑字体列表”对话框单击按下“HTML”按钮图214文本的“属性”（HTML）栏单击按下“CSS”按钮图215文本的“属性”（CSS）栏1．文字标题格式的设置根据HTML代码规定，页面的文本有6种标题格式，它们所对应的字号大小和段落对齐方式都是设定好的。在“格式”下拉列表框内，可以选择各种格式，其中各选项的含义如下。（1）“无”选项：无特殊格式的规定，仅决定于浏览器本身。（2）“段落”选项：正文段落，在文字的开始与结尾处有换

7、行，各行的文字间距较小。（3）“标题1”至“标题6”选项：是标题1至标题6，约为中文1至6号字大小。（4）“预先格式化的”选项：预定义的格式。2．创建字体组合Dreamweaver CS5使用了字体组合的方法，取代了简单地给文本指定一种字体的方法。字体组合就是多个不同字体依次排列的组合。在设计网页时，可给文本指定一种字体组合。在网页浏览器中浏览该网页时，系统会按照字体组合中指定的字体顺序自动寻找用户计算机中安装的字体。采用这种方法可以照顾各种浏览器和安装不同操作系统的计算机。（3）在“可用字体”

8、列表框中选择字体。然后双击该字体名称，即可在“选择的字体”列表框内显示出相应的字体名字；也可以选择某一个字体名字，再单击按钮，将选中的字体添加到“选择的字体”列表框内。然后，依次向“选择的字体”列表框中加入字体组合中的各种字体。同时，会看到在“字体列表”列表框中最下边随之显示出新的字体组合。单击“确定”按钮，即可完成字体组合的创建。（4）如果要删除字体组合中的一种字体，选择“选择的字体”列表框中该字体的名称，再单击按钮，如果要删除一个字体组合，可在“字体列表”列表框中选择该字体组合，再单击“编辑