《网页设计与制作教学课件》2b设计网页文本.pptVIP

本节学习要点： * 输入网页文本 编辑文本属性 插入网页图像 设计网页元素 1.1 输入普通文本 1.在文档窗口中光标闪烁处键入文本。 创建新的网页-在设计视图中将光标置于相应位置-输入文本 2.从其他应用程序中拷贝文本，然后切换到设计视图中，选择菜单栏中的【编辑】｜【粘贴】命令，将文本对象复制到页面中。 文本标记：pbrdivdl等 文字格式标记：fontbem等 1.2输入特殊字符 特殊字符：除了汉字、英文以及其他各种语言文字之外的，如版权符号、美元符号、英镑符号等。 1. 【插入】｜【HTML】｜【特殊字符】 2. 【插入】面板｜【常用】按钮 ｜【文本】命令【字符】按钮 插入其他字符（打开【其他字符】对话框）的两种方法： 1. 【插入】｜【HTML】｜【特殊字符】｜【其他字符】 2. 【插入】面板｜【常用】按钮｜【文本】命令｜【字符】按钮｜其他字符 hr作用是在页面上加一条水平线。 语法：hr align=“value” width=“value” size=“value” noshade color=“value” / 语法：hr align=“left” hr align=“center” hr align=“right” 举例 语法：hr width=“value” hr width=“value%” 默认情况下，水平线的宽度为100％水平线的宽度可以以绝对的像素为单位，也可以以相对的百分比为单位。 举例 语法：hr size=“value” 水平线的高度只能使用绝对的像素定义。 举例 语法：hr noshade 默认的水平线是空心立体的效果，利用此属性可以 将其设置为实心并且不带阴影的水平线。 举例 语法：hr color=“value” 举例 1.3格式化文本 语法：pre…/pre 预格式化：就是保留文字在源代码中的格式，页面中显示的效果和源代码中的效果完全一致。 举例 语法：blockquote…/blockquote 使用缩排标记，可以实现页面文字的段落缩排。 举例 打开DW，在工具栏中的【插入】工具面板中可看到【文本】命令，选择该命令，可出现下图的工具 2.编辑文本属性 1粗体——b或strong 2斜体——I或EM或CITE 3上(下)标——sup和sub 4大(小)字号——big和small 5删除线——s或strike 例：在页面上输出：x12+2x1+1=9 段落标记与换行标记 语法： 段落标记——p…/p 换行标记——br 段落举例 换行举例 段落标记的对齐属性 语法：p align=left…/p p align=center…/p p align=right…/p 举例 标题字标记 标记 描述 h1…/h1 一级标题 h2…/h2 二级标题 h3…/h3 三级标题 h4…/h4 四级标题 h5…/h5 五级标题 h6…/h6 六级标题 举例 标题字的对齐属性 属性 描述 hn align=left…/hn 标题左对齐 hn align=center…/hn 标题居中 hn align=right…/hn 标题右对齐 文字格式标记 打开DW【格式】菜单，可看到文本的格式命，如下图，可设置段落格式，字体格式等 对齐格式和字体格式 单击【格式】菜单的【对齐】命令 又或者选择【属性】面板的相应按钮或列表框 居中标记 语法：center…/center 举例 文字标记 字体: font face=“font_name1,font_name2,…” …/font 字体举例 字号： font size=“value”…/font 字号举例 颜色： font color=“value”…/font 颜色举例 3.插入图像 图像标记：img / 语法:img src=“file_name” / src属性指定路径 file_name为要插入图片的路径 举例 属性 描述 alt width/height border vspace hspace align 用于描述图片的提示性文字 图片的宽度 和高度 边框 图片和文字垂直间距 水平间距 排列 课堂实验 完成Test04,上传至FTP作业中相应教学班的test04文件夹 完成实验work03，上传至FTP作业中相应教学班的work03文件夹