第三章网页中的基本元素.ppt

第3章网页中的基本元素;思考题：根据以前所学知识说出文本的编辑和设置属性各包括几个方面？ 文本插入栏的按钮和属性面板的功按钮相似。;３.１.２ 插入文本和对象 １.文本是网页中最基础的载体；纯文本网页占用的存储空间小，占用的网络带宽较少，打开速度快。将文本（英文、中文、数字）添加到文档中的方法有以下三种：直接输入、粘贴剪贴板中的文字、导入word格式的文档。（参看教材p27-28） ;复制/粘贴（ctrl+v，注意首选参数中“复制／粘贴”选项的设置） 在Dreamweaver中复制和粘贴文本有两种，一是标准的方式，另一种就是仅复制粘贴文本，它忽视了HTML格式，执行复制后选择“编辑—选择性粘贴”命令，在打开的对话框中选择“仅粘贴文本”即可实现。 导入其他格式的文本（需要清理word生成的无关html代码） 文件－导入－word／excel 文档 也可拖动文件放入网页的适当位置，以创建链接的形式插入其他格式的文档（链接文本是链接文件的名称。 ;２.插入特殊字符：在html中它被称作实体，以名称或数字的形式出现。特殊字符如右所示。 操作方法分别是： 菜单法：插入－html－特殊字符 插入栏按钮法：插入－文本－字符按钮 注意：默认情况下Html中只允许字符之间包含一个空格， 但可以通过设置首选参数改变默认设置，以实现插入多个空格，可以在全角状态下输入多个空格。 ;３.水平线（垂直线） 插入水平线以可视方式分割文本和对象来组织信息。 　插入－html－水平线　 可在属性检查器中修改水平线（宽、高等）　 ４.插入日期：菜单法；插入栏按钮法 5.对插入的文本也可以执行删除、搜索、替换、检查拼写（文本－检查拼写／shift+f7）等操作。;３.１.３ 设置文本格式 １.关于设置文本样式 字符的样式指的是字符的外观显示方式，例如字符的加粗、倾斜和下划线等，利用Dreamweaver，可以设置多种字符样式。 加粗 、倾斜 、 下划线 、 删除线 、 打字型 、 强调 等 。 默认时 Dreamweaver使用css设置文本的格式,当使用命令来设置格式和对齐文本 时， css规则将嵌入到当前文档中； 也可以使用标签来对齐文本和设置文本格式。但要在首选参数中进行设置。;;２.设置字体 　利用属性面板，也可以实现对字符字体的设置。打开属性面板上的字体列表，选择相应字体项即可 。 ３. 设置字号（大小） 　字号指的是字体的大小，它没有一个绝对的大小标准，其大小只是相对于默认字体而言。例如，1号字和2号字，比默认字体要小一些，而4号字和5号字，比默认字体要大一些。 ４. 设置文本颜色 　打开【文本】菜单，选择【颜色】，可以打开Windows标准的颜色对话框，允许用户选择颜色。 ;３.１.４ 设置文本标题 　文本标题来强调段落要表现的内容。在HTML中，定义了6级标题，从1到6级，每级标题的字体大小依次递减。一段文字只能设置一个标题级别。 在HTML中，采用如下的标记来定义标题： h1和/h1 定义标题1 h2和/h2 定义标题2 h3和/h3 定义标题3 　　每级标题的字符大小并没有一个实际上的固定的值，它是由浏览器所决定的，为标题定义的级别只决定了标题之间的相互大小。 可以在代码视图中直接使用html的标题标签来设置文本标题的格式，也可以在属性面板中设置标题。 ;3.１.５ 设置段落效果 1 设置段落格式 　使用【属性】面板的【格式】弹出式菜单或选择【文本】|【段落格式】菜单可以应用标准段落和标题标签。 ２ 缩进段落 　　所谓缩进，主要是相对于文档窗口（或浏览器窗口）左端而言的。 许多时候需要缩进段落，例如希望强调一段文字，或引用其他来源的文字，都需要将文字缩进，以示同普通段落的区别。 　属性检查器：“缩进”、“凸出”按钮 　文本菜单：“缩进”、“凸出”命令 ;３ 对齐段落 　段落的对齐方式，指的是段落相对文档窗口（或浏览器窗口）在水平位置的对齐方式。有四种对齐方式：左对齐、居中对齐、右对齐、两端对齐。 关于文本对齐，源代码设置为： div align=“center / right /left /justify …/div ４添加段间距：通过添加换行符在段间添加空行 添加段落换行符：按enter键 而添加换行符：按shift+enter键／添加特殊字符/换行符 文本换行时，按Enter键换行的行距较大（在代码区生成 p /p标签），按Enter＋Shift键换行的行间距较小（在代码区生成 br标签）。;３.１.６创建项目列表 １.设置段落的项目列表是Dreamweaver 一个很重要的格式设置方法。在HTML中，从总体上分有两种类型的