《网页制作大总结.docxVIP

网页制作大总结2008/09/03 21:12?? [代码总教程?] 基础知识及滚动文字的制作?? 我们在浏览网页时，常看到一些网页中的文字会有规律的滚动。那么，这些滚动文字是怎样制作出来的呢？通过学习和实践，现将用编写HTML代码让文字实现滚动效果的方法整理出来与朋友们交流分享。一、基础知识：? HTML是Hypertext Markup Language(超文本标记语言)的缩写，是用来表示网上信息的符号标记语言。WWW(万维网)所使用的出版语言就是HTML语言。通过HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的Web浏览器来识别，并将这些HTML翻译成可以识别的信息，就是所见到的网页。用HTML的语法规则建立的文档可以运行在不同操作系统的平台上，HTML文档属于纯文本文件，可以用任意的文本编写器书写。? HTML文件由标记和被标记的内容组成。标记能产生所需的各种效果。这些标记名称大都为相应的英文单词首字母或缩写，如P表示Paragraph(段落)，IMG是Image(图象)的缩写。各种标记的效果差别很大，但总的表示形式却大同小异，大多数成对出现，格式为：标记受标记影响的内容/标记标记只是规定这是什么信息，文本或是图片，但怎样显示或控制这些信息，就需要在标记后面加上相关的属性来表示，每个标记有一系列的属性。标记要通过属性来制作出各种效果。格式为：标记属性1=属性值属性2=属性值 ……受影响的内容/标记说明：　　1)并不是所有的标记都有属性，如换段标记P就没有属性。　　2)根据需要可以用该标记的所有属性，也可以只用需要的几个属性。　　3)在使用时，属性之间没有顺序。??4)标记忽略大小写，如： HTML 和 html 是等效的。让文字产生滚动效果的标记marquee??受影响的内容/marquee??1.文字来回滚动示例代码：marquee scrollAmount=2 width=300 behavior=alternate来回滚动的文字/marquee????2.多行文本向上滚动示例代码：marquee scrollAmount=2 width=300 height=160 direction=up朋友，你好！br你会做文字滚动效果吗？br欢迎你阅读本文！p和我一同来实践吧。/marquee??????3.各参数详解：a)scrollAmount属性表示速度，属性值为数字；取值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。b)width和height属性表示滚动区域的大小，width是宽度，height是高度，属性值为像素数（数字）。特别是在做垂直滚动的时候，一定要设height的值。c)direction属性表示文字滚动的方向，缺省默认为从右向左滚动；可选的属性值有left(从右向左滚动)、right(从左向右滚动)、down(从上向下滚动)、up(从下向上滚动)。d)scrollDelay属性也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。音画贴特效的制作现在一般的音画特效主要为图音文字而组成（也可加入FLASH）?????? 音画帖通用公式：?????? 精美的代码帖子=文字+图片+音乐+FLASH??????? 所以我们只需了解相关标签就行了一、文字标记基本代码如下：P align=centerFONT color=#0066ff face=隶书 size=5插入文字/FONT/Palign=center　表示字体居中，可选值为居右（right）居左（left）1.字体变化 font/fonta.字体大小 font size=#/font #=1~7；数字愈大字也愈大。b.指定字型 font face=字体名称/fontc.文字颜色 font color=#rrggbb/fontrr：表红色（red）色码gg：表绿色（green）色码bb：表蓝色（blue）色码rrggbb也可用6位颜色代码数字color=颜色代码6.区隔标记 DIVDIV称为区隔标记。作用：设定字、画、表格等的摆放位置。DIV应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织能力，有 以 DIV align=center 为例：align=center?????? 可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。DIV align=center 的作用和居中标记 CENTER一样。注：其实常用跟p标签的效果差不多，但是功能比p相对强一些。7.分隔线 hr移动方向指令是：direction=# up向上、down向下、left向左、right向右。移动方式:behavior 属性值