[第4章用DreamweaverMX2004制作基本网页.pptVIP

第4章 用Dreamweaver MX 2004制作基本网页 4.1 建立简单的文本页面 4.2 建立插入图像的页面 4.3 超级链接 4.4 利用表格定位网页元素 4.5 应用图层定位网页元素 4.6 应用框架设计页面结构 4.7 添加其他元素 4.8 一个漂亮网页制作的实例 4.1 建立简单的文本页面 4.1.1 添加文本 4.1.2 设置文本属性 4.1.3 应用文本创建简单排版式页面 4.1.1 添加文本 直接将光标停留在空白的工作区内，通过键盘敲入文字，随着输入文本内容的增多，插入点将从左到右逐渐移动。Dreamweaver MX 2004不会自动换行，这样可以通过输入文本的多少控制网页的横向宽度，如果显示器屏幕大小比网页横向内容小，浏览器就会出现横向的滚动条。 只有按“Enter”键之后，光标才会另起一行，但是这时候网页上会创建一个新的段落，并且在前、后两个段落之间自动地插入一个空行，如图4-1所示，这是Dreamweaver MX 2004区别于其他文档编辑器的显著特征之一。 如果想要使光标换行但是不产生新的段落，可以按“Shift+Enter”组合键。如图4-1下方所示。 4.1.2 设置文本属性 输入文本后，可以通过“属性”面板修改诸如文本颜色、字体大小等属性 首先要选中要修改的文字，方法是在文本没有选中的情况下按住鼠标左键拖曳要选择的文字，所选中的文本为高亮显示 然后可以在工作区域下面的属性面板中修改其属性 4.1.2 设置文本属性 试一试：这里选择一首古词： 千古江山，英雄无觅，孙仲谋处。 舞榭歌台，风流总被，雨打风吹去。 斜阳草树，寻常巷陌，人道寄奴曾住。 想当年， 金戈铁马，气吞万里如虎。 通过属性设置，给它赋予不同的显示效果，例如：文字的大小（24）、颜色（红色）、对齐方式（左对齐）、字体（黑体）等，掌握文本的基本处理方法。 4.1.2 设置文本属性 1.设置文本字体 添加字体的操作方法如下： 选择“字体”子菜单或者“属性”面板中“字体”下拉列表框的“编辑字体列表”命令，打开“编辑字体列表”对话框 4.1.2 设置文本属性 4.1.2 设置文本属性 使用属性面板改变字体的操作方法如下 ： （1）选择应用字体的文本。 （2）按“Ctrl+F3”组合键，打开“属性”面板。 （3）打开“字体”下拉列表框，从中选择所需要的字体。 4.1.2 设置文本属性 2．设置文本字号 使用属性面板设置字号的操作方法如下： （1）选择应用字号的文本。 （2）打开“属性”面板，在“大小”下拉列表中选择相应的选项。在后面的“单位”下拉列表中选择相应的度量单位即可设置所选文本的字体大小。度量单位有像素、厘米等。对不同的段落应用不同字号后的效果如图4-6所示。 4.1.2 设置文本属性 3.设置文本颜色 在默认的情况下，文本的颜色是普通的黑色，但丰富的色彩总能吸引人的注意力，它一方面来源于图像的色彩，另一方面来源于文本的色彩。Dreamweaver MX 2004为配置文本颜色提供了两种方法：一是执行“文本”菜单的“颜色”命令；二是打开“属性”面板的颜色框进行选择。 4.1.2 设置文本属性 使用菜单命令配置颜色的操作方法如下： 选择网页内的文本。 选择菜单“文本”→“颜色”命令，打开“颜色”对话框，如图所示。 4.1.2 设置文本属性 使用属性面板配置颜色的操作方法如下： （1）选择网页内的文本。 （2）按“Ctrl+F3”组合键，打开“属性”面板。 （3）单击“属性”面板颜色块，打开“颜色”面板， 如图4-8所示。 （4）选择面板上的一种颜色。 4.1.2 设置文本属性 4.设置文本对齐方式 对于网页内的文本、对象,Dreamweaver MX 2004提供了4种对齐方式，即左对齐、居中对齐、右对齐和两端对齐。这里的对齐方式都是相对水平位置，如果将文本或对象排列在表格内，还可以在垂直方向上定义它们的对齐方式 4.1.2 设置文本属性 使用菜单命令确定对齐方式的操作方法如下： （1）选择网页内的文本。 （2）选择菜单“文本”→“对齐”，打开“对齐”子菜单，如图4-9所示。 （3）选择需要的对齐方式。 4.1.2 设置文本属性 使用属性面板确定对齐方式的操作方法如下： (1)选择网页内的文本，或者在段落内 设置插入点。 (2)按“Ctrl+F3”组合键，打开“属性”面 板。 (3)单击面板中的4个对齐按钮之一 4.1.3 应用文本创建简单排版式页面 下面利用Dreamweaver MX 2004完全的文本功能创建一个排版页面。 （1）首先建立一个新的页面。 （2）进入页面属性设置对话框，设置页面的背景图像（或者颜色）.在这里我们