《第2章页面布局和文字设计》由会员分享，可在线阅读，更多相关《第2章页面布局和文字设计（20页珍藏版）》请在金锄头文库上搜索。
1、教学目的:1掌握使用页面属性控制标记;2掌握文本格式化标记学会灵活应用;3. 掌握文字移动标记;,第二章 页面布局与文字设计,教学重难点:页面属性控制标记的设置.(重点) 文字移动(难点),任务一、文档主体属性的设置,1. 在BODY标记中可以确定整个文档的背景色、前景色等基本属性。2.语法: 说明: bgcolor - 页面背景色彩 text - 普通文字的色彩 link - 可链接文字的色彩 alink - 正被点击的可链接文字的色彩 vlink - 访问过的可链接文字的色彩 background-背景图象,后面是一个图象地址 bgproperties=“fixed”-固定背景图片,任务二
2、、 文字的基本属性,文件题头属性: 和之间的部分，就是这一个HTML文档的总标题，它一般出现在标记中。文件标题一般会显示在浏览器最上面的标题栏的位置.,2.标题(hn)标题元素有6种，分别为h1, h2,h6，用于表示 文章中的各种标题。标题号越小，字体越大.其中hn可以有对齐属性，align#，#表示 left 标题居左 center 标题居中 right 标题居右 例如：标题2的文字,3. 分段标记 html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多文字处理器不同的。html的分段完全依赖于分段元素, 也可以有多种属性，比
3、较常用的是： align=#,#可以是left,center,right. 如:paragraphy one paragraph two ,4. 换行标记是一个单标记，这个标记用来标识一个换行动作。在HTML文件中可以用它来调整行间距。5. 预格式化标记作用：令文字按照原代码的方式显示。 这个标记允许保留你在原代码中输入的空白和回车。,6. 字体标记 字体大小用指定。 HTML有7种字号，1最小，7最大。缺省值为3号。例如：Today is fine! (2)字体颜色用指定。其中，#参数值可是是用英文描述的颜色如“RED”，”BLUE”，也可以是十六制进值。 (3)字形用指定。,7. 字体风格
4、 分为：物理风格和逻辑风格。物理风格直接指定字体，有黑体，斜体，下划线。逻辑风格指定文本的作用，如：突出显示，它并不指明怎样突出法，而让浏览器自行决定，大多数浏览器就把它处理为斜体。重点突出显示 8.字体闪烁文本 使文本闪烁，闪烁频率为 1秒钟一次。IE浏览器并不支持，Netscape浏览器支持。,9.居中标记很多标记都有对齐方式属性，如,等。也可以直接用居中链接签. 例如： This must be my dream.,10. 水平线标记 语法:作用:这个标签可以在屏幕上显示一条水平线， 用以分割页面中的不同部分。 属性说明： size : 水平线的宽度; width :水平线的长，用占屏幕
5、宽度的百分比或象素值来表示; align :水平线的对齐方式，有left,right,center三个值 noshade :线段无阴影属性，为实心线段,11. 清单标记 无序清单 清单项目1清单项目2说明:的参数设定: ,有序清单清单项目1清单项目2说明:的参数设定: ,设定数目款式,设定开始数目,定义清单是一种分两层的项目清单,用开始，用清单条目引导,用说明.Item1The definition of item 1Item2The definition of item 2 ,任务三、文字移动标记(marquee)用文字编排各种web页面时，有时难免会有一些需要强调的部分，此时设置一些文字的
6、动态效果会起到强调突出文本的作用。在HTML页面设置文字的移动，必须在浏览器中才能显示。文字移动所包含的主要内容有：, 文字移动方向的设置文字其中direction的属性值取“left”、“right”还有up和down四个值，分别对应将中间的字体向左右、上下移动。 文字移动方式的设置其中的behavior属性值取“scroll”、“slide”、“alternate”三个值，分别对应将中间的字体循环移动、只移动一次、在屏幕中间左右移动。,文字移动循环的设置其中的LOOP属性值是取一个数值，表示将中间的字体循环移动的次数。文字移动速度与延时的设置其中的scrollamount属性值是取数字值，对应将中间的字体循环移动的速度。数值越大，表示速度越快。, 其中的scrolldelay属性值是取数字值，对应将中间的字体循环移动的延时。 如:啦啦啦，我走一步，停一停！,文字移动底色的设置其中的height属性值是取数字值，这个属性控制了文字移动面积的高度；width属性的属性值是取数字值，这个属性控制了文字移动面积的宽度；bgcolor属性的属性值可以取RGB值，或者用预定义值，它控制了移动文字的背景颜色。,本章小结:本章主要讲解了页面的基本属性,详细介绍文档的基本属性的设置,最后重点介绍了文字移动标记.作业:上机操作标题,文字属性,并插入水平线标记, 最后创建文字移动.,
