《网页设计与制作》 第3章：文本操作.pdf

《网页设计与制作》 《网页设计与制作》 教学课件 教学课件 第3章：文本操作 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 节 环 学 教 要 主 四、分析操作任务 五、知识讲解与操作示范 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 （一）课程引导 网页上的信息大多都是通过文字来表达的，文字 是网页的主体和构成网页最基本的元素，它具有准确 快捷地传递信息、存储空间小、易复制、易保存、易 打印等优点，其优势很难被其他元素所取代，制作网 页时，文本的输入与编辑占了制作工作的很大部分。 本章主要学习文本的各项操作。通过编辑网页文 本、对网页文本进行格式化处理，使网页内容更加丰 富，网页布局更加美观。 （二）明确知识技能目标 （1）学会在网页中输入文本与编辑文本，掌握输 入空格和实现文本换行的方法。 （2）学会在网页中插入水平线和日期。 （3）掌握网页文本格式化操作。 （三）展示网页浏览效果 本章所制作的网页“02.html”浏览效果如图所示。 图5-1 网页的浏览效果 （四）分析操作任务 （1）打开“长沙世界之窗”网站文件夹“02文本 操作”中的网页 02.html，然后在该网页中输入一段 文字。 （2）利用按键方式可输入一个或多个空格，利用 “插入”工具栏插入“不换行空格”。 （3）利用按键方式实现文本换行，利用菜单插入 “换行符”。 （4）在标题与正文之间插入一条水平线。 （5）在最后一行插入日期，且要求每次保存网页 时自动更新日期。 （6）设置网页中文本的格式。 （五）知识讲解与操作示范（1） 5.1 网页中输入文本 打开“长沙世界之窗”网站文件夹“02文本操作” 中的网页02.html，然后在该网页中输入一段文字。利 用按键方式输入一个或多个空格，实现文本换行。 1．输入文字 （1）用鼠标单击网页编辑窗口中的空白区域，窗 口中随即出现闪动的光标，标识输入文字的超始位置。 （2）选择适当的输入法输入文字，输入了一行文 字作为页面文字的标题。 （五）知识讲解与操作示范（2） 2．输入文本空格 输入法切换到半角状态，按空格键只能输入一个空格。 如果需要输入多个连续的空格可以通过以下几种方法来 实现： （1）将输入法切换到中文全角状态。 （2）直接按“Ctrl+Shift+Space”组合键。 （3）在“文本”工具栏，选择【不换行空格】命令， 可以插入多个连续的空格 （五）知识讲解与操作示范（3） 3．实现文本换行 输入多行文本，要实现换行，可以按Enter键或 者按Shift＋Enter组合键来实现。按 Enter键，换 行的行距较大，按Shift＋Enter组合键，换行的行 距较小。 （五）知识讲解与操作示范（4 ） 5.2 网页中编辑文本 网页中输入的文本与Word一样，也能进行编辑，常 见的文本编辑操作有： （1）拖动鼠标选中一个或多个