让卢克比洛多的妻子:HTML语言初解、网站注册、

来源:百度文库 编辑:九乡新闻网 时间:2024/04/28 17:34:27
HTML语言初解、网站注册、文章的发布
编写:逸云
梦馨苑专用教材
各位新朋友:欢迎你注册成为梦馨苑大家庭的一员!如果你要在本站发布文章,就要注册了,如果你想更好地学习更加方便地做练习的话,就更要注册了,怎样注册呢?请跟着我一步步完成注册的过程吧。
一、注册梦馨苑有两个域名:国际域名:http://www.lxsc.net ,二级域名:http://lhsz.2000y.net

(图1)
1.请打开http://lhsz.2000y.net/或者http://www.lxsc.net/ 网页后,在首页左边的《用户登录》(图1)处点“注册”,(请一定记住你注册时的用户名和密码,否则将无法登陆)这时出现这样的对话框。(见图2 )

(图2)
按要求填写完之后,点确定,系统会提示:注册成功,请返回首页重新登陆。
2、注册后,在网站首页左边的用户登陆处填上你的用户名和密码,再点登录。
3、 如果出现管理员及密码,下边还会出现一行红色的小字:“请不要尝试非法登录”(见图3),很多朋友以为是自己误操作而放弃,这是程序自动形成的,请在管理员框再次填入您的用户名及密码,点“登录”,便可登陆了。

(图3)
4、登录后出现:“ *** 欢迎你,这是您第N次登陆”(其中的***是您注册时用的真名,只有您自己可见),点《进入管理》,进入自己的后台管理,这时您就可以发帖了。(见图4)

(图4)
二、发布新文章
1.点击“发布新文章”就会弹出如下界面:

(图5)
这就是我们编辑文章的地方了,首先您要进行文章大类和小类的选择,并定义你的文章标题。
2.直接链接和文章显示采用默认即可(一般不要改动它),接下来到了“文章来源”,如果是自己的作品,写上:“原创”,如果是转帖他人的作品(包括动画等等),写明出处或“转帖”。再往下看,到了“文章作者”一栏,自己的作品写上自己的名字,是转贴的作品写原作者名,尽量找到原作者。
3.完成了以上的步骤就到了发文的编辑区了(也就是图5中的白色方框区域),这里是我们编辑文章的地方,一切的编辑都是在此完成的。你可以把你的文章直接粘贴在编辑区的白框内,也可以直接进入源码编辑(进行源码编辑时请一定不要忘了将“查看HTML源代码”前面的小白框给勾选上),完成编辑后再取消“查看HTML源代码”前的勾,就可发布了。

(图6)
4.发布文章,完成编辑后就进入到发布的最后一步了,见(图6),你要做的是点下面的“添加”就会弹出“文章发布成功”的提示,再点“确定”就可以了(为了防止把你辛辛苦苦写的文章给弄丢了,避免做无用工,请你在发布之前一定注意保存自己的作品,做好备份)
*****************************************************************************
何为HTML语言?HTML语言是一种用来制作超文本文件的简单标签语言。用它编写的超文本文件称为HTML文件,HTML语言的标准内容极其复杂,但其文件本身却是非常简单。它之所以被成为Internet上的世界语而得以流行,是因为其可以跨越各种平台而通行无碍。 它不需要用任何专门的编辑工具来建立HTML页面,任何一个文字处理器(如Windows中的“记事本”、“写字板”,Mcrosoft Word)都可胜任这个工作。
基本HTML页面以标签开始,以结束。在它们之间,文件有两部分--标题和正文。 标题词--夹在和标签之间--包含有关一个不在自己页面上出现的一个页面的的信息,例如标题名称。正文则夹在和之间--即内容所在。页面上显示的任何东西都包含在这两个标签之中。而我们要掌握的就是这“显示内容”的编辑。
让我们先看一个简单的范例:


梦馨苑,心灵的休息地!






从源代码出发,您将进入网页制作的神奇世界。


希望梦馨苑成为您的网上家园,家园的成长离不开你的支持,欢迎发表作品并提出您的宝贵意见




展示效果如下:
从源代码出发,您将进入网页制作的神奇世界。
希望梦馨苑成为您的网上家园,家园的成长离不开你的支持,欢迎发表作品并提出您的宝贵意见
下面我们再来学习一下表格的制作,就是上面所列红色部分了。在网页制作中每一个表格构成了一层网页边框,而若干个单元格的嵌套就构成了若干层边框。
先看看两个表格的嵌套效果:
代码:




表一




表二


表一 表二
再看看下面这组边框的基本格式:















此处加入文章内容

标签的分析:
:表格的起始符。任意一个表格的开始都必须以它开头,且必须有终止符

cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing了,如若表格只有一个单元格,那么,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。
width:表格的宽度。取值从0开始,默认以像素为单位,与显示器的分辨率的像素是一致的。800×600的显示分辨率下,如果表格设置成1000个像素的宽度,那么,得出的效果将导致IE的横向滚动条出现,只有通过滑动它才能看到表格最右边的内容,所以建议在设置表格的宽度时充分考虑显示分辨率问题。width的取值还可以使用百分比,如widht="100%",这种赋值法有个好处:表格的宽度将根据可显示的宽度来自我调整宽度。
background:表格的背景图。其值为一个有效的图片地址。也有此属性。同时设置背景色和背景图不冲突,也建议这么做,这样,当图片不能显示时,表格的外观依然是好看的。
:表体的起始符。紧跟在之后,表示表体开始。必须有终止符</tbody>,放在
之前。在纯网页中可以不要tbody元素,但在论坛一定要使用,因为,当帖子用到较多的表格时,论坛的自动填充功能将可能会导致代码出错。
:表示表格的行,其中,t是table,r是row(行)。有多少组tr,这张表格就有多少行。紧跟在之后。必须有终止符。
:表示表格的列,t是table,d可理解为down(向下)。有多少组td,这张表格就有多少列。紧跟在之后。终止符为。td与tr配合构成单元格。
以上就第一层边框的基本要素,现在我们在看看第二层边框:




其它的全和第一层一样,但多了这几组:
1:borderColorDark=#0d1737 暗边框,颜色为0d1737 当border值不为0时设置有效。暗边框指表格的右边和下边的边框。
2:borderColorLight=#24387a 亮边框,颜色为24387a 当border值不为0时设置此值有效。亮边框指表格的左边和上边的边框。
3:cellpadding:单元格衬距。指该单元格里的内容与cellspacing区域的距离,如果cellspacing为0,则表示单元格里的内容与表格周边边框的距离。
第三层同第一层一样,不再说明了,现在我们来看最后一层边框也就是背景。




它只有背景的宽度width="网页宽度",背景展示的网址:background=背景图片网址,还多了一个border=0它是什么意思呢?当border=0时系统默认里面的内容为平铺。
border:此属性定义表格的边框。比如,border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。
以上就是边框的基本结构,表格标签里,所有元素都成对出现,而这些元素是按照从大到小的顺序从外往里层层包裹的。table最大,它占在起始和终结的位置,tbody是老二,tr是老三,td最小,它在最里层。现在我们来看一个实例
例:















加入文章内容处

效果图:
加入文章内容处
呵呵,做边框也不是很难吗,大家会了吧!做到这里了大家就觉得要是加入音乐就更好了,现在我就跟朋友们交流一下背景音乐的加入,在此给出一组隐藏播放器的语法,代码如下:

http://www.gxu.edu.cn/college/gxulst/zhuanti/class/classes/sj051/music/song.mp3
http://music.cnnb.com.cn/music/M/蜜雪薇琪/Kissy/2.wma
http://zhjh.net/wma/枫林小桥.wma
只要将这组代码放在您贴子代码的最后面就OK了,来!我们一起试一下吧!
好了,今天的课就到这里结束了.html语言的下一课是《文字、图片的添加、移动及CSS滤镜的美化运用》。欢迎朋友们继续学习!祝大家在这里学习愉快!相信你们一定会成功!
边框练习素材: