网页设计制作06单元第5章文本操作.ppt

　　（5）选中已有的项目列表其中的一项，然后单击属性面板的【列表项目】按钮，弹出“列表属性”对话框。在对话框中“列表类型”下拉列表框中选中“项目列表”，在“样式”下拉列表框中选择“正方形”，则选中列表的列表标志将转换成正方形。 　　（6）保存网页文档，且浏览网页 　　　5.3.3　插入水平线 　　　在标题与正文之间插入一条水平线，要求“对齐”方式设置为“居中对齐”，并且给水平线设置阴影效果。具体操作过程如下： （1）将“插入”工具栏切换到“HTML”类型。 （2）将光标放置到标题最后一个字符的右边。 （3）单击HTML插入工具栏的“水平线”按钮，即可向网页中标题与正文之间插入一条水平线。 （4）在文档中单击选中刚插入的水平线。 （5）保存网页文档，浏览网页。 　　5.3.4　插入时间 　　在01.html文档的最后一行插入形式如“Friday, 2006-07-14 9:47 AM”所示的日期，且要求每次保存网页时自动更新日期。具体操作过程如下： 　　（1）切换到“常用”插入工具栏。 　　（2）按Enter键，添加一空行，将光标放置在空行与正文对齐的最左端。 （3）单击菜单【插入】→【日期】，或者单击“常用”插入栏的【日期】按钮，将弹出 “插入日期”对话框。 （4）在“插入日期”对话框中，“星期格式”下拉表框中选取“Thursday,”，“日期格式”选取“1974-03-07”，在“时间格式”下拉列表框选取“10:18 PM”，选中“储存时自动更新”复选框，然后单击【确定】按钮，最后生成的日期效果为“Friday, 2006-07-14 9:47 AM”的形式。 （5）保存插入的日期，且浏览网页。 5.4　文本的格式化 　　　5.4.1　文本属性面板 　　　在Dreamweaver 8编辑窗口中，单击【窗口】→【属性】命令可以打开属性面板，然后用鼠标选中要格式化的文本，此时属性面板上显示的就是当前文字的属性 　　5.4.2　设置网页中文本的格式 　　对网页02.html中的文本按以下要求设置其格式： 　　（1）将网页02.html中标题“欢迎您光临长沙世界之窗”格式设置为“标题1”，字体设置为“隶书”，大小设置为“36”，文字颜色设置为“#0000FF”，且要求水平居中。 　　（2）将网页中标题以下的正文，字体设置为“楷体_GB2321”，大小设置为“16”。（3）插入的日期字体设置为“宋体”，大小设置为“18”，文字颜色设置为“#FF6600”，且要求水平居中 设置网页文本格式的具体过程如下： （1）选中标题“欢迎您光临长沙世界之窗”。 （2）在属性面板的“格式”下拉列表框中选择“标题1”。 （3）在“字体”列表中选择“隶书”，在“大小”列表中选择“36”，在“颜色”文本框输入“#FF6600”或者单击颜色选取按钮，打开“颜色选择器”自行选择一种合适的颜色即可。 （4）单击“居中对齐”按钮，使标题居中对齐。 （5）保存文本的格式设置。 1．操作要求 （1）输入文本 打开“课堂实践”网站中文件夹“02文本操作”中的网页文档“02.html”，输入标题“湘江谷”，然后输入正文内容。这些文字内容存储在文件夹“02文本操作”中子文件夹“text”的文本文件“02.txt”中。 （2）插入一条“水平线”和日期。 （3）设置“主要景点”为列表格式。 （4）设置文本格式 　　　将网页02.html中标题“湘江谷”格式设置为“标题1”，字体设置为“隶书”，大小设置为“36”，文字颜色设置为“aqua”，且要求水平居中。 　　　将网页中标题以下的正文，字体设置为“华文行楷”，大小设置为“16”。 　　　插入的日期字体设置为“楷体_GB2321”，大小设置为“18”，文字颜色设置为“#FF6600”，且要求水平居中 2．效果展示 课堂实践网页“02.html”的浏览效果如图所示。 3．制作要点提示 （1）插入水平线和日期利用插入工具栏或者插入菜单完成。 （2）设置文本格式利用“属性”面板完成。 通常文本是网页的主要内容，文本的效果对网页整体效果影响很大，应该对文本进行有效的设置。本章主要学习了如何在页面输入文本、编辑文本；如何插入特殊字符、文本列表、水平线、时间和注释；如何对网页中的文本进行格式化，设置不同的字体、大小和颜色；了解了项目列表和编号列表，并能更改列表属性。通过对文本的操作，可以使网页更加美观。 Chi Zhou College 主讲人：池州学院　杨利 《网页设计与制作》 教学单元9：使用表格布局网页 主要教学环节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结