《网页设计与制作》 教学课件 主讲人：湖南铁道职业技术学院陈承欢 HUNAN RAILWAY PROFESSIONAL TECHNOLOGY COLLEGE
Hunan Railway Professional Technology College 主讲人：湖南铁道职业技术学院 陈承欢 《网页设计与制作》 教学课件
教学单元9：使用表格布局网页 一、课程引导 二、明确知识技能目标 湖南绒道质业夜御学院 三、展示网页浏览效果 主要教学环节 四、分析操作任务 五、知识讲解与操作示范 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 网页设计与制作
教学单元9：使用表格布局网页 主 要 教 学 环 节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题
(一) 课程引导 南 网页上的信息大多都是通过文字来表达的，文 字是网页的主体和构成网页最基本的元素，它具有 道 准确快捷地传递信息、存储空间小、易复制、易保 存、易打印等优点，其优势很难被其他元素所取代， 制作网页时，文本的输入与编辑占了制作工作的很 蕙 大部分。 本章主要学习文本的各项操作。通过编辑网页 网 文本、对网页文本进行格式化处理，使网页内容更 加丰富，网页布局更加美观。 克 网页设计与制作
（一）课程引导 网页上的信息大多都是通过文字来表达的，文 字是网页的主体和构成网页最基本的元素，它具有 准确快捷地传递信息、存储空间小、易复制、易保 存、易打印等优点，其优势很难被其他元素所取代， 制作网页时，文本的输入与编辑占了制作工作的很 大部分。 本章主要学习文本的各项操作。通过编辑网页 文本、对网页文本进行格式化处理，使网页内容更 加丰富，网页布局更加美观
(二) 明确知识技能目标 湖南绒道 (1)学会在网页中输入文本与编辑文本，掌握输入空格 和实现文本换行的方法。 (2)学会在网页中插入水平线和日期。 (3)掌握网页文本格式化操作。 网页设计与制作
（二）明确知识技能目标 （1）学会在网页中输入文本与编辑文本，掌握输入空格 和实现文本换行的方法。 （2）学会在网页中插入水平线和日期。 （3）掌握网页文本格式化操作
(三) 展示网页浏览效果 本章所制作的网页“02.html”浏览效果如图所示。 湖南 长沙世界之回简介一licrosoft Internet Exp1ro国 5回 文件心)端辑)查看收) 工具)帮助00 地址w8号 习到 次迎您光临长沙世界之智 道 内麦吴器怎的益天是杂瓷裤巴程热保常老然会堂特蝶名平哭先 御拳院 ·经营理金 希5员美提幸5工茶运类主张健康的妖乐概念。 。管理机制 实行总经理领导下的部门理负贡制，管理上采用垂直领，分层管理，逐负青 Tuesday,2006-08-088:40AM 找的电乐 图5-1 网页的浏览效果 网设计与制作
（三）展示网页浏览效果 本章所制作的网页“02.html”浏览效果如图所示。 图5-1 网页的浏览效果
(四) 分析操作任务 湖南绒道 (1)打开“长沙世界之窗”网站文件夹“02文本操 作”中的网页02.html,然后在该网页中输入一段文字。 (2)利用按键方式输入一个或多个空格，利用“插 入”工具栏插入“不换行空格” (3)利用按键方式实现文本换行，利用菜单插入 蒸 “换行符”。 (4)在标题与正文之间插入一条水平线： (5)在最后一行插入日期，且要求每次保存网页时 等 自动更新日期。 (6)设置网页中文本的格式。 网页设计与制作
（四）分析操作任务 （1）打开“长沙世界之窗”网站文件夹“02文本操 作”中的网页02.html，然后在该网页中输入一段文字。 （2）利用按键方式输入一个或多个空格，利用“插 入”工具栏插入“不换行空格”。 （3）利用按键方式实现文本换行，利用菜单插入 “换行符”。 （4）在标题与正文之间插入一条水平线。 （5）在最后一行插入日期，且要求每次保存网页时 自动更新日期。 （6）设置网页中文本的格式
(五)知识讲解与操作示范（1) 湖南绒道 5.1网页中输入文本 打开“长沙世界之窗”网站文件夹“02文本操作” 中的网页02.html,然后在该网页中输入一段文字。利 用按键方式输入一个或多个空格，实现文本换行。 薰 1.输入文字 (1)用鼠标单击网页编辑窗口中的空白区域，窗 口中随即出现闪动的光标，标识输入文字的超始位置。 琴 (2)选择适当的输入法输入文字，输入了一行文 字作为页面文字的标题。 克 网页设计与制作
5.1 网页中输入文本 打开“长沙世界之窗”网站文件夹“02文本操作” 中的网页02.html，然后在该网页中输入一段文字。利 用按键方式输入一个或多个空格，实现文本换行。 1．输入文字 （1）用鼠标单击网页编辑窗口中的空白区域，窗 口中随即出现闪动的光标，标识输入文字的超始位置。 （2）选择适当的输入法输入文字，输入了一行文 字作为页面文字的标题。 （五）知识讲解与操作示范（1）
(五) 知识讲解与操作示范（2) 湖 2. 输入文本空格 输入法切换到半角状态，按空格键只能输入一个空 格。如果需要输入多个连续的空格可以通过以下几种方 道 法来实现： (1)将输入法切换到中文全角状态。 (2)直接按“Ctrl+Shift+Space”组合键。 (3)在“文本”工具栏，选择【不换行空格】命令， 可以插入多个连续的空格 爽 拳院 网设计与制作
2．输入文本空格 输入法切换到半角状态，按空格键只能输入一个空 格。如果需要输入多个连续的空格可以通过以下几种方 法来实现： （1）将输入法切换到中文全角状态。 （2）直接按“Ctrl+Shift+Space”组合键。 （3）在“文本”工具栏，选择【不换行空格】命令， 可以插入多个连续的空格 （五）知识讲解与操作示范（2）
(五)知识讲解与操作示范 (3) 湖南鐵道 3. 实现文本换行 输入多行文本，要实现换行，可以按Enter键或者按 Shift-十Enter组合键来实现。按Enter键，换行的行距 较大，按Shift十Enter?组合键，换行的行距较小。 网页设计与制作
3．实现文本换行 输入多行文本，要实现换行，可以按Enter键或者按 Shift＋Enter组合键来实现。按Enter键，换行的行距 较大，按Shift＋Enter组合键，换行的行距较小。 （五）知识讲解与操作示范（3）
(五)知识讲解与操作示范 (4) 5.2网页中编辑文本 南 网页中输入的文本与Word一样，也能进行编辑，常 见的文本编辑操作有： 道 (1)拖动鼠标选中一个或多个文字、一行或多行文 本，也可以选中网页中的全部文本。 薰 (2)按BackSpace键或Delete键实现删除文本操作。 (3)将光标移动到需要插入文本的位置，输入新的 文本。 (4)实现复制、剪切、粘贴等操作。 琴 (5) 实现查找与替换操作。 院 (6)实现撤消或重做操作。 网页设计与制作
5.2 网页中编辑文本 网页中输入的文本与Word一样，也能进行编辑，常 见的文本编辑操作有： （1）拖动鼠标选中一个或多个文字、一行或多行文 本，也可以选中网页中的全部文本。 （2）按BackSpace键或Delete键实现删除文本操作。 （3）将光标移动到需要插入文本的位置，输入新的 文本。 （4）实现复制、剪切、粘贴等操作。 （5）实现查找与替换操作。 （6）实现撤消或重做操作。 （五）知识讲解与操作示范（4）