学习啦——学设计>网页设计>网站建设>网站前端技术>

CSS样式表如何制作更方便_CSS制作有哪些方法

宇民分享

  做博客类的设计一款自己的主题就非常有成就感,但CSS就格外显示的重要。下面由学习啦小编为大家整理的CSS制作方法,希望大家喜欢!

  CSS制作方法

  1.细致构思网页框架

  很多初学者犯一个错误,那就是网页的基本框架还没有定义好,就开始着手思考CSS样式,这是造成CSS样式混乱的一个重要原因。应该细致,精密的构思出整个网页的框架,并将其画在纸上或是画在VISIO里,严格的定义出来。这样我们才有足够的章法去规划CSS样式表。

  2.使用规范的名称与良好的注释习惯

  有些时候,我们做的网页可能完成后会很久不动,也可能会交给其他人打理,那这事儿可能就麻烦了。没有一个良好的命名规范与注释的话,很可能造成自己或维护的人完全不知道里面写的这是什么意思,还需要从头去认真的研究一番,耗时耗力。

  因此,不论是为了我们自己还是为了日后维护的人,都应该尽可能的使用规范的名称来定义每一个类或者ID

  3.从外至里,从上至下,从左至右

  与其说这是制定规范CSS的基本方向,不如说是制定规范网页的基本方法。我们在构思网页时一般都是按照这样的思路来划分区域,而在CSS中势必也应按照这样的顺序来书写并按照区域加上注释,以便在我们日后的维护中更容易寻找某个定义的类或者ID。

  4.补充的样式尽可能做到页面与表现完全分离

  有时候我们在完成整个页面后,仍然需要添加一些样式,对其进行修改,此时,我们一定要避免直接在页面写“style=”,而一定要做到页面与表现分离,耐心的将补充的样式写进样式表。方便日后的维护。

  CSS的垃圾行为

  1、隐藏文本中的CSS代码,这是个很老套的SEO黑帽方法了,在页面中利用CSS代码,让某些关键词隐藏起来,访客看不到,只让搜索引擎看到,借此来增加关键词的密度,提升排名,这种方法已经过时了,搜索引擎已经很容易判断出来了。

  2、利用CSS某种样式,添加隐藏文字,设定某个格式元素的“display”属性为“none”,或者将其显示位置超出屏幕范围,然后在此格式元素下添加大量蕴含丰富关键词,借此提高网站排名。

  3、CSS没有外置,网站页面中出现大量的CSS代码,大量的CSS代码集中在网页中,而网页中的CSS代码更是困扰着搜索引擎的耐性,不厌其烦的搜索你网站中的正文,这种方法对网站排名的影响,可想而知。

  黑帽方法下的CSS利用,虽然,这些元素在浏览器下不可见,访客可能不会觉察到网页中字句的存在,而对搜索引擎来说这些不可见的CSS元素与页面的正常组成部分没有区别,所以,不要以为刻意的利用CSS做这些黑帽的行为。

  而对于无意而为之的CSS垃圾行为,那就需要稍加注意了,不要让代码大量出现在网页中,让蜘蛛更快的访问到网站正文,抓取到页面,实现长期有效的网站优化效果,前提是确保优化中避免使用各类spam技术,即使无意中使用了类似的技术,网站迟早要被搜索引擎惩罚甚至被封,所以,对于一切的垃圾优化行为都不要去做。

  用div+css模板打造QQ站

  1.选择网站主题,确定网站目标关键字

  以前做站虽然知道有关键字这么一说,但是没有深刻的理解,对关键字的效果也没有概念。一个网站的关键字基本上可以确定了流量的最大上限,因此选择网站主题和关键字一定要选有人气的,不愿做的兵永远不是好兵,做站也一样。

  我的目标关键字是QQ网名,QQ站的人气势众所周知的。当然我选择关键字也要有一定的策略,目前我的主打得关键字是QQ情侣网名和QQ网名大全,打算等网站发展到一定阶段再向QQ网名过渡。这也是目前比较流行的做法,没办法现在做站的人太多了,竞争也太激烈了,每个关键字都已经有好多人在做了。

  2.选择合适的div+css模板

  因为QQ网名是文字类为主的站,因此我选了款以文字为主的div+css模板。现在有很多div+css的免费模板资源,你只要去百度和google搜一下div+css模板就可以找到许多,一般都提供图片预览或者在线DEMO浏览,因此选择起来还是很方便的。

  我是在我自己之前的那个网页设计类的网站上找的模板,因此也没费太多工夫。考虑到QQ站是娱乐休闲类,就选了一款带多款css切换的模板,打算以后加上皮肤切换的功能,可以给人一些新鲜感。

  3.选div+css模板需要考虑以下两个因素:

  (1)选择适合自己网站主题风格的模板

  如果是文字类的站就不要选那种全部是图片组成的模板,相反如果是图片站当然不要选那种整个模板都没几个图的模板。一般来讲,好的模板网站都会给出模板的用途和分类,比如博客模板,企业模板等。另外颜色和风格也要符合自己网站特点,这个就要看站长个人的口味和判断了。

  (2)选模板最好要选那种带内页和导航页模板

  因为许多模板只是提供主页的模板,因此如果你不具备一定的网页div+css设计能力的话,即使模板再好看你也最好不要去用,否则首页做出来了,内页却需要花费大量精力去自己设计,而且很容易和主页风格出入很大,效果就大打折扣了。

  4.选择合适的CMS系统

  我用的是织梦CMS系统,也是目前比较流行的CMS系统之一,是PHP语言的,还有一些像帝国CMS等也都不错。另外比较简单的asp有无忧cms(只适合简单的网站结构,没有专题,友情链接等功能模块,第三方的插件也几乎没有,使用前一定要考虑清楚)。选好CMS系统后一定要仔细看官方的使用说明和帮助,即使需要消耗一定的时间也要仔细看,省得以后绕弯路。

  5.修改div+css模板打造QQ站

  选好模板和cms系统后,接下来就是将织梦的模板标签加入到所选择的div+css模板中去。这一步非常消耗时间和精力,一定要有耐性,而且要多测试效果,特别是记得要在IE不同版本和FF中预览,看看是否都能正确显示。