| |
PS视频教程 | 音画视频教程 | FL视频教程 | ps特训教程 | PS滤镜下载 | PS动作下载 | PS画笔下载 | PS样式下载 | 经典字库下载 | JS代码大全 | SEO教程 | 设计软件下载
|
您现在的位置:白小姐中特网 - 管家婆中特网 - ps教程|音画教程|flash教程|设计软件下载 - 10万教程宝库 >> 设计教程 >> 音画教程 >> 浏览文章
音画贴制作从入门到精通(二) - 音画教程
作者:佚名 日期:2010年12月03日 来源:白小姐中特网  【字体: 】   我要评论(0)
核心提示:
网络上90%的页面都是使用HTML标识语言编写的,因为HTML是一种明文标识语言,所以,一个网页文件往往也就是一个纯文本文件。 我们只要学会一些HTML标识符(全部不超过130个标识符),就可以用Windows的记事本编写网

网络上90%的页面都是使用HTML标识语言编写的,因为HTML是一种明文标识语言,所以,一个网页文件往往也就是一个纯文本文件。
我们只要学会一些HTML标识符(全部不超过130个标识符),就可以用Windows的记事本编写网页程序。用“记事本”制作网页是最简单、最原始的网页制作技术,同时也是最高水平的网页制作技术(因为能够用记事本写HTML程序,意味着你对标识语言已经烂熟于心)

用记事本制作网页的技术,不妨从如下几个步骤开始:
1、在你的C、D、E、F任意个一个磁盘分区上创建一个工作目录(文件夹),例如:MybbsWord
2、打开Windows记事本,写好一个制作帖子的源代码。将代码以文件形式保存到MybbsWord文件夹里
3、保存文件时,将代码文件保存为HTM格式,比如,欲将文件命名为a07408001,则保存的文件名为a07408001.htm
4、如果你不慎将文件保存为text格式,只需要将文件的扩展名(后缀),修改为“.htm”就可以了。
5、htm格式的文件,俗称超文本,可以用记事本打开阅读源代码,当然也可以继续编辑。
6、用鼠标双击你已经保存的a07408001.htm,浏览器会自动打开显示,这使得你能够在发表帖子之前,就能在你的电脑上看到帖子的效果。

如何在网页里画表格,并利用表格组织显示图片和文字?
用HTML标识语言代码制作的表格是网页上划分栏目区域,分类文字内容、拼嵌异形图片最基本的要素。画表格是制作网页必不可少的技巧,几乎所有结构复杂、图文并茂,栏目众多,内容庞杂的网页都少不了用表格来实现。音画贴里华丽的边框正是用表格来实现的。

表格一般有若干行和若干列构成的方格组成,所以表格也称“网格”。和我们在实际生活中用到的表格(例如:课程表)一样,文字是应该写在方格子里的,表格的“方格子”,叫做单元格,每个单元格都是一个容器,其它所有的网页元素都可以放在这些容器中,也就是说,你可以把图片、文字、音乐、动画全都安排显示在指定的单元格里。你甚至可以在一个表格的某个单元格里,再装入另一个表格,这就叫“嵌套表格”,表格是可以层层嵌套的,很多音画贴的外围边框,正是一层套一层的表格做出来的。
画表格的语法实例:

<TABLE>
<TR><TD>第一行第一列</TD><TD>第一行第二列</TD></TR>
<TR><TD>第二行第一列</TD><TD>第二行第二列</TD></TR>
</TABLE>

这是简单的一个两行两列的表格。
最常见的音画贴所使用的表格,一般都是只有一行一列的矩形框,或是只有一列的多行表格。

<TABLE>这个标识符用来定义表格,要特别注意:这个标识符一定要成对,而且嵌套表格时不能骑跨,否则将得不到预想的显示的效果。<TABLE>标识定义表格的开始,</TABLE>标识定义表格的结束。表格的行和列,必须包含在<TABLE>和</TABLE>之间。
<TABLE>这个标识符有很多属性,利用其不同属性可以设置表格的样式,比如:表格是否有边框,边框线的粗细,背景颜色、背景图案、表格的宽度(象素),表格内元素与表格边框的距离,表格与外层容器之间的距离等等。

border=n(n代表任意一个数值)
该属性用来定义表格的边框线粗细,n为零表示该表格没有边框(或不显示边框)
例如:<TABLE border=1>

width=n(n代表任意一个数值,最大值不应超过网页宽度的最大象素)
该属性用来定义表格的宽度。定义表格的高度可以使用height=n,原理一样。如果想定义一个宽度600象素的表格如下
例如:<TABLE border=1 width=600>

bgcolor="X"
该属性用来定义表格的背景颜色。“X”表示一个16进制的数字(0-9的数字和a-e的字母),例如:feb034。fe代表红色值,b0代表黄色值,34代表蓝色值,三种不同的单元色,最后混合成一个复合色。
使用16进制颜色代码,一般要在颜色代码前加上一个“#”号,例如:bgcolor=#ff00de。
有些单色可以用英文单词定义,red(红色),blue(蓝色),yellow(黄色),green(绿色),例如:bgcolor=yellow
颜色的定义,还能使用VB脚本语言的函数,例如:bgcolor=RGB(255,128,32),RGB()是一个调色函数,括弧内的三个参数分别代表红绿蓝三种颜色的色度值。
定义表格背景颜色最常用的语法是bgcolor=#000dea
例如:<TABLE border=1 width=600 bgcolor=#00ffff>

cellSpacing=n (n代表任意一个数值)
该属性用来设置表格单元格中内容与表格边框的距离,n为零表示允许单元格里的元素靠近边框。
cellPadding=n(n代表任意一个数值)
该属性用来设置表格与外层容器的边距,n为零表示表格没有边框距离。
cellSpacing和cellPadding是制作音画贴最重要的两个属性。也就是说音画贴里的表格必须有这两个属性。

例如:<TABLE cellSpacing=3 cellPadding=12 border=1 width=600 bgcolor=#00ffff>

<TR>和</TR>定义表格的行,一对定义一行,可用多次重复定义任意数量的行。画表格的时候,一定要先分“行”,再分“列”。
<TR>这个标识符,也有属性,但没有必要使用。因为对表格单元格的样式修饰,可以通过<TD>的属性设置来实现。

<TD>和</TD>定义表格的列,一对定义一列,可用多次重复定义任意数量的列。表格分列的原则是,必须要在“行”里分列,通俗地理解就是表格外框包含行,行里包含列,最后画成表格。
前面说过,表格的单元格是用来装入网页元素的容器,而容器装东西的位置就是<TD>与</TD>之间的位置。
实例一:在一个表格(矩形框)里显示一张图片。
<TABLE border=5 width=600 bgcolor=#00ffff>
<TR><TD><img src=/UploadFiles/2010-12/admin/20101239240025399.jpg border=0></TD></TR>
</TABLE>
实例二:在一个表格(矩形框)里显示一句文字。
<TABLE border=5 width=600 bgcolor=#00ffff>
<TR><TD>在这里写上要显示的文字</TD></TR>
</TABLE>


备注:
1、如果是一个多行多列的表格,第一行定义了多少列,以下的各行,一定要有相同数量的列,否则表格显示出来就不规则。
2、在<TD>里设置align和valign两个属性,可以控制单元格里内容的相对位置,align=center(左右居中),valign=middle(上下居中)。
3、可以单独设置一个单元格的背景颜色,例如:<TD bgcolor=blue>或<TD bgcolor=#cccccc>
4、可以设置一个单元格的尺寸(会影响别的单元格的尺寸),例如:<TD width=100 height=40>(宽度100象素,高度40象素)
5、在表格中嵌套表格,就是在单元格里再定义一个表格。实例如下:
<TABLE cellSpacing=3 cellPadding=12 border=1 width=600 bgcolor=#00ffff>
<TR><TD valign=middle align=center>
<table cellSpacing=3 cellPadding=2 width=90% bgcolor=#000adc border=1>
<tr><td>
......在这里还可以嵌套表格
</td></tr>
</table>
</TD></TR>
</TABLE>

如何实现动态文字之一(走马灯效果演示)
语法:<MARQUEE>需要演示的走马灯文字和图片</MARQUEE>

<MARQUEE>这个标识符,用来定义网页元素走马灯演示的动态效果,该标识必须成对使用,如果没有</MARQUEE>结束定义,<MARQUEE>之后的所有网页内容会全都到处乱跑。
<MARQUEE>的主要属性及其使用方法如下:
direction=M
该属性用来定义走马灯的方向,“M”是一个代表方向的关键字。
direction=up(从下向上),direction=left(从右向左),direction=right(从左向右)
scrollDelay=n(n代表任意一个数值)
该属性用来设置走马灯的演示速度,即一次移动和下一次移动之间的时间间隔,数值越大,移动速度越慢。
scrollAmount=n(n代表任意一个数值)
该属性用来设置走马灯的演示步长,即一次移动多少距离,例如:scrollAmount=3表示一次移动3象素的距离。
width=n
该属性用来设置走马灯演示区域的宽度,该宽度如果超过了网页的宽度,则无效。
height=n
该属性用来设置走马灯演示区域的高度,如果是从下网上演示字幕,设置适当的区域高度很重要。
完整的语法实例:
<MARQUEE scrollAmount=1 scrollDelay=150 direction=left width=520 height=28>
在这里写上你要演示的所有的文字.......
</MARQUEE>

总结:
在帖子里发一张图片,使用嵌套表格给图片加上边框,并且给图片配上走马灯注释文字。
<DIV align=center><CENTER>
<TABLE cellSpacing=3 cellPadding=12 border=1 width=600 bgcolor=#00ffff>
<TR><TD valign=middle align=center>
<table cellSpacing=3 cellPadding=2 width=90% bgcolor=#000adc border=1>
<tr><td>
<IMG src=/UploadFiles/2010-12/admin/20101237599730909.gif>
</td></tr>
<tr><td height=28>
<MARQUEE scrollAmount=2 scrollDelay=30 direction=left width=520 height=28>颐和深锁亡国恨,玉兰出墙春眠惊</MARQUEE>
</td></tr>
</table>
</TD></TR>
</TABLE>
</CENTER></DIV>




相关文章列表
网友评论
芊蓝广告位招商中......
芊蓝广告位招商中......
图文资讯
关于我们 - 网站帮助 - 广告合作 - 下载声明 - 友谊连接 - 网站地图 - 管理登陆