网页设计 实践2.docVIP

第三节 利用文本创建简洁的网页 第一部分 添加文本 1.1认识文本插入栏 1.2添加普通文本 1、直接输入文本 2、从其他文档中复制文本 3、导入文本——直接将word、excel中的内容导入到网页中。 文件/导入/excel文档 1.3添加特殊符号 将插入栏切换到“文本”输入栏。单击文本插入栏中的BR按钮。 1.4添加空格 在Word等文字编辑软件中若要添加空格只需按空格键即可，在Dreamweaver中无论按多少次空格键都只会出现一个空格，这是因为Dreamweaver中的文档格式都是以HTML的形式存在的，而HTML文档只允许字符之间包含一个空格。 要在网页文档中添加连续的空格，可以采用以下几种方式。 .在“文本”输入栏中单击“已编排格式”按纽，再连续按空格键即可。 .选择“插入记录/HTML/特殊字符/不换行空格”命令可添加一个空格，如果需要多个空格，重复操作. .按Shift+Ctrl+空格键添加一个空格，如果需要多个重复操作即可。 .将输入法切换到全角状态（通常按Shift+空格键可以进行全角、半角状态切换)，直接按空格键，需要多少个空格就按多少次空格键. 1.5添加水平线 1.将鼠标光标定位到需添加水平线的位置，选择“插入记录/HTML/水平线”命令即可添加水平线。 2.设置水平线属性 添加水平线后，还可以对其属性进行设里，如宽和高、颜色等，选中需设置属性的水平线，在属性面板的“宽”和’‘高’文本框中可设置水平线的宽度和高度值;在“对齐”下拉列表框中可设置水平线的对齐方式，如“左对齐”、“居中对齐”、“右对齐”等;取消“阴影”复选框的选中状态可使水平线没有阴影效果。 教学实例1 1.打开网页line.html素材并将鼠标光标定位到标题后。 2.选择“插入记录/HTML/水平线”命令插入水平线。 3.选择该水平线，在“属性”面板中取消阴影复选框的选中状态，在“高”文本框中输入3;，在“宽”文本框中输入100，在其后的下拉列表框中选择“%”选项，在“对齐”下拉列表框中选择“居中对齐”选项。 4.单击“属性”面板右侧的快速标签编辑器按钮,在“编辑标签”文本框“/”前输入入代码color=“#ff0000”。 5.输入完成后按Enter键确认输入，保存网页，按F12预览网页。 1.5添加日期 方法：将鼠标光标定位到需要添加日期或时间的位置，选择“插入记录日期”命令，打开“插入日期”对话框。在该对话框中进行设置星期格式、日期格式和时间格式等，若选中“储存时自动更新”复选框可在每次保存文档时都更新添加的日期。 教学实例2 1.6文本换行与分段 教学实例3 1、用Dreamweaver打开support.html文档，并将其另存为support.html. 2、将鼠标光标定位到灰白色区域中，输入文本“技术支持”，再按Shift+Enter键进行换行。 3、将输入法切换到全角状态，按空格键两次，再输入文本：“下面为本网站提供的支持服务及服务方式，请根据您的具体情况查询我们的支持服务”。 4、选择“插入记录/HTML/水平线”命令插入水平线，选择水平线，单击代码按钮切换到代码视图，在hr后输入文本“#color=#D 17373”。 5、单击编辑窗口左上角的设计按钮切换到设计视图，将鼠标光标定位到水平线下方，将插入切换到“文本”插入栏，单击“已编排格式”按钮，输入 BBS问题解答　　　　　　　　　　　　　　　免费示例及DEMO　　　　　　　　　　　　　　　免费企业版设计器使用及更新　　　　　　　　　　免费企业版引擎使用及更新　　　　　　　　　　　免费帮助文档　　　　　　　　　　　　　　　　　免费欲了解更多有关技术支持信息可发邮件至info@kyt.net。Copyright 2000-2005 KYT .net All rights reserved.” 7、将鼠标定位到“2000”前，单击文本插入栏添加版权符号。 8、保存并预览效果。 第二部分 设置文本格式 第三部分 创建列表 编号列表 项目列表 定义列表 设置列表属性 嵌套列表的创建 列表可以嵌套，嵌套列表是包含在其他列表中的列表。 教学实例3 “软件下载列表” 1、新建网页softdown.html,单击“属性”面板中的“页面属性”按钮打开页面属性对话框。 2、在“大小”下拉列表框中选择12选项，保持其后的下拉列表框中选择“像素(Px)”选项，单击“确定”按钮关闭对话框。 3、将鼠标光标定位到页面中，输入法切换到全角状态，再按两次空格键，然后输入文本“软件下载列表”，选中输入的文本，在“属性”面板的“大小”下拉列表框中选择14选项，在其后的下拉列表框中选择“像素(px)”选