网页设计与制作案例教程 教学配套课件 池同柱 第3章 在网页中使用文本.pdfVIP

第3章 在网页中使用文本 一、案例实现 1. 创建一个新网页，将其保存为index.htm 2. 在新建的网页的设计视图的工作区域空白处输入文字“欢迎光 临我的个人网页”，选中文字，在Dreamweaver下方的属性面 板上设置其段落属性为“标题1”，对其方式为“”，修改其颜色为 “红色”. 3. 光标定位在“欢迎光临我的个人网页”后面，按【Enter】键，点 击常用插入栏，选择HTML选项，单击其中的“”按钮，在“欢迎 光临我的个人网页”下面插入一条水平线示。 4. 选中水平线，设置水平线属性，“对齐” 中包含了左、右、中三 种对齐方式。 5. 在水平线后面按【Enter】键，输入文字“一、自我介绍”，选中 该文本，设置其属性。这里对文字的字体也可以进行设置。选 中需设置字体的文本，单击“文本”菜单/“字体”命令，在弹出的 子菜单中选择所需要的字体，或者打开属性检查器，单击“字 体”下拉列表，在弹出的列表中选择所需字体。 6. 重复步骤2插入水平线，设置水平线属性。 7. 在水平线后面按【Enter】键。输入“姓名”、“性别”、“ 出 生年月”、“毕业院校”、“所学专业”等四行文字，每行的结 尾按【Enter】键换行。 8. 选中这四行文字，切换“常用工具栏”为“文本选项”，点击 其上的“”按钮，完成项目列表的制作。 9. 重复步骤（3 ）-- （7 ），完成联系方式部分文字设置。 10. 选中联系方式的四行文字切换“常用工具栏”为“文本选 项”，点击其上的编号列表“”按钮。 11. 重复步骤3插入页面底部的水平线并设置其属性。 12. 在水平线，后面按【Enter】键。输入版权信息，设置其 属性为居中对齐，插入版权符号。 13. 插入日期。 14. 制作完毕，保存网页文件。最后设计界面如教材3-14所 示。 二、 相关知识 1、在网页中插入文本 （1）插入普通文本方法如下： 1）直接在文档窗口中输入文本。在设计视图中，用户将光标定位于要 插入文本的位置处，选择合适的输入法输入相应的文本即可。输入 文本时，按下Enter键可以创建一个新的段落，如果仅想换行而不 分段，可以Shift＋Enter。另外，HTML只允许字符之间包含一个空 格，如果要在文档中添加多个空格，需要将输入法切换到中文全角 状态，就可以插入多个空格了。 2）拷贝文本。用户可以从其他的应用程序中复制文本，然后切换到 Dreamweaver中，将插入点定位要要插入文本的位置处，然后选择 “编辑”|“粘贴”命令，或者使用Ctrl＋V的粘贴快捷键，就可以 将文本粘贴到窗口中了。Dreamweaver在粘贴文本时将忽略原文本 的格式，仅仅以纯文本的方式粘贴。 3）从其他文档导入文本。能够合并到Web页的文本内容的常见文档类 型有ASCII文本文件、RTF文件和MS Office文档。Dreamweaver可以 从这些文档类型中取出文本，然后将其并入Web页中。 (2）编码设置 编码指定文档中字符所用的编码，文档编码在文档头中的 meta标签内指定，它告诉浏览器和Dreamweaver应如何对文档进 行解码以及使用那些字体来显示解码的文本。 例如：要指定日语编码为“shift_JIS”，则插入此meta标 签： meta http-equiv=Content-Type content=text/html; charset= shift_JIS 。浏览器使用用 户为日语编码指定的字体来显示文档。使用汉语编码“简体中 文（GB2312）”，则meta标签为：meta http- equiv=Content-Type content=text/html; charset= GB2312。 这个可以在“设计”视图里进行设置。具体步骤如下： 1）选择“页面属性”命令按钮，弹出“页面属性”对话框。 2）在页面属性对话框窗口左侧选择“分类”列表中“标题/编 码”命令，在右侧“编码”下拉列表框中选择“简体中文 （GB2312）”选项即可。 设置对话框技巧：一旦进行了编码设置，可以查看一 下“编辑”菜单下面的“首选参数”命令，在“分类”列表 框的“字体