教育培训类网站的6个推广方法

不久前,有个网友联系我,想咨询一下如何对他的网站进行推广。我看了一下,他的网站是某地区的教育培训类网站,于是就给他写了一个推广分析报告,分析一下有几种比较有效的推广方法。

1,SEO。这类网站最适合的推广方法,就是seo了,当人们想要得到某地区的培训,首先会用搜索引擎搜索一下,定向流量比较高。但是SEO的难度也是比较大的,前期付出的成本也比较高,但是利益也比较大。

2,制作视频教程。利用手头的教育教学资源,做一部分免费的公益教程的,然后对外在比较大型的教育类门户网站或者论坛发布。有充足的老师和教育资源,这样做一些简单的教程、简单的介绍一下课程的学习目标以及重要性,可以让人们对课程加深了解,从而增加报名率。可以考虑与教育类门户等合作,在视频教程中,添加上他们的链接表示合作推出,这样那些大型门户甚至会帮你推广一下。当然,前提是,教程必须要有价值,不能全都是广告,只能稍微提一下自己的培训中心,否则其他网站可能不会同意和你合作。

3,写软文。有专业的老师等,可以组织些一些比较基础的考试培训类的指南,比如XX证考试指南,在文章中穿插进自己的培训中心名称或者链接。例如XX培训中心新推出了一份复习资料等等等等。发布在考试论坛或者考试门户网站上,甚至可以考虑去付费发布。

4,编写资源帖。组织现有的资源,在压缩包里面加上自己的信息,然后组织成一个帖子,例如“XX考试XX本电子复习资料大全”等有吸引力的名字。将其发布在考试类论坛上。要注意的是,帖子里面的资源,必须真实可靠有效,一般这种帖子在论坛里面都很火,而且经常被别人转载,可以制造大量外链。

5,邮件营销。通过上面的几个推广方法,我们可以在下面加上“邮件订阅”,使用QQ列表服务,让对此培训有兴趣的人,通过邮件订阅最新的考试培训信息等。可以使用一些吸引性的文字,来吸引提交邮箱。比如每月提供一些免费的考试培训资料,提供最新的考试相关的信息等等,然后在后面添加上自己培训中心的广告。一段时间之后,收订的人会看到你的实力,会大大提高报名率。

6,本地推广。既然是一个培训中心,而且又有地区性,所以应当在本地进行推广。可以按照自己培训的类型,针对性的进行广告传单等推广。比如向中学、高校等,发放传单,开讲座等。以网站作为实力展示的地方,进行推广。

以上就是潜行者m关于教育类网站推广方法的总结与分析,如果你有更多更好的推广方法,请与我交流!

网页设计的一般步骤

看到这个题目,如果你说,网页设计非常简单,根本不需要什么步骤,直接打开dreamweaver软件,然后设计编写即可。那么我只能说,你太不专业了。网页设计是要有一定的步骤的,有了这一些步骤,你的设计过程会更加高效、紧凑,这个是经验。

首先,网页有三层,内容层、表现层、交互层。这三层分别对应的技术是,html、css、javascript。html是储存数据用的,它的作用就是储存并且显示数据;css是用来排版表现,修饰html中的数据,让它显示更加美观更加合理;javascript脚本就是提高页面交互性,提供一些特效,增加了页面的功能等。既然这样,我们就需要一定的步骤,来分别完成这三层的工作。以下就是潜行者m的个人设计经验,以一个用html5构建博客模板为例。

第一步:设计并且画出原稿(非必须)

在动手编写之前,最好想好画出原稿,这样就能照着原稿进行编写,可以提高效率并且不会丢失主题。但这一步不是必须的,如果你大脑已经想好了要怎么设计,那么不必画出,直接开始设计吧。

第二步:规定内容的展示与元素的命名(必须)

确定需要展示的内容,并且进行命名。一个博客,往往需要在头部放置一个logo,那么我就需要在<body>中添加<header><div id=”logo”></div></header>,即在头部,添加一个id为logo的div。还往往需要使用文章分类,做一个网站导航,我就需要在<body>中添加<nav><ul><li></li></ul></nav>即在nav标签中,使用ul标签来做成一个网站导航。

在使用css去布局网页之前,你必须要先想好网页中要显示什么内容,然后使用对应的html标签,来规划,并且命名一个通俗易懂的名字,这样使用css去布局就变得容易多了,有利于提高效率。所以这一步是非常重要的。

第三步:为html增添css样式(必须)

到了设计最重要的一步,为已经规划好的html元素,赋予相应的样式。比如,让log宽300px,#logo {width:300px;};取消li标签默认的圆点,同时让它横过来变成导航,nav li{list-style-type:none;display:inline;}。由于在第二步,你已经对相应内容进行了合理的规划和命名,所以这一步,就要简单的多了,只需要按照对应功能添加相应样式即可。

第四步:添加javascript代码(非必须)

如果你想在页面中,添加一些动态交互的行为,或者是一些特效,那么你需要添加一些javascript代码,但这步不是网页设计所必须的。对于设计的工作,我们已经在上两步完成了,这步只是完善页面而已。

以上就是我的设计经验,我以前的设计,是边添加内容,边进行css样式添加,导致非常的混乱和低效。但是现在不同了,希望新手能理解并且应用,希望老手能够留言给出自己的更加合理的经验!

IE6在中国消失还需要一段时间

最近网络上,对Kill IE6的呼声越来越强,连微软官方都出来了一个干掉IE6倒计时的网站,来促进IE6的消失。但是在中国,干掉IE6还是需要一定时间的。

首先,微软推广自己浏览器,使用的方法就是与操作系统捆绑,windows xp就与IE6进行了捆绑,在2001年左右推出。一经推出,就立刻在全球范围内流行起来,以其简单易用,美观的特性,被很多人使用。直到十年后的今天,还有很多人在用windows xp系统,同时在用IE6。就像我的母亲,给她装上其他浏览器,都不习惯,就习惯IE6。

在现在的电脑上,大都预装了windows 7系统,WIN7系统中内置的浏览器是IE9,可喜的是,IE8、9正在不断的取代IE6。但是,windows xp系统,在中国实在是流行,现在还到处在安装xp,有些人买电脑甚至特别要求重装成xp系统,同时这些xp系统,大都是盗版的。微软对于IE等微软软件的升级,都会验证系统的合法性,但凡是盗版系统,就不可能升级IE6,这样xp系统用户,除非使用其他内核的浏览器,他的IE内核版本就是6,即使是使用傲游、世界之窗等IE内核浏览器,其调用的系统IE内核版本还是IE6。所以IE6的使用者,在中国还是有不少的,要想让它在中国消失,还是需要一段时间的。所以,我们设计网页等,还是要尽量考虑到IE6,至少不能在里面显示错位。

对于促进IE6的消失,我想了几个解决方案:

1,加深对网民的宣传,让网民知道IE6已经过时了,让他们想办法更换浏览器或者升级IE。例如像www.ie6countdown.cn这类网站,就生动的告诉人们,扔掉IE6。

2,遨游、搜狗等浏览器,创造性的提出了双核的概念,即使用两种浏览器核心来解析网页,可以随时更换。可不可以在调用IE内核的时候,从IE9等浏览器中,提取出最新版本的IE内核,来使用,而不是简单的调用系统目前内置的内核?通过各种数据得知,360浏览器、遨游浏览器等,现有的使用率是非常高的,如果他们这样做了,绝对有利于IE6的消失。

3,firefox、chrome、opera等其他内核浏览器,加大发展力度。比如firefox浏览器,不兼容网银,可以联系银行开发相应的插件。让这些浏览器不断的完善自己的功能,然后大力宣传,挤占IE的市场占有率。大家都知道,IE浏览器,在众多浏览器中,算是比较烂的。对于速度,chrome是最快的;对于功能和兼容性,firefox是最强大的。IE的市场占有率,仅仅是因为捆绑了windows系统。

4,废除windows xp系统,xp系统也已经过时,要使用win7、win8或者linux系统等,取代xp系统。

让我们大家共同努力,Kill IE6,结束前端设计的噩梦!

PS:文章中的网站打错了,有两个比较好的网站,一个是http://www.theie6countdown.cn/,比较有创意的中国IE6倒计时网站。另一个是官方的http://www.ie6countdown.com/

css中class究竟是鸡肋还是鸡肉?

最近学习完了《html5与css3权威指南》,特别是css3部分,体验到了css3的超级强大。特别是一个比较常用的内容:选择器。

css3中,提供了新型的,可以使用通配符的选择方法。例如:[id=^sec]{ },表示将此样式,应用在所有id以sec开头的html元素,比如id为section、sec3等的元素都会受到这些规则的影响。这样,我们就可以通过元素命名,来区别不同功能区域,并且使用通配符选择器来统一样式。而这一点,和class的功能类似。class与id的区别就在于,id一个网页中,只能有一个,而class可以有多个,这样可以让多个元素使用相同的样式。

因此,作者在书中说,不推荐使用class,class最终会消失。然而在另一本前端著作《编写高质量代码Web前端开发修炼之道》中,却推荐使用原子类的方法,来提高css样式的重用程度。之前,本人也写过一篇关于创建和使用原子类的文章,并且在现在的设计中应用原子类,感觉非常方便灵活性非常强大。在这里,潜行者m不禁思考,class究竟可取不可取?是鸡肉还是鸡肋?

class和id的区别

html中class和id属性,是用来标记元素、区别元素,这样就可以用css来精确控制样式,也可以使用javascript来控制元素。但class和id是有明显区别的,在网页中,id属性的值只能有一个,但是class的值是可以重复的。比如,我定义一个div的id为a,那么网页中不能再出现一个html元素的id为a;但是我定义一个div的class属性为b,我可以再其他的元素中,定义class属性为b。这样,就可以实现代码的重用,比如两个div都是红色背景,只需写出一个class(.r{background-color:#ff0000;}),然后在两个div中都指定class属性为 r 即可,而要使用id控制,则需要在两个div中,都写上background-color:#ff0000;。同时,id和class的优先级也是不同的,id的优先级要高于class,如果对同一个元素,分别用id和class指定同一属性不同的值,浏览器会优先解析id的值。

鸡肉说:

class可以极大的提高代码的重用,特别是使用原子类,既方便维护,又方便应用。而使用id,必须指定id然后指定大量重复的样式。css3中,虽然升级的强大的选择规则,但是仍然比较混乱,不利于维护。同时,存在即合理,w3c制定出class和id是有他们的道理的,负责不同的工作,class仍然会不断的被使用。

鸡肋说:

css3中,强大的id选择规则,已经可以对相近元素指定相同的样式,达到重用的目的。它已经完全可以取代class的作用,而且对于javascript来说,只能使用id来控制,说不定以后class就会消失了。

亲,你怎么看?你觉得是鸡肋还是鸡肉?

网页设计中构建并使用原子类

在《编写高质量代码 Web前端开发修炼之道》一书中,作者总结经验,认为网页设计中,css应当分为三层,分别为base层、common层、page层。其中base层为样式最底层,里面包含css reset代码和原子类,基本不需要维护。common层是中层的样式,设置一个网站频道等的样式。page层,则是具体页面的样式。如果把网页设计比作盖房子,base层就是地基,common层就是你这个房子的墙壁、结构,page层就是你房子的内饰等。

之前,潜行者m已经写过一篇关于css reset的文章,而今天,潜行者m就来介绍一下原子类。

原子类是可以高度重用的css样式。例如width:10px;或者是float:left;这类样式,很多的元素都要用到这类样式,但是在每个元素的css样式中,都添加这条语句,无疑会增加代码数量,使其不够简洁,而且当css样式很多的时候,维护起来就会非常麻烦。于是就有了css通用原子类。

如何编写?

在css文件中,编写简单简洁的类,每个类实现一个具体的小功能,并且命名一个非常简单直观的名字,例如:

.w{width:auto;}

.w10{width:10px;}

.fl{float:left;}

.fr{float:right;}

…………

在上面,只写了几个样式,作为例子,实际的原子类文件中,会包含各种原子类。

如何使用?

编写完成之后,我们应该如何在元素中,使用原子类?这就要用到元素的class属性了。在一个页面元素中,class属性值可以重复,并且可以指定多个样式。例如,我想要让这个div元素,宽度为10px,并且向左浮动,那么我就可以这样写:

<div class=”w10 fl”></div>

这样写之后,就说明这个div元素,同时具有.w10 .fl两个类的css样式。而如果我想要另一个div元素,宽度10px,并且向右浮动,我们就可以这样写:

<div class=”w10 fr”></div>

而不必为每个div分别制定width:10px;,这样就可以节约代码,高度重用代码了。同时,简短形象的名字,也可以让人非常容易理解样式的意思,例如一个div的class属性是w100 h100 fl,我们就可以知道,这个div宽100px,高100px,向左浮动,日后修改等都是非常方便的。

推荐使用 潜行者m 的 CSS creater 在线生成包含 常用原子类的 CSS 文件。地址:http://lab.qianxingzhem.com/app/csscreater/