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

《网页设计与制作案例教程 教学课件 作者 池同柱第3章 在网页中使用文本.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章在网页中使用文本一、案例实现创建一个新网页，将其保存为index.htm在新建的网页的设计视图的工作区域空白处输入文字“欢迎光临我的个人网页”，选中文字，在Dreamweaver下方的属性面板上设置其段落属性为“标题1”，对其方式为“”，修改其颜色为“红色”.光标定位在“欢迎光临我的个人网页”后面，按【Enter】键，点击常用插入栏，选择HTML选项，单击其中的“”按钮，在“欢迎光临我的个人网页”下面插入一条水平线示。选中水平线，设置水平线属性，“对齐”中包含了左、右、中三种对齐方式。在水平线

2、后面按【Enter】键，输入文字“一、自我介绍”，选中该文本，设置其属性。这里对文字的字体也可以进行设置。选中需设置字体的文本，单击“文本”菜单/“字体”命令，在弹出的子菜单中选择所需要的字体，或者打开属性检查器，单击“字体”下拉列表，在弹出的列表中选择所需字体。重复步骤2插入水平线，设置水平线属性。在水平线后面按【Enter】键。输入“姓名”、“性别”、“出生年月”、“毕业院校”、“所学专业”等四行文字，每行的结尾按【Enter】键换行。选中这四行文字，切换“常用工具栏”为“文本选项”，点击其上的

3、“”按钮，完成项目列表的制作。重复步骤（3）--（7），完成联系方式部分文字设置。选中联系方式的四行文字切换“常用工具栏”为“文本选项”，点击其上的编号列表“”按钮。重复步骤3插入页面底部的水平线并设置其属性。在水平线，后面按【Enter】键。输入版权信息，设置其属性为居中对齐，插入版权符号。插入日期。制作完毕，保存网页文件。最后设计界面如教材3-14所示。二、相关知识1、在网页中插入文本（1）插入普通文本方法如下：1）直接在文档窗口中输入文本。在设计视图中，用户将光标定位于要插入文本的位置处，选择

4、合适的输入法输入相应的文本即可。输入文本时，按下Enter键可以创建一个新的段落，如果仅想换行而不分段，可以Shift＋Enter。另外，HTML只允许字符之间包含一个空格，如果要在文档中添加多个空格，需要将输入法切换到中文全角状态，就可以插入多个空格了。2）拷贝文本。用户可以从其他的应用程序中复制文本，然后切换到Dreamweaver中，将插入点定位要要插入文本的位置处，然后选择“编辑”

5、“粘贴”命令，或者使用Ctrl＋V的粘贴快捷键，就可以将文本粘贴到窗口中了。Dreamweaver在粘贴文本时

6、将忽略原文本的格式，仅仅以纯文本的方式粘贴。3）从其他文档导入文本。能够合并到Web页的文本内容的常见文档类型有ASCII文本文件、RTF文件和MSOffice文档。Dreamweaver可以从这些文档类型中取出文本，然后将其并入Web页中。(2）编码设置编码指定文档中字符所用的编码，文档编码在文档头中的meta标签内指定，它告诉浏览器和Dreamweaver应如何对文档进行解码以及使用那些字体来显示解码的文本。例如：要指定日语编码为“shift_JIS”，则插入此meta标签：

7、equiv="Content-Type"content="text/html;charset=shift_JIS">。浏览器使用用户为日语编码指定的字体来显示文档。使用汉语编码“简体中文（GB2312）”，则meta标签为：。这个可以在“设计”视图里进行设置。具体步骤如下：1）选择“页面属性”命令按钮，弹出“页面属性”对话框。2）在页面属性对话框窗口左侧选择“分类”列表中

8、“标题/编码”命令，在右侧“编码”下拉列表框中选择“简体中文（GB2312）”选项即可。设置对话框技巧：一旦进行了编码设置，可以查看一下“编辑”菜单下面的“首选参数”命令，在“分类”列表框的“字体”类别里的“字体设置”命令也会发生相应的变化。在查看“代码”视图时，感觉字体、大小不合适，也可以在“分类”列表框的“字体”类别里设置字体、字体大小。（3）插入特殊文本某些特殊字符在HTML中以名称或数字的形式表示，它们称为实体。HTML包含版权符号(©)、注册商标符号(®)等字符的实体名称

9、。每个实体都有一个名称（如—）和一个数字等效值（如—）。具体操作方法如下：1）在“设计”窗口中，将插入点放在要插入特殊字符的位置。执行下列操作之一：从“插入”/“HTML”/“特殊字符”子菜单中选择字符名称。在“插入”栏中的“文本”类别中，单击“字符”按钮选择需要的字符。2）在字符之间添加空格。HTML只允许字符之间包含一个空格，若要在文档中添加其它空格，须插入连续空格。可以设置一个在文档中自动添加不换行空格的首选参数。若要插入不换行空格，执行下