为网页添加文本(模块二)

《为网页添加文本(模块二)》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、模块二为网页添加文本主讲老师：付建新DreamweaverCS3网页制作任务实训教程学习目标掌握添加普通文本、空格、水平线、日期及活动字幕的方法掌握设置字体格式的操作掌握设置段落格式的操作熟悉创建各种列表的方法任务一制作“公司介绍”网页的文本任务目标为新建的空白网页添加文本等各种元素，完成后的最终效果如图2-1所示。“公司介绍”网页中的内容以及活动字幕滚动显示的效果任务一制作“公司介绍”网页的文本操作思路（1）输入网页中的所有文本。（2）对文本进行分段和换行，并通过插入不换行空格调整文本。（3）在文本中插入日期并在标题下插入水平线。（4）通过输入代码的方式添加活动字幕。制作“公司介绍”网

2、页文本的操作思路操作一添加文本并换行（1）新建“公司介绍.html”网页文件。（2）切换至合适的中文输入法，输入相关文本信息，如图所示。输入文本内容操作一添加文本并换行（3）将文本插入点定位到开始处的“公司介绍”文本后面，按“Enter”键强制分段，效果如图所示。（4）将文本插入点定位到“美学价值”文本后面，按“Shift+Enter”键使文本换行，效果如图所示。分段文本换行文本操作一添加文本并换行（5）用相同方法在“营销体系”文本后进行换行操作，如图所示。（6）将文本插入点定位到第2段文本开始处，选择【插入记录】→【HTML】→【特殊字符】→【不换行空格】菜单命令，如图所示。换行文本选

3、择命令操作一添加文本并换行（7）此时在“博瑞”文本左侧将插入一个空格符号，如图所示。（8）用相同方法或按“Ctrl+Shift+空格”键快速插入另外7个不换行空格符号，效果如图所示。插入不换行空格插入多个不换行空格操作一添加文本并换行（9）选择插入的8个不换行空格符号，按“Ctrl+C”键进行复制操作，然后分别在下方的各段落开始处按“Ctrl+V”键进行粘贴，完成调整文本的操作，效果如图所示。复制不换行空格操作二添加日期和水平线（1）将文本插入点定位到标题下第1段文本中“成立于”文本后面，然后选择【插入记录】→【日期】菜单命令，如图所示。（2）打开“插入日期”对话框，在“日期格式”列表框

4、中选择“1974年3月7日”格式选项，单击“确定”按钮，如图所示。插入日期选择日期格式操作二添加日期和水平线（3）此时将在文本插入点处插入当前操作系统中显示的日期文本，且处于选中状态，效果如图所示。（4）将插入的日期文本根据实际需要进行修改，方法与在Word中修改文本相同，这里修改为“2001年1月28日”，效果如图所示。插入的日期修改日期文本操作二添加日期和水平线（5）将文本插入点定位到标题文本后面，然后选择【插入记录】→【HTML】→【水平线】菜单命令，如图所示。（6）此时即可在标题段落下方插入默认格式的水平线，如图所示。选择命令插入的水平线操作三添加活动字幕（1）将文本插入点定位到

5、文本最后，按“Enter”键分段，如图所示。（2）单击文档工具栏中的“代码”按钮，在第14行“

”下输入如图所示的代码（包括15行~17行的内容），保存设置后按【F12】键即可预览效果。分段文本输入代码任务二制作“天府美食”网页的文本任务目标在网页中输入相应文本，并进行适当的文本格式和段落格式设置，完成后的最终效果如图所示。设置“天府美食”网页文本格式后的效果任务二制作“天府美食”网页的文本操作思路（1）在网页中输入具体的文本内容。（2）分别对各段落的文本格式进行设置。（3）设置段落的对齐方式和缩进距离。制作“天府美食”网页文本的操作思路操作一输入文本（1）新建空白网页，并在其中输入

6、具体的文本内容，如图所示。（2）利用“Enter”键和“Shift+Enter”键对文本进行分段和换行设置，其中前两段为分段操作，后4段为换行操作，效果如图所示。输入文本分段与换行设置操作二设置文本格式（1）单击属性检查器中“字体”下拉列表框右侧的下拉按钮，在弹出的菜单中选择“编辑字体列表”命令，如图所示。（2）打开“编辑字体列表”对话框，在“可用字体”列表框中选择需添加的字体，这里选择“方正准圆简体”选项，单击该列表框左侧的“添加”按钮，如图所示。选择命令选择字体操作二设置文本格式（3）此时所选字体将添加到“选择的字体”列表框中，完成后单击“确定”按钮，如图所示。（4）拖动鼠标选择标题

7、中的“天府美食”文本，单击属性检查器中的“字体”下拉列表框右侧的下拉按钮，在弹出的菜单中选择前面添加的“方正准圆简体”选项，如图所示。添加字体应用字体样式操作二设置文本格式（5）此时所选文本将应用字体样式，保持文本的选中状态，在属性检查器的“大小”下拉列表框中选择“特大”选项，设置所选文本的字号大小，如图所示。（6）继续保持文本的选中状态，在属性检查器的“大小”下拉列表框右侧单击颜色色块，在弹出的列表中选择编码为“#FF0000”的