网站菜鸟教程-小白教程普及

2012.10.02 分享 7870 人浏览 1 条留言

看来还是有点必要普及下基本的网站知识,才能让小白也能轻松上手,至少能看懂、做出我网站上一些简单的教程吧。

首先声明下,仅供小白参考,大神直接路过吧(囧...)

就不从头开始说起了,很多网站都有对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,我想让最慢加载,那我就把它放在最底部咯,就是这么简单。

文章地址:https://huilang.me/xiaobai-jiaocheng/

“网站菜鸟教程-小白教程普及” 有 1 条评论

  1. 说道:

    我是骨灰。

回复 取消回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif