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

实验二　在网页中使用文本 实验目的 掌握“插入面板”中的“文本面板”、“常用面板”，“文本菜单”和“文本属性面板”的使用及设置文本格式的方法”。 2、在页面中插入日期，要求日期格式为“××××年×月×日 星期× ××: （时）××（分）”。 3、在页面中插入水平线。 4、在新的页面中编辑一个项目列表，如图2-2-1所示，要求：字体为“楷体”、大小为“16pt”、颜色为“黄色”，网页背景颜色为绿色。 图2-2-1 三、实验步骤 内容1的实验步骤如下： 1、将光标定位到插入特殊字符的位置。 2、单击“插入”面板中的“文本”选项卡，如图2-2-2所示。 图2-2-2 3、单击 按钮，展开如图2-2-3所示的“字符”下拉列表。 图2-2-3 4、单击相应的选项即可在Web页面中添加相应的特殊字符，如图2-2-3所示。 图2-2-3 5、插入不换行空格，可执行如下操作之一。 在“插入”面板的“文本”选项卡中，单击“字符”按钮，在下拉列表中选择“插入不换行空格”选项。 选择[插入]/[HTML]/[特殊字符]/[不换行空格]菜单命令。 按【Ctrl+Shift+空格键】键输入。 将输入法切换到全角状态再按空格键。 内容2的实验步骤如下： 选择[插入]/[日期]菜单命令，或者选择“插入”面板的“常用”选项中，然后单击“插入日期”按钮，则打开如图2-2-4所示的“插入日期”对话框。 图2-2-4 在弹出的“插入日期”对话框中选择星期格式为“星期四”、日期格式为“1974年3月7日”、时间格式为“22：18”。 注意：如果希望网页在保存时系统都会自动更新日期信息，则选中选中复选框。 单击“确定”按钮即可插入日期。 内容3的实验步骤： 1、在“文档”窗口中，将插入点放在要插入水平线的位置。 2、执行以下操作之一。 (1) 选择[插入]/[HTML]/[水平线]菜单命令； (2) 单击“插入”面板的“HTML”选项卡，再单击“水平线”按钮 ，如图2-2-5所示 。 图2-2-5 内容4的实验步骤: 1、在页面中输入如下文字： 在页面中插入特殊符号如：“￥和空格符”。 将光标定位到插入特殊字符的位置。 单击“插入”栏中的“文本”选项卡，如图所示。 在页面中插入日期，设置日期的星期、日期、时间格式和保存时自动更新。 选择[插入]/[日期]菜单命令，或者选择“插入”面板中的“常用”选项卡，然后单击“插入日期”按钮，则打开 “插入日期”对话框。 在弹出的“插入日期”对话框中选择星期格式、日期格式和时间格式。 在页面中插入水平线。 编辑一个项目列表。 2、 选择上面输入的所有内容，进行如下的操作： (1) 选中文字：在页面中插入特殊符号如：“￥和空格符”,单击“文本”属性面板中的“项目列表”按钮,则会出现图2-2-1中所示的圆形符号，重复该操作进行下面的项目列表符号的添加。 注意：默认情况下项目列表符号为圆形，如果想要出现的项目列表符号为方形，可以进行如下操作： 选择[文本]/[列表]/[列表属性]菜单命令，弹出如图2-2-6所示的“列表属性”对话框。 图2-2-6 b) 在“列表类型”下拉框中选择“项目列表”，在“样式”下拉框中选择“正方形”。 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) 在“可用字体”列表框中找到“楷体”，单击按钮，则“楷体”同时出现在“字体列表框”和“选择