大学DREAMWEAVER 8案例教程-课件PPT
收藏
资源目录
压缩包内文档预览：(预览前20页/共35页)
编号：21836135
类型：共享资源
大小：28.17MB
格式：ZIP
上传时间：2019-09-06
上传人：QQ24****1780
认证信息
个人认证
王**（实名认证）
浙江
IP属地：浙江
25
积分
- 关 键 词：
-
大学DREAMWEAVER
8案例教程-课件PPT
大学
dreamweaver
案例
教程
课件
ppt
- 资源描述：
-
大学DREAMWEAVER 8案例教程-课件PPT,大学DREAMWEAVER,8案例教程-课件PPT,大学,dreamweaver,案例,教程,课件,ppt
- 内容简介：
-
第4章 格式化文本,本章学习目标,创建项目列表,4.3,格式化文本,Macromedia Dreamweaver 8 提供了多种向文档中添加文本和设置文本格式的方法。您可以插入文本、设置字体类型、大小、颜色和对齐属性，以及使用层叠样式表 (CSS) 创建和应用您自己的自定义样式。 本章要点： 1. 插入文本对象 2. 设置文本属性，如文本的字体、样式、颜色和对齐方式 3. 创建与使用项目列表 4. 检查拼写和查找替换,4.1 插入文本对象,插入文本对象,用户可以使用Dreamweaver8.0中的可视化工具向Web页添加各种内容。Dreamweaver8.0允许您通过以下方式向 Web 页面添加文本：直接将文本键入页面，从其他文档复制和粘贴文本，或从其他应用程序拖放文本。Web 专业人员接收的、包含需要合并到 Web 页面的文本内容的典型文档类型有 ASCII 文本文件、RTF 文件和 Microsoft Office 文档。Dreamweaver 使您可以从这些文档类型中的任何一种取出文本，然后将文本并入 Web 页面中。,4.1.1插入文本,Dreamweaver 8.0 使您可以通过直接键入、复制和粘贴或导入方式轻松地将文本插入文档中。导入 Word 或 Excel 文档时，Dreamweaver 接收已转换的 HTML 并将它插入到您的 Web 页面上。 注意：在Dreamweaver8.0中可以在文本的字符与行之间插入额外的空格。Dreamweaver 接收已转换的 HTML 后，文件大小必须小于 300K。,4.1.2插入日期,在Dreamweaver8.0中可以很方便的插入日期。在“文档”窗口中，将插入点放在要插入日期的位置，单击“插入”菜单中的“日期”，在弹出的对话框中选择相应的日期格式，确定即可，如图4-1所示。,4.1.2插入日期,注意：如果希望在每次保存文档时都更新插入的日期，请选择“储存时自动更新”。如果希望日期在插入后变成纯文本并永远不自动更新，请取消选择该选项。 设置好日期后，单击此时间，在属性面板中出现了时间设置属性，可以通过单击“编辑日期格式”按钮，再弹出图4-1的对话框来编辑日期。,4.1.3插入水平线,在插入水平线时可以使用“插入”菜单，也可以使用工具栏上的快捷键。选择“插入”“HTML”“水平线”，即可以插入一根水平线。或者使用HTML工具栏，选择第一个图标，插入水平线，如图4-2所示。,4.1.4插入特殊字符,选择“插入”“HTML”“特殊字符”，在其中选择需要插入的字符，即可插入字符。如图4-3所示,第4章 格式化文本,4.2 设置文本属性,4.2.1设置字体格式,文本格式应用于一个字母或整个站点段落和文本块。使用“文本”菜单中的相关选项可以设置字体格式，也可以使用属性栏中的相关选项进行设置，如字体、样式、大小、颜色、倾斜、加粗、对齐方式等，如下图4-4所示。当您使用 Dreamweaver 8.0 的设置文本格式和对齐文本时，CSS 规则将嵌入到当前文档中。,4.2.1设置字体格式,1. 更改字体 使用属性面板（如图4-4）中或者“文本”菜单（如图4-5）下字体选项均可对字体进行设置。,4.2.1设置字体格式,若要更改字体，请从“属性”检查器或“文本”“字体”子菜单中选择字体组合。 选择“默认”删除先前应用的字体；选择“文本”菜单下的“字体”中的“编辑字体列表”。从对话框顶部的列表中选择字体组合。 所选组合中的字体在对话框左下角的“选择的字体”列表中列出。右侧是系统上安装的所有可用字体的列表，如图4-6所示。,4.2.1设置字体格式,若要更改字体样式，请单击“属性”检查器中的“粗体”或“斜体”，或者从“文本”“样式”子菜单中选择字体样式（“粗体”、“斜体”、“下划线”等）。当然也可以使用“属性”检查器单击相应的按钮、，应用粗体或斜体样式。,4.2.1设置字体格式,2. 设置字体大小 若要更改字体大小，请从“属性”检查器或“文本”“大小”子菜单中选择大小，如图4-7所示。 HTML 字体大小是相对而不是特定的点数。用户为他们的浏览器设置默认字体的点数；这是用户在“属性”检查器或“文本”“大小”子菜单中选择“默认”或“3”时所看到的字体大小。大小 1 和 2 显得比默认字体小；大小 4 到 7 显得比默认字体大。,4.2.1设置字体格式,3. 设置颜色 对文本的颜色进行设置时，单击“属性”检查器中的颜色选择器，从调色板中选择一种颜色即可，如图4-8所示。,4.2.1设置字体格式,用户也可以选择菜单“文本”“颜色”，出现系统颜色选择器对话框，如图4-9所示。选择一种颜色，然后单击“确定”。也可以直接在“属性”检查器字段中输入颜色名称或十六进制数字。若要定义默认文本颜色，请使用“修改”中“页面属性”命令。,4.2.2使用段落和标题,使用“属性”检查器中的“格式”弹出式菜单或“文本”“段落格式”子菜单可以应用标准段落和标题标签。其具体步骤如下： 1. 将插入点放在段落中，或者选择段落中的一些文本。 2. 单击“文本”“段落格式”子菜单或“属性”检查器中的“格式”弹出式菜单，选择一个选项。 3. 选择段落格式（例如，“标题 1”、“标题 2”、“已编排格式”等）。与所选样式关联的 HTML 标签（例如，表示“标题 1”的 h1、表示“标题 2”的 h2、表示“已编排格式”文本的 pre 等）即应用于整个段落。,4.2.2使用段落和标题,4. 选择“无”删除段落格式。 5. 对段落应用标题标签时，Dreamweaver 自动添加下一行文本作为标准段落。若要更改此设置，请选择“编辑”“首选参数”，然后在“常规”类别中的“编辑选项”下确保取消选择“标题后切换到普通段落”。 注意：在Dreamweaver 8.0按 Enter 键可以创建一个新段落。Web 浏览器在段落之间自动插入一个空白空格行。通过插入一个换行符，可以在段落之间添加一个空格行。 6. 直接回车将给添加段落换行，若只是添加换行符，可以使用Shift+Enter。,4.2.3文本对齐方式,单击“文本”菜单中的“对齐”中的下拉选项，可设置文本的对齐方式，步骤如下： 1. 选择要对齐的文本，或者只需将指针插入到文本开头。 2. 单击“属性”检查器中的对齐选项（“左对齐”、“右对齐”、“居中对齐”或“两端对齐”），如图4-11所示。,第4章 格式化文本,4.3创建项目列表,4.3创建项目列表,在“文档”窗口中键入时，可以用现有文本或新文本创建编号（排序）列表、项目符号（不排序）列表和定义列表。 定义列表不使用项目符号点或数字这样的前导字符，通常用在词汇表或说明中。列表还可以嵌套。嵌套列表是包含其他列表的列表。例如，您可能希望编号或项目列表嵌套在其他编号列表中。 有关如何为 整个列表或特定列表项设置特定列表类型和其他列表选项（例如，重置编号或在编号列表中使用罗马数字，或设置方形项目符号）的信息，请参见设置“列表属性”对话框选项。,4.3.1创建列表,在 Dreamweaver 文档中，可创建编号列表、项目列表、自定义列表三类。如要插入列表，步骤如下： 将插入点放在要添加列表的位置； 在单击“属性”检查器中的“项目列表”或“编号列表”按钮 ；或者单击“文本”菜单中“列表”。,4.3.1创建列表,3. 指定列表项目的前导字符出现在“文档”窗口中。 4. 键入列表项目文本，回车后创建其他列表项目，如图4-13所示。,4.3.2 创建嵌套列表,要创建嵌套的列表项目，其步骤如下： 1. 将光标定位在要编辑的列表中； 2. 单击“属性”检查器中的“缩进”按钮 ，或选择菜单“文本”“缩进”； 3. Dreamweaver 8.0缩进文本并创建一个单独的列表，该列表具有原始列表的 HTML 属性； 4. 按照上面使用的同一过程，对缩进的文本应用新的列表类型或样式； 结果如图4-14所示。,4.3.3设置列表属性,使用“列表属性”对话框，可以设置整个列表或个别列表项的外观可以设置编号样式，重置计数或设置个别列表项目或整个列表的项目符号样式选项，如图4-15所示。,4.3.3设置列表属性,设置列表属性的步骤如下： 1. 选中要编辑的列表； 2. 选择“文本”菜单 中“列表”子菜单的“属性”选项，弹出图4-15所示的“列表属性”对话框； 3. 在列表类型下拉列表中选择列表类型：项目列表、编号列表、目录列表、菜单列表； 4. 将插入点放到列表项目的文本中，然后选择“文本”“列表”“属性”打开“列表属性”对话框。 5. 在样式的下拉菜单中选择所需要的样式，如图4-16所示。在确定了用于编号列表或项目列表的编号或项目符号的样式后，所有列表项目都将具有该样式，除非重新为列表项目指定新样式。,4.3.3设置列表属性,6. 对于编号列表，在下方的“开始计数”文本框中输入开始计数的数字即可。默认情况下为序列的首字母或者数字“1”。 7. 单击“确定”设置所做的选择并关闭对话框,第4章 格式化文本,案例4-1 格式化页面,案例4-1 格式化页面,案例效果：如图4-17所示。,案例4-1 格式化页面,知识目标： 利用Dreamweaver8.0来对文本进行编辑。 操作步骤： 1. 打开在第3章中制作好的页面company.htm 2. 输入标题文字“美得尔公司简介”，并设置字体大小为“23”，颜色为白色，字体为宋体。 3. 插入一条水平线,案例4-1 格式化页面,3、在水平线下输入公司简介：“美得尔公司是集设计、制作、安装为一体的大型广告公司，代理发布国内及外商来华广告。 专业从事户外大型钢架广告牌、压克力吸塑灯箱、内发光大字、 LED 灯、金属字、各式金属宣传栏、立体发光字、企业 Logo 、标识标牌及品牌专柜制作。公司成立以来为各行各业设计、制作了大量的户外广告工程，企业赢得了众多的客户一致好评，同时，公司在不断发展、壮大中拥有了一批具有专业技能的设计及工程技术人员，吸取了广告业的经营和管理。为您提供全面、优质服务。”字号为12，颜色为白色，字体为宋体。,案例4-1 格式化页面,5. 输入主营业务的相关内容： 钢结构工程
- 温馨提示:
1: 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
2: 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
3.本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
人人文库网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
川公网安备: 51019002004831号