Ch05-网页文本的编辑.pptVIP

36 本章主要内容 文本段落及特殊文本的输入。 文本编辑及文本格式设置。 应用CSS创作项目列表和编号列表。 HTML中的颜色值与Web安全色。 教学要求 5.1 网页元素概述 网页的构成包括4大元素：文本、图像、Flash等多媒体、超链接。 网页主要通过文本来表达网页的内容和主题，文本是网页中非常重要的组成部分。为了美观，文本在网页中的展示风格是多种多样的，我们设计网页时主要就是考虑如何能够让文本在页面中展示得漂亮，便于阅读，及时地获取信息。一般我们使用CSS对文本进行格式化。 5.2 案例：创建一个新闻页面 案例说明 操作步骤 技术实训 案例拓展 本节知识点 5.2.1 创建新闻页面tecc.html 新闻是一个网站重要的组成部分。新闻的种类不外乎文字新闻、图片新闻、视频新闻以及它们的组合，其中，最基本的就是文字新闻。本案例创建一个基本的文本新闻页面tecc.html ，如图所示。 5.2.1 创建新闻页面tecc.html 新建页面tecc.html 插入一个7*1的表格 第1行中输入标题2：“2008中国旅游电子商务大会” 即将召开 第2行输入：——旅游行业精英的电子商务之路。 第3行插入：水平线 第4行设置新闻来源 设置新闻主体，参见：tecc.txt 设置列表 设置段落缩进2字符p { text-indent: 2em; } 预览页面：http://localhost/dw/ch05/tecc.html 5.2.2 技术实训 分段，按Enter键即可 换行，可以按Shift+Enter键插入一个换行符 。 5.2.2 技术实训 Dreamweaver内置了6种段落标题(分别是“标题1”、“标题2”…… “标题6”)和“预先格式化的”等段落格式 。 5.2.2 技术实训 选择文本，可以设置它们的字体、大小、颜色与样式等相关格式。如果没有选择文本，则选项将应用于随后输入的文本。 5.2.3 案例拓展 复制和粘贴操作 导入MS Word文档或Excel文档 5.2.3 案例拓展 保留文本中的空格、换行等格式 段落【格式】为【预先格式化的】，则段落标记替换为pre和/pre 5.2.3 案例拓展 HTML里，颜色有两种常用的表示方式： 用颜色名称的英语单词来表示，如blue表示蓝色 用16进制的数值表示RGB的颜色值，如#0000ff表示蓝色。 216种Web安全颜色 5.2.4 本节知识点 本节主要介绍了Web页面中文本的输入和常见的格式设置，以及如何通过复制或导入的方式快速完成文本的编辑。通过本节的学习和实训，要理解分段与换行的区别，能够通过属性面板熟练地设置文本和段落的常用格式。 本节顺便介绍了HTML中的颜色方案，请读者初步了解并逐步熟悉，达到能够熟练地手写常用颜色值的程度。关于页面配色方案本书第6章6.5节将详细介绍。 5.3 案例：创建一个简单的版权页面 创建版权页面copyright.html 技术实训 案例拓展 本节知识点 5.3.1 创建版权页面copyright.html 版权声明是一个网站各个页面的重要组成部分，这些版权信息通常单独保存在一个页面中，本案例将完成一个简单的版权页面，如下图所示。 5.3.1 创建版权页面copyright.html 5.3.2 技术实训 【插入】| HTML|【特殊字符】子菜单 【插入】|【文本】工具栏中，【字符】按钮 5.3.2 技术实训 水平线【属性】面板中的【快速标签编辑器】按钮(或右击水平线，在上下文菜单中选择【快速标签编辑器】选项卡)，在代码中输入“color=”#颜色值“”(如下图所示），水平线就 “灰姑娘”变成“白雪公主”了。 5.3.2 技术实训 在【插入日期】对话框中选中【存储时自动更新】复选框 5.3.3 案例拓展 文本的复、剪、贴、删、移等操作 取消和恢复上次操作(【历史记录】面板) 5.3.3 案例拓展 查找和替换 检查拼写 5.3.4 本节知识点 本节主要通过一个简单的版权页面介绍了特殊字符的输入方法，以及水平线、日期时间的输入及其格式设置。通过本节的学习和实训，务必能够熟练插入常见的特殊字符，能够通过菜单等方式插入水平线、日期时间，并能通过属性面板设置它们的基本格式。 本节还简要介绍了文本的常规编辑方法，这些操作方法适用于页面及各类对象的绝大部分操作，务必逐步熟练掌握这些操作方法。 5.4 案例：创建友情链接列表 创建友情链接页面links.html 技术实训 案例拓展 本节知识点 5.4.1 创建列表页面links.html 在网站设计中，为方便网友在访问本站时了解相关站点的信息，通常以列表的方式列举一些和本网站内容相关的其他网站，本