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

《dreamweaver网页设计实验指导书(实验二 在网页中使用文本)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、DreamWeaver技能实训练习册实验二　在网页中使用文本一、实验目的掌握“插入面板”中的“文本面板”、“常用面板”，“文本菜单”和“文本属性面板”的使用及设置文本格式的方法。二、实验内容1、在页面中插入特殊符号，如：“￥和空格符”。2、在页面中插入日期，要求日期格式为“××××年×月×日星期×××:（时）××（分）”。3、在页面中插入水平线。4、在新的页面中编辑一个项目列表，如图2-2-1所示，要求：字体为“楷体”、大小为“16pt”、颜色为“黄色”，网页背景颜色为绿色。图2-2-1三、实验步骤内容1的实验步骤如下：1、将光标定位到插入特殊字符的位置。2

2、、单击“插入”面板中的“文本”选项卡，如图2-2-2所示。图2-2-23、单击按钮，展开如图2-2-3所示的“字符”下拉列表。图2-2-3DreamWeaver技能实训练习册4、单击相应的选项即可在Web页面中添加相应的特殊字符，如图2-2-3所示。图2-2-35、插入不换行空格，可执行如下操作之一。(1)在“插入”面板的“文本”选项卡中，单击“字符”按钮，在下拉列表中选择“插入不换行空格”选项。(2)选择[插入]/[HTML]/[特殊字符]/[不换行空格]菜单命令。(3)按【Ctrl+Shift+空格键】键输入。(4)将输入法切换到全角状态再按空格键。内容

3、2的实验步骤如下：1.选择[插入]/[日期]菜单命令，或者选择“插入”面板的“常用”选项中，然后单击“插入日期”按钮，则打开如图2-2-4所示的“插入日期”对话框。图2-2-42.在弹出的“插入日期”对话框中选择星期格式为“星期四”、日期格式为“1974年3月7日”、时间格式为“22：18”。注意：如果希望网页在保存时系统都会自动更新日期信息，则选中选中复选框。1、单击“确定”按钮即可插入日期。内容3的实验步骤：1、在“文档”窗口中，将插入点放在要插入水平线的位置。2、执行以下操作之一。DreamWeaver技能实训练习册(1)选择[插入]/[HTML]/[

4、水平线]菜单命令；(2)单击“插入”面板的“HTML”选项卡，再单击“水平线”按钮，如图2-2-5所示。图2-2-5内容4的实验步骤:1、在页面中输入如下文字：在页面中插入特殊符号如：“￥和空格符”。将光标定位到插入特殊字符的位置。单击“插入”栏中的“文本”选项卡，如图所示。在页面中插入日期，设置日期的星期、日期、时间格式和保存时自动更新。选择[插入]/[日期]菜单命令，或者选择“插入”面板中的“常用”选项卡，然后单击“插入日期”按钮，则打开“插入日期”对话框。在弹出的“插入日期”对话框中选择星期格式、日期格式和时间格式。在页面中插入水平线。编辑一个项目列表

5、。2、选择上面输入的所有内容，进行如下的操作：(1)选中文字：在页面中插入特殊符号如：“￥和空格符”,单击“文本”属性面板中的“项目列表”按钮,则会出现图2-2-1中所示的圆形符号，重复该操作进行下面的项目列表符号的添加。注意：默认情况下项目列表符号为圆形，如果想要出现的项目列表符号为方形，可以进行如下操作：a)选择[文本]/[列表]/[列表属性]菜单命令，弹出如图2-2-6所示的“列表属性”对话框。图2-2-6b)在“列表类型”下拉框中选择“项目列表”，在“样式”下拉框中选择“正方形”。c)单击“确定”按钮。(2)选中文字：将光标定位到插入特殊字符的位置。

6、单击“插入”栏中的“文本”选项卡，如图所示。单击“文本”属性面板中的“编号列表”按钮,则会出现图2-2-7中所示的编号，重复该操作进行下面的编号的添加。(3)上述操作进行完毕后，效果图如图2-2-7DreamWeaver技能实训练习册所示，把该图与图2-2-1进行比较可以发现编号所在的位置不一样，此时我们只需要把图2-2-7中带编号的文字给缩进一下就可以了，选中带编号的文字，单击“文本缩进”按钮即可。图2-2-7(4)在进行完上面操作后我们发现，第2块列表区域的列表符号还是1，2，此时，先将光标移到“选择”前，单击“属性面板”中的“列表项目”，弹出如图2-2

7、-6所示的对话框，此时将“列表类型”改为“编号列表”，样式改为“小写字母(a,b,c)”,单击“确定”按钮即可。(5)在“属性”面板中“字体”下拉列表中选择“楷体”，如果该下拉列表中没有“楷体”，则需要添加“楷体”，单击该下拉列表中的“编辑字体列表”，弹出如图2-2-8的所示的“编辑字体列表”对话框。图2-2-8(6)在“可用字体”列表框中找到“楷体”，单击按钮，则“楷体”同时出现在“字体列表框”和“选择的字体”列表框中，再单击“确定”按钮，则在”字体”下拉列表中就可以选择“楷体”。注意：如果添加了错误的字体，则可以单击按钮删除该字体。(7)同理在“属性”面

8、板中“大小”下拉列表中选择“16pt”。DreamW