《网站建设与管理之简单网页设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、第四章简单网页设计内容提要4.1插入文本4.2格式化文本4.3项目列表的应用4.4标尺和网格4.5在网页中添加图像4.6创建超级链接4.7插入多媒体<2>4.1插入文本插入普通文本插入特殊字符在字符之间添加空格插入其他文本<3>插入普通文本将插入点定位在文档编辑区中，直接输入文本即可。在Word等文本编辑软件中编辑好文本之后，将其复制到剪贴板上，然后在Dreamweaver8中将插入点定位到文档编辑区中，粘贴剪贴板中的文本亦可。<4>插入特殊字符在Dreamweaver8中编辑文本时，往往会遇到一些无法通过键盘直接输入的特殊字符，如版权符号©、注册商标符号

2、®等，这时可通过插入特殊字符的功能进行插入。<5>在字符之间添加空格Dreamweaver8中的文档格式都是以HTML编码形式存在的，而HTML编码中只允许字符之间包含一个空格，所以在Dreamweaver8中无论按多少次空格键都只会输入一个空格。Ctrl+Shift+空格可以插入空格<6>插入水平线在文档编辑区将插入点定位到所需位置，选择[插入][HTML][水平线]菜单命令或单击“插入”栏中的“HTML”选项卡在其中单击按钮即可添加水平线。<7>修改水平线初始绘制的水平线的格式往往不能满足实际需要，此时可通过属性面板对其进行修改。<8>插入日期在制

3、作网页时，有时需要插入当前的日期，Dreamweaver8提供了快速插入日期和时间的功能。<9>4.2格式化文本设置字体外观设置字体大小设置颜色设置字体样式设置对齐方式设置标题格式设置样式<10>设置字体外观用户也可对属性面板的“字体”下拉列表框中的字体列表重新编辑。<11>设置字体大小在属性面板的“大小”下拉列表框中选择相应的选项，并选择其后的“单位”下拉列表框中相应的单位选项，即可设置所选文本的字体大小。字体的度量单位有像素（px）、厘米（cm）等，可根据具体情况进行选择，但一般都以像素为单位。<12>设置颜色单击属性面板中的按钮，在弹出的颜色列表框中

4、选择相应的选项可设置所选文本的字体颜色，在其后的文本框中可直接输入颜色的英文名（如Red、Green等）或以“#”开头的十六进制颜色代码（如#ff0000、＃00ff00）设置所选文本的颜色。<13>设置字体样式粗体根据在“首选参数”对话框的“常规”选项中设置的样式参数选择，将或标签应用于选定的文本，即对所选文本加粗。单击按钮即可设置“加粗”设置，再次单击按钮可取消“加粗”设置。斜体根据在“首选参数”对话框的“常规”选项中设置的样式参数选择，将或标签应用于选定的文本，即对所选文本进行倾斜设置。选中按钮即可将所选的文本应用

5、“倾斜”。再次单击按钮可取消“倾斜”设置。<14>设置对齐方式通过属性面板中的“左对齐”按钮、“居中对齐”按钮、“右对齐”按钮和“两端对齐”按钮可设置文本的对齐方式。<15>设置标题格式在属性栏的“格式”下拉列表框中可设置标题格式，其中“段落”是应用

标签的默认格式，“标题1”选项应用

标签，设置该选项可以将所选的文本设置成各种标题。标题号越小，字体越大。<16>设置样式属性面板中的“样式”下拉列表框可用于显示当前应用于所选文本的样式。<17>4.3项目列表的应用有序列表无序列表定义列表为现有文本创建列表创建嵌套列表设置项目列表属性<18>有序列

6、表有序列表又称为编号列表，是有一定排列顺序的列表，一般前面有数字前导字符，其中前导字符可以是阿拉伯数字、英文字母或罗马数字等。<19>无序列表无序列表又称为项目列表，是一系列无顺序级别关系的项目文本组成的列表，一般前面是用项目符号作为前导字符。<20>定义列表定义列表不使用项目符号或数字这样的前导字符，通常用在词汇表或说明书中<21>为现有文本创建列表除了先创建列表项再输入文本外，还可以先输入文本，然后再设置列表项。<22>创建嵌套列表嵌套列表是包含在其他列表中的列表●演示<23>设置项目列表属性使用“列表属性”对话框可以设置列表项的外观，包括编号样式、项

7、目符号样式等。<24>标尺和网格标尺分为水平标尺和垂直标尺，分别显示在Dreamweaver8文档编辑区的上方和左侧。标尺的单位包括像素、厘米和英寸，在默认状态下使用像素为单位。<25>网格网格与标尺都是定位工具，但在网页布局中使用网格更方便。文档编辑区中显示了网格后，就可以对网页元素进行准确的定位了。<26>4.5在网页中添加图像网页图像的格式及来源插入图像设置图像属性图像高级设置<27>网页图像的格式及来源GIF格式JPEG格式PNG格式网页图像来源<28>GIF格式GIF全称为“GraphicsInterchangeFormat”，意为可交换图像格式

8、，它是第一个支持网页的图像格式，在PC机和苹果机上都能被正确识别。