网站菜鸟教程-小白教程普及
看来还是有点必要普及下基本的网站知识,才能让小白也能轻松上手,至少能看懂、做出我网站上一些简单的教程吧。
首先声明下,仅供小白参考,大神直接路过吧(囧...)
就不从头开始说起了,很多网站都有对html的详细介绍,这里只介绍本站的教程里面涉及到的用法。
1.css的用法
css是什么,css即层级样式表,详细自己百度,我只能说,是网站的基本框架,控制网页外观的一个代码(这里不是定义哦,只是简单的理解,就不深入了)
使用方法
比如我的教程里面提到
css部分
#cobmw{height:200px;width:200px;}
在html里面的话 直接用<style type="text/css">****</style>包起来即可,或者你建一个文件,把代码放进去
即
<style type="text/css">#cobmw{height:200px;width:200px;}</style>
还有另一种方式是用记事本新建一个文件,把css内容放进去,然后另存为后缀为.css的文件,如cobmw.css,上传到服务器后,在html中引入
<link rel="stylesheet" href="*****/cobmw.css">
上面的***/cobmw.css即你上传到服务器的文件地址。
2.js的使用
我在教程里经常提到jquery库,下面是简单介绍
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
你就把他认为是js的基础就行了,一般网站都需要加载此库。
如果没有,即通过以下方式加载
<script type="text/javascript" src="http://x.papaapp.com/farm1/2893f5/61551013/jquery-1.8.2.min.js"></script>
下面就是js部分引入了,同样两种方式。
如
js部分
function turnoff(obj){
document.getElementById(obj).style.display="none";
}
直接引用法:
<script type="text/javascript">这里放js部分内容</script>
文件引用法:
用记事本新建一个文件,把js部分内容放进去,然后另存为.js文件,如cobmw.js
然后上传到服务器,再在html中引入
<script type='text/javascript' src='***/cobmw.js'></script>
上面的***/cobmw.js即为你的js文件上传到服务器的地址。
一般来说js放在body内即可,具体要放在哪,可以根据需要,比如我的向上滚动的js,我想让最慢加载,那我就把它放在最底部咯,就是这么简单。
我是骨灰。