网页基础教程.docVIP

HTML语言是动态网页设计最基本的内容，也是必须要熟悉的基础，ASP等等其他后台程序的设计都是基于HTML的基础之上的。但是，这里讲HTML语言，目的并非是要大家用HTML来编写网页的源代码，但可以作为修改网页源代码的基础，网页细节部分的内容还是必须通过对HTML源代码直接修改来完成的。不过用记事本来编辑网页是锻炼基本功的一个非常好的途径，其实我本人学习网页制作，一开始接触的也是HTML而不是诸如FRONTPAGE、DW之类的软件，FEELING DESIGN最初版本，就是我完全使用记事本写出来的，当然这样做的效率比起用软件来要低得多，但是亲手写出来的网页源代码，结构清晰，层次明确，没有冗余的代码，这也是软件所不能及的，大家用什么方法来学HTML，可以自己把握衡量，如果你想向着网络程序员的方向发展，那么鼓励使用记事本或者其他纯文本编辑器来写网页文件！ 本次要说的，如何丰富和美化网页的内容，其实也是一些纯理论的东西，多实践是最好的锻炼方法。 1.给网页加入图片。 图片对于一个网站来说是一把双刃剑，加入图片，给网页的导入带来了负荷压力，图片的文件大小往往比一个网页（xxx.htm文件）大得多，这会减慢导入网页的速度，然而图片对于网站的美化来说不可缺少的。随着现代网络硬件的发展，网速也提高得非常快，可以说图片导入的速度问题，以不像原来那样占据主要地位了，但是一个好的网站，导入速度与美化必须都要慎重考虑！ 理论上说，比起密密麻麻的文字，直观的图片是浏览者更加愿意看的，所以，给网页加上必要的图片，为了加快导入的速度，图片尽量使用网页通用的图片格式例如：GIF JPG等，而不要使用未经压缩的BMP PNG等，在不影响浏览效果的前提下，尽量压缩图片，能用HTML代替的地方尽量不要使用图片。 2.给网页加入背景 方法：body标签的属性：background、bgcolor body标签的两个属性，background可以定义背景图片，bgcolor则定义背景的颜色，例如： body background=bg.gif bgcolor=#eeeeee 背景图片会自动重复铺满整个页面，当这两个值都设置时，将显示图片而不显示背景颜色，两个都定义的好处就是，如果背景图片由于某些问题没有导入成功，那么就不会显示而显示出背景颜色。 3.给网页加入背景音乐 方法：bgsound标签 bgsound src=URL loop=number src属性代表音乐来源URL，loop属性表示音乐重复的次数，如果想让音乐无限循环，取-1。注意，请慎重使用背景音乐，一方面会影响页面的导入速度（音乐文件一般比图片还要大），另一方面，比较正式的网站需要比较严肃的气氛或者浏览者并不希望听到什么声音。 4.给网页加入视频文件 方法：embed.../embed标签 embed src=tv.wmv width=500 height=400 autostart=yes/embed src属性表示视频文件的来源URL width、height 表示视频的宽度和高度 autostart 表示是否在网页导入后自动播放，取值为yes、no 这个标签不仅可以加入视频，音频也可以加入 5.给网页加入FLASH 方法：embed.../embed标记 用法和插入视频相同，此外还可以用object.../object（其实这个更加常用一点），属性比较复杂，用法见下： object classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 codebase=/pub/shockwave/cabs/flash/swflash.cab#version=4,2,0 width=300 height=300 vspace=0 hspace=0 border=0 param name=flash value=flash.swf param name=scale value=noborder /object object标签是插入媒体的标签，param是它的子标签，用来设定用object插入媒体的一些参数。object标签中的classid属性，后面跟着一大堆代码，我们不用去管他，它是代表FLASH播放插件的，codebase代表flash播放插件的位置，也就是说如果浏览者的浏览器上没有安装FLASH播放器的话，就会从这个位置下载播放插件以播放媒体文件。width/height/vspace/hspace 这几个属性我想不用我多介绍了吧：） param是object专用的子标签，它只能位于object标签内部，用来设定播放插件的参数值，第一个参数值就是代表FLASH文件的地址URL，第二个参数是设定FLASH播放器没有边线显示，参数根据object