dreamweaver网页设计实验指导书(实验二 在网页中使用文本).doc

DreamWeaver技能实训练习册实验二在网页中使用文本一、 实验目的掌握“插入面板”中的“文本面板”、“常用面板”，“文本菜单”和“文本属性面板”的使用及设置文本格式的方法。二、实验内容1、在页面中插入特殊符号，如：“￥和空格符”。2、在页面中插入日期，要求日期格式为“年月日 星期 : （时）（分）”。3、在页面中插入水平线。4、在新的页面中编辑一个项目列表，如图2-2-1所示，要求：字体为“楷体”、大小为“16pt”、颜色为“黄色”，网页背景颜色为绿色。图2-2-1三、实验步骤内容1的实验步骤如下：1、将光标定位到插入特殊字符的位置。2、单击“插入”面板中的“文本”选项卡，如图2-2-2所示。图2-2-23、单击 按钮，展开如图2-2-3所示的“字符”下拉列表。 图2-2-34、单击相应的选项即可在Web页面中添加相应的特殊字符，如图2-2-3所示。 图2-2-35、插入不换行空格，可执行如下操作之一。(1) 在“插入”面板的“文本”选项卡中，单击“字符”按钮，在下拉列表中选择“插入不换行空格”选项。(2) 选择插入/HTML/特殊字符/不换行空格菜单命令。 (3) 按【Ctrl+Shift+空格键】键输入。 (4) 将输入法切换到全角状态再按空格键。内容2的实验步骤如下：1. 选择插入/日期菜单命令，或者选择“插入”面板的“常用”选项中，然后单击“插入日期”按钮，则打开如图2-2-4所示的“插入日期”对话框。图2-2-42. 在弹出的“插入日期”对话框中选择星期格式为“星期四”、日期格式为“1974年3月7日”、时间格式为“22：18”。注意：如果希望网页在保存时系统都会自动更新日期信息，则选中选中复选框。1、 单击“确定”按钮即可插入日期。内容3的实验步骤：1、在“文档”窗口中，将插入点放在要插入水平线的位置。2、执行以下操作之一。(1) 选择插入/HTML/水平线菜单命令； (2) 单击“插入”面板的“HTML”选项卡，再单击“水平线”按钮 ，如图2-2-5所示 。图2-2-5内容4的实验步骤:1、在页面中输入如下文字：在页面中插入特殊符号如：“￥和空格符”。将光标定位到插入特殊字符的位置。单击“插入”栏中的“文本”选项卡，如图所示。在页面中插入日期，设置日期的星期、日期、时间格式和保存时自动更新。选择插入/日期菜单命令，或者选择“插入”面板中的“常用”选项卡，然后单击“插入日期”按钮，则打开 “插入日期”对话框。在弹出的“插入日期”对话框中选择星期格式、日期格式和时间格式。在页面中插入水平线。编辑一个项目列表。2、 选择上面输入的所有内容，进行如下的操作：(1) 选中文字：在页面中插入特殊符号如：“￥和空格符”,单击“文本”属性面板中的“项目列表”按钮,则会出现图2-2-1中所示的圆形符号，重复该操作进行下面的项目列表符号的添加。注意：默认情况下项目列表符号为圆形，如果想要出现的项目列表符号为方形，可以进行如下操作：a) 选择文本/列表/列表属性菜单命令，弹出如图2-2-6所示的“列表属性”对话框。图2-2-6b) 在“列表类型”下拉框中选择“项目列表”，在“样式”下拉框中选择“正方形”。c) 单击“确定”按钮。(2) 选中文字：将光标定位到插入特殊字符的位置。单击“插入”栏中的“文本”选项卡，如图所示。单击“文本”属性面板中的“编号列表”按钮,则会出现图2-2-7中所示的编号，重复该操作进行下面的编号的添加。(3) 上述操作进行完毕后，效果图如图2-2-7所示，把该图与图2-2-1进行比较可以发现编号所在的位置不一样，此时我们只需要把图2-2-7中带编号的文字给缩进一下就可以了，选中带编号的文字，单击“文本缩进”按钮即可。图2-2-7(4)在进行完上面操作后我们发现，第2块列表区域的列表符号还是1，2，此时，先将光标移到“选择”前，单击“属性面板”中的“列表项目”，弹出如图2-2-6所示的对话框，此时将“列表类型”改为“编号列表”，样式改为“小写字母(a,b,c)”,单击“确定”按钮即可。(5) 在“属性”面板中“字体”下拉列表中选择“楷体”，如果该下拉列表中没有“楷体”，则需要添加“楷体”，单击该下拉列表中的“编辑字体列表”，弹出如图2-2-8的所示的“编辑字体列表”对话框。图2-2-8(6) 在“可用字体”列表框中找到“楷体”，单击按钮，则“楷体”同时出现在“字体列表框”和“选择的字体”列表框中，再单击“确定”按钮，则在”字体”下拉列表中就可以选择“楷体”。注意：如果添加了错误的字体，则可以单击按钮删除该字体。(7) 同理在“属性”面板中“大小”下拉列表中选择“16pt”。(8) 单击“文本颜色”按钮，在弹出的拾色器中选择“#FFFF00”或者直接在按钮后面的文本框中输入“yellow”。注意：颜色可以用2种方式表示，一种是用英文，一种是用十六进制代码。(9) 单击“属性”面板中的“页面属性”按钮，在弹出的“页面属性”对话框，单击“背景颜色”