我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

css制作页面有哪些优点,CSS做网站的优势

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、网络空间、营销软件、网站建设、绍兴网站维护、网站推广。

本文目录一览

1,CSS做网站的优势

可以定义一个css样式表,扩展名为.css,然后在你想引用css的网页里面的之间加如如下代码*.css是你保存的css样式表

大家都知道DIV+CSS是目前正在流行的网页布局方式,但是它与表格布局、框架布局相比较而言又有哪些优点呢?今天我就来给你分享一下DIV+CSS这种布局方式的优点:(1) 结构清晰,容易被搜索引擎收集。(2) 与表格比能减少代码,实现表格布局的许多功能,从而提高页面的加载速度。(3) 能够在任何地方、任何设备上表现已经构建好的网页布局。(4) 可以实现和表现和内容数据的分离。(5) 能很好的控制页面的布局效果。(6) 拥有强大的字体控制和排版能力。这是本人总结的,希望笑纳。

2,使用css有什么好处

CSS是Cascading Style Sheets(层叠样式表单)的简称。不过大家都把它称作样式表,它是一种设计网页样式的工具。借助CSS的强大功能,网页将在您丰富的想象力下千变万化。至于它的效果就是千变万化了,如果有需要了解的话可以去:http://homepage.yesky.com/css/看!

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。它的作用可以达到:
(1)在几乎所有的浏览器上都可以使用。
(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。
(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
(4)你可以轻松地控制页面的布局 。
(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

3,divcss建立页面的好处

看了cragle的《有没有必要将网站Div+Css重构?》的文章,有一些想法不说不快,我也在文章的评论里提到曾经开除过两个执着使用div技术的美工,遭到一些朋友的反对,但也有一位技术总监的朋友发帖表示支持,很经典的话就是:“做站是给人看的。不是给机器。符合w3c标准又怎么样?”。说到web设计,我是2000年入行的,应该还是有说几句话的份,先说说被我开的两个美工吧。那是和朋友一起筹建一个新公司,招了一个美工设计公司的形象网站,在谈论工资的时候,他便说,如果你们要我用div做页面的话,工资要高一点。我想高点就高点,如果你真做的好,没有关系。其实那个时候我也是才开始认真研究这个东西。但出乎我的意料的是,在公司的网站的宣传广告里,这位仁兄居然加了这么一句话(宣传嘛,广告语我没有时间写那么多,就让他充分发挥),内容是:“国内90%以上的网站将被淘汰,div+css即将成为未来标准”。也许是想他比较自信吧,但是没有深究,万没有想到的是,这个简单的宣传网站足足花了半个月时间,页面设计水平很烂——颜色搭配都不好,终于被投资人推翻了,又重新设计了半个月,又被推翻了,虽然我一直强调美工应该先学好网站结构设计,颜色搭配等等,但他都当成耳边风,终于,我让他离开了。后来公司再次改版,花了一个星期,做的十分漂亮,table结构。我这个时候还没意识到div在一些新人眼中产生的误导会比我想象的严重,直到第二个美工上班。他是才毕业的,非常勤恳的做事,但他绝对中毒不轻。第一天上班,他便指着我电脑上开的IE,说,你这个东西是很不安全的,非常非常烂的,一定要用firefox,只有firefox才是正途,以后都是firefox的天下。我愕然,那个时候,网上充斥着firefox的广告——很多站长为了挣美元,很不厚道的贬低IE,狂夸firefox,目的就是为了吸引访问者下载。这位仁兄也喜欢用div编写页面,并且对table表现出极大的不屑,甚至眼里容不得table这个单词,他开始每天花费90%的时间用于构建html文件和css样式表,甚至为了一个px拿尺子在屏幕上丈量——实在太夸张了,却只把10%的时间放在页面整体设计和美工制作。同时,为了节约几个字节,把一个图片裁成一个很小字节的图片,整个图片文件夹充满了细碎的图片。当然,他到最后也没拿出令我满意的作品,因为种种原因,我们的改版是很频繁的,有时候很大,我不可能为了改一点小东西等他在那里堆一天的代码,测试N个浏览器。毕竟做公司的,要考虑成本,我每天只拥有他8个小时的工作时间,等不得,我只有请他离开。说实话,我并不是反对div+css,但物生一利,必生一弊,div+css的利处大家说了很多,我就说说狂热的追求div+css的几个弊端: 1、大大增加了开发时间,同时也增加了开发成本。当然如果你是一个熟手,或者可以白天黑夜都加班而不用担心没有加班费,那可能不会。
2、大大增加协同工作的难度,很多没学过div的程序员对于美工出的div页面束手无措,稍微改错了,可能整个站点就惨不忍睹了。当然,如果你是一个全才,可以搞定一切,也可能不会。
3、增加了开发风险,一个css文件的出错,可能导致整站崩溃,惨不忍睹,大量的访问链接同时调用静态的css文件,可能造成并发错误,调用失败。几年前,我在一个朋友车里坐着玩的时候,当时他唾沫横飞的问我,你会不会做web2.0,我说web2.0不是技术,web2.0是一种思想,并不是改成div+css就是2.0了。他说错了错了,你落伍了,你们那个1.0的网站马上就要不行的,我马上要投资做的2.0网站打算如何如何,准备上市的。几年后,我那个1.0的网站销售额还在稳步增长,但他的2.0却再没听他提过。div不是坏东西,但是不能钻牛角尖。关于某些维护div的div党,有几个误区我想说一下,也给新入行的朋友一点提醒。误区一:W3C标准就是摒弃一切表格 查阅一下W3C的帮助文件,没有发现W3C放弃了table定义,而且利用table制作的页面也一样可以通过W3C效验,事实上,跟随网页从产生到现在,table一直都是标准的W3C定义。误区二:div+css可以精简代码 大家都说DIV的布局精简代码,但是用DIV替代TABLE所节约的代码又被CSS(样式)所占用,而这些样式大多用于控制DIV的排版布局。
一旦css出错,后果不堪设想。而且,狂热的追求把几十K的页面再缩小一倍,完全没必要,大家都知道,一个网页打开,真正占带宽的不是网页本身,而是图片,flash等,一个页面100K,可能需要下载的图片,flash,视频有几M之多。现在硬件发展速度远超软件发展速度,带宽也渐渐不是问题。狂热追求代码的精简是舍本逐末。误区三:用div可以更容易被搜索引擎搜索到 目前尚无任何证据证明用div可以更容易被搜索引擎收录,也许这个只是存在于美好的想象中。始终坚信,做网站就四个字:“内容为王”。做公司,也是四个字:“开源节流”。其它的,都是虚的。追求新技术不是错,但钻牛角尖就不对了,用div也没错,确实有很多好处,但切不可成了div的偏执狂。本文来自:网页教学网(www.webjx.com)原文链接:http://www.webjx.com/CSS/20071117/css_1145.html

DIV就只是布局元素,这东西比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了,凡是和我讨论客户段效率的全是脑子有问题的,楼上说的没错,影响的全是图片和FLASH,所以我一直建议一个提交按钮就不要用图片带代替了 ,你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题

业界越来越关注div+css的标准化设计,大到各大门户网站,小到不计其数的个人网站,在div+css标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是div+css标准?div+css的标准化设计到底有什么好处? div 全称 division 意为“区分”使用 div 的方法跟使用其他 tag 的方法一样。
very excellent webmaster club www.caifuw.com 如果单独使用 div 而不加任何 css, 那么它在网页中的效果和使用 是一样的。
div本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的html代码 css是cascading style sheets的简称,中文译作“层叠样式表单”,在主页制作时采用css技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。网上冲浪无论你用internet explorer还是netscape navigator,几乎随时都在与css打交道,在网上没有使用过css的网页可能不好找。不管你用什么工具软件制作网页,都有在有意无意地使用css。用好css能使你的网页更加简炼,同样内容的网页,有的人做出来有几十kb,而高手做出来只有十几kb。
div+css标准的优点:
1.大大缩减页面代码,提高页面浏览速度,缩减带宽成本;
2.结构清晰,容易被搜索引擎搜索到,天生优化了seo
3.缩短改版时间。只要简单的修改几个css文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。css控制字体的能力比糟糕的font标签好多了,有了css,我们不再需要用font标签或者透明的1 px gif图片来控制标题,改变字体颜色,字体样式等等。
5.css非常容易编写。你可以象写html代码一样轻松地编写css。
6.提高易用性。使用css可以结构化html,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7.可以一次设计,随处发布。你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如powerpoint。
8.更好的控制页面布局。不用多说。
9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。用只包含结构化内容的html代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
11.table 布局灵活性不大,你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手,你可以不必去写id,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的id进行控制。
13.table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而div 更能体现样式和结构相分离,结构的重构性强。
14.在几乎所有的浏览器上都可以使用。
15.以前一些非得通过图片转换实现的功能,现在只要用css就可以轻松实现,从而更快地下载页面。
16.使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
17.你可以轻松地控制页面的布局 。
18.你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个css文件进行控制,只要修改这个css文件中相应的行,那么整个站点的所有页面都会随之发生变动。
看了这么多优点您是否对这种设计风格感兴趣呢?笔者严格按照div+css设计标准做了一个新闻发布类的网站程序,有兴趣的朋友可以下载详细研究。地址:http://www.skycn.com/soft/30375.html 或 http://dow.caifuw.com/new5.10free.rar

优点:1.页面加载速度快2.布局灵活3.便于动态程序嵌入或者动态程序载入div+css模版目前我的程序就是配合美工的div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式


本文标题:css制作页面有哪些优点,CSS做网站的优势
网页地址:http://mswzjz.cn/article/ejcphg.html

其他资讯