<![CDATA[我爱CSS - Web标准]]> http://www.52css.com/ PJBlog2 2011-03-25T00:41:36+08:00 <![CDATA[52CSS.com重新备案中… 如遇访问不畅 请谅解]]> 52css http://www.52css.com/ MrJin@52css.com 2011-03-25T00:41:36+08:00 2011-03-25T00:41:36+08:00 　
　
　
　
　　郁闷的事情年年有，今年特别多。
　　52CSS.com这个域名，在被MRJIN注册下来的时候，就已经备案了。
　　所以一直没有办法备案，只能用原有的备案号。

　　惊人的发现，公元2011年3月24日，这个备案号被撤消了。
　　所以，网站打不开了，MRJIN的QQ爆了。
　　现如今，正在解决中，网站已转到香港的服务器上……

　　这段时间如果访问不稳定，打开慢，打不开等现象。
　　请Q我：9l55o8。感谢您的理解与支持。

　　52CSS有您更精彩~~~
　　
　　]]> http://www.52css.com/default.asp?id=1196 <![CDATA[divcss布局及Web标准对网站优化和SEO方面的益处]]> 52css http://www.52css.com/ MrJin@52css.com 2011-02-23T23:37:00+08:00 2011-02-23T23:37:00+08:00 　　一、用css+div,就要放弃以前表格排版的一些习惯,包括页面格式的一些习惯:1.以前用表格排版,一般都是用不规则的背景图片,跨单元格来做一些不规则的效果.css+div的特点就是格式和样式分开.2.css+div还是用块的行使排版比较好,页面简单,直观,不那么花哨.源码的结构也简单,页面执行效率高.3.尽量少使用div的嵌套,减少换行等冗余代码,提升网页的加载速度.
　　二、Div+css的网站结构对seo网站优化起到的作用越来越明显.研究现在排名靠前的一些热门关键词网站,基本都是用div+css了,那么为什么DIV+CSS会对排名或者说是seo更加有利呢?
　　1. 采用这种结构后HTML页面里基本只有文字或图片信息,而样式则放在CSS里面,这样搜索爬虫就不会管CSS,只要采集HTML里的内容就可以了,大大提高爬虫的效率.
　　2.采用这种结构往往关键词更集中,密度更高.
　　3.DIV+CSS相对于table来说比较精简,而且基本不存在网上一直在说的"表格嵌套"的问题.
　　4.符合W3C标准的网页在seo优化方面本身就有优势,更得搜索引擎蜘蛛的喜爱. 
]]> http://www.52css.com/default.asp?id=1195 <![CDATA[CSS新手必读：XHTML验证和CSS验证]]> 52css http://www.52css.com/ MrJin@52css.com 2010-11-27T21:50:15+08:00 2010-11-27T21:50:15+08:00
　　下面给出地址，以便朋友们需要时方便使用。

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
XHTML验证：http://validator.w3.org/
CSS验证：http://jigsaw.w3.org/css-validator/
]]> http://www.52css.com/default.asp?id=1180 <![CDATA[52CSS网友谈BBS提问的智慧]]> 52css http://www.52css.com/ MrJin@52css.com 2009-10-23T17:00:14+08:00 2009-10-23T17:00:14+08:00 以下是我整理的一些解决方法，所述如有不妥请原谅，毕竟我也是新手，呵呵~

　　一、首先你应该为解决问题花费了好几个小时，并最终确定自己无力解决；
　　大多数问题是因为粗心导致，因此依靠别人也解决不了问题，最终还是要靠自己细心；
　　碰到简单的问题时建议Google或baidu一下，如果找不到有效答案，再到论坛来发帖求助。

　　二、在发贴前，可以在论坛先搜索一下，你遇到的问题很可能已经有文章详细论述了，可能就会有你想要的结果！你可以去搜索那些精华文章看看是否能够找到解答，也可以到本论坛的网站内搜索（www.52css.com）其实绝大多数常见的技术问题，都可以通过搜索得到满意的解答。
　　其实有很多已经解决的问题再次被提到前面，如果你稍微动一下你的勤快的双手，在搜索框里敲入你想要的，那么，你会发现，原来世界如此广阔 。

　　三、建议在发帖时在帖子内容里一定要尽可能的把问题描述清楚，不要一个标题，而无他话，这样神仙也帮不了你；
　　跟代码有关的问题尽量把代码一起贴出来，这样便于热心者帮你快速找到问题所在，如果代码可以以附件的形式传上来； 
　　可以提供相应的截图，这样可以形象直观的确定错误或问题所在； 
　　当你发的贴子的问题已经得到解决，你可以主动修改下标题（比如：已解决）！

　　四、对于问题分支已经比较细、比较深的问题，不是无人解答你，是你已经走到了别人没有走到的地方，解决问题主要是靠自己；
　　高手也是要养家糊口的，大家的时间都有限，一般大家都会选择自己已经解决过的问题进行回答）；
　　如果你的问题很长时间无人解答。那么请换位思考一下，请先考虑问题本身的思维逻辑问题；
　　从问题的本身出发，看看你的想法是否有异常人，使得别人觉得这样的问题无法回答。

　　五、在这里很有必要提出：即使是新手，看到别人提的问题你无法回答时，你也可以通过搜索等方法去尝试帮助别人，这样既帮助了别人也丰富了自己。
　　最后想说的一点是：w3cbbs.com论坛有一个良好的交流氛围，请大家彼此珍惜！

　　本文作者：dragons
　　本文原文地址：http://w3cbbs.com/thread-3059-1-1.html
　　
　　]]> http://www.52css.com/default.asp?id=1123 <![CDATA[学习班视频教程 已经开始啦！]]> 52css http://www.52css.com/ MrJin@52css.com 2009-10-19T21:11:45+08:00 2009-10-19T21:11:45+08:00 零九年金秋DivCSS学习班 〖学习成员必读〗
学习成员必读：
1、总则：
　　本学习班，是本人所创办的52CSS.com与W3Cbbs.com协作举办，力在为大家创造一个交流的空间，
　　提供一个学习的机会，并将自己所学所懂得的知识拿出来与大家分享。
　　并不保证所讲授的知识没有片面与局限性，毕竟本人学识有限，并不是权威。不承担任何的责任。
　　如果您有任何的看法或建议欢迎与我们联系，并提出改正。
　　我们也尽力讲知识点与技巧讲的更加客观与正确。欢迎大家的监督。
　　如遇本人生病、出差或其他因素，有权中断或无限期延期本学习班，不得有任何有非议与指责。
2、遵守纪律：
　　各位学员备必遵守各项规定，没有规矩，不成方圆。
　　我们保留随时修改规则的权利。我们保留随时取消任何一位学员学习的权利。
　　任何学员，均不得将本学习班的全部或部分内容，转载于其他地方，包括您的博客也不允许转载。
　　本人在适当的时候会公布授课内容，给更多的人学习，但本人保留这些权利。
　　学习班细则，请浏览：
　　52CSS & W3Cbbs 零九年金秋DivCSS学习班 公告（随时可能更新）
　　http://www.www.w3cbbs.com/thread-2261-1-1.html
3、学习方法：
　　本人主要采用视频教学与论坛教学两大方式。
　　学习后布置的作业，大家要努力完成，不要感觉到枯燥，不要感觉到没有必要。
　　只有扎实的去学，去动手编码，你才能精通此技术。如果只是看看，您将得不到提高。
　　本次学习班的学习，在52CSS.com与W3Cbbs.com进行所有的授课、交流与作业。不设置任何QQ群。
　　三次未完成作业，将取消学习资格！
4、学习版块：
　　授课版块：CSS学习班授课区 
　　http://www.w3cbbs.com/forum-23-1.html
　　作业完成：CSS学习班作业区
　　http://www.w3cbbs.com/forum-24-1.html
　　问题提问：CSS网页布局互助解答区
　　http://www.w3cbbs.com/forum-2-1.html


晚于报名时间，依然想参加DivCSS学习班的朋友，注意！

　　晚于报名时间，依然想参加的成员，
　　请到“用户反馈与W3Cbbs站务”
　　http://www.w3cbbs.com/forum-16-1.html
　　发作业贴（规则见下面的链接），并说明想参加的原因！本人将视情况予以审核！

　　成功建立“作业贴”的两个重要注意点！
　　http://w3cbbs.com/thread-2565-1-1.html

　　要报名的朋友，请抓紧时间。
　　这次学习班结束以后，还会举办加强班，提高班。
　　届时，将不会是完全“无条件”的加入了，将会收取一定的W3C币！
　　]]> http://www.52css.com/default.asp?id=1122 <![CDATA[W3Cbbs 零九年金秋网页布局学习班 公告 ]]> 52css http://www.52css.com/ MrJin@52css.com 2009-10-16T23:50:18+08:00 2009-10-16T23:50:18+08:00 教学纲要：

　　此次培训作为CSS在线培训的一次试水，可能部分内容讲的不是很深入，需要大家花更多的时间自己去研究学习相关的知识。
　　我们努力将正确的学习方法与思维传达给您，但我们并不能保证您学习的结果。师傅领进门，修行在个人。让我们一起努力。
　　主要学习内容如下：
　　1、HTML语言
　　2、CSS样式表
　　3、HTML编码案例
　　4、CSS编码案例
　　5、页面元素HTML&CSS编码实战
　　6、完整页面HTML&CSS编码实战
　　7、优秀网站或作品的欣赏与分析

学习与组织办法：

　　详细请参考视频：http://www.52css.com/css_peixun/class000.html
　　1、建立两个版块，一个作业区，一个授课区。
　　2、在授课区，发布授课内容，提出学习要求，布局学习作业，公布参考方法与答案。
　　3、在作业区，学员根据要求，独立完成自己的作业。
　　4、对于学习中的疑难，困惑。可以在“CSS网页布局互助解答区”进行。
　　　 但不得私自转载教学视频，作业参考答案代码等授课内容，管理员转载除外。
　　5、对于三次未完成作业的学员，将取消学习资格。
　　6、在2009年10月19日以前，建立作业贴，现在只要建立贴子就可以了。
　　　 不需要回复等任何其他操作。
　　　 该贴子，成为你的作业本，以后所有你的作业，直接回复此贴即可。
　　　 作业区地址：http://www.w3cbbs.com/forum-24-1.html
　　　 范例：
div css xhtml xml Example Source Code Example Source Code [www.52css.com]
MrJin的CSS学习班作业贴
昵称：MrJin
地区：江苏扬州
姓名：金峰
年龄：xx
QQ：000000

　　　 必须将贴子的阅读权限设置为200。
　　7、将于2009年10月19日 开始学习班正式启动。

　　W3Cbbs.com是培训与学习的基地：http://www.w3cbbs.com/
　　学习班作业区地址：http://www.w3cbbs.com/forum-24-1.html

学习资格：

　　1、2009年10月19日以前建立“作业本”贴子，即可参加学习班的学习。
　　2、如果过了这个时间，单独与我们联系。可以进入学习。但需要经过培训人员的审核与授权。
　　3、对于三次未完成作业的学员，以及有其他违规行为的学员将取消学习资格。

重要声明：

　　1、以上条款及办法，52CSS与W3Cbbs保留修改与调整的权利，有权取消任何人的学习资格。
　　2、本学习班培训，不收任何费用，学习成果在于你自己的努力。52CSS与W3Cbbs不保证你的学习效果，不承担任何责任。

感谢大家的支持！！！

　　W3Cbbs.com是培训与学习的基地：http://www.w3cbbs.com/
　　学习班作业区地址：http://www.w3cbbs.com/forum-24-1.html
　　
]]> http://www.52css.com/default.asp?id=1120 <![CDATA[网页布局学习班 人民邮电出版社赞助支持]]> 52css http://www.52css.com/ MrJin@52css.com 2009-10-15T23:10:43+08:00 2009-10-15T23:10:43+08:00 学习班介绍：
　　我爱CSS举办DivCSS网页布局学习班，从基础教程开始，一步一步深入，让您从生手到熟手，从新手到高手。
　　本次学习班主要是针对新手朋友，需要略知道一些HTML标签和CSS属性的定义，如果您对此不了解，也没有关系，需要紧急充电这方面的基础知识。
　　培训主要目标是能面对效果图，进行合理的切割，编写HTML代码，应用CSS样式实现页面布局或页面元素的效果。
　　学习的过程将是循序渐进，从基础开始，从简单到复杂，从容易到困难。
　　每天将会出一道练习题，大家独立完成编码，并开一帖，做为作业本，每天完成指定的练习。
　　培训活动将于九月末或十月初开始。现在进行统计与预报名。有兴趣的朋友，请进行投票，跟帖即可报名。

主要宗旨：
　　1、不收任何费用，不需要任何回报，只要您愿意认真的学习。
　　2、对于学习成果特别优秀的成员，通过最终的考核，前五名将给予一定的鼓励。奖品是人民邮电出版社计算机部赞助的书籍。
　　3、不要认为您自己不行，其实只要努力就可以。不要认为您自己懂得很多，只有虚心勤奋的学习才可能收获更多，不要认为别人很菜，懂得分享您的知识才更有意义。所有的讨论与学习，都将在w3cbbs.com论坛进行。
　　4、若课程内容与案例特别优秀，将在学习班活动结束以后，整理成册，由人民邮电出版社出版。这取决于我们大家共同的努力。
　　5、本次学习班所有的课程内容与案例，以及学员的作业，版权均归W3Cbbs.com所有。

授课形式：
　　根据授课帖的内容进行学习，每天一帖。不受时间，空间的任何限制。只要在指定的时间以前完成学习内容，并形成作业即可。
　　1、根据授课帖子提出的要求，完成相应的内容，如，理解dl dt dd，理解ul ol li，理解display float的应用。学习基础理论知识。并形成作业。
　　2、根据授课帖子题目的要求，完成相应的编码，如，一段文字，一个效果图，一个页面元素效果。编写出HTML代码。并形成作业。
　　3、根据授课帖子题目的要求，独立的完成一个页面的切割。从容易到复杂。并形成作业。
　　4、根据授课帖子题目的要求，完成其他指定的内容。如，针对某一个学员特别的作业，培训到了一定的程度，学员的作业可能不一样。某三位完成A项目，某五位完成B项目。等等。
　　大家在学习的过程中，不需要在QQ群上进行讨论。只在论坛进行。自己的作业本自己可以浏览，你也可以浏览其他学员的作业本。大家相互可以学习。
　　遇到困难了，直接在论坛提问，大家相互帮助，相互监督，共同进步。52CSS.com联合W3Cbbs.com以及业界同仁、技术精英等一定的技术力量，为大家解答问题，为学习班提供技术保障。

　　感谢各位的支持。让我们一起努力，共同促进Web标准在中国的应用与发展！
    感谢人民邮电出版社提供奖品赞助与技术支持保障！
　　未尽事宜，随时补充，敬请关注！

　　详情与动态，请注意W3Cbbs.com的贴子。

　　举办DivCSS网页布局学习班 详细介绍
　　http://www.w3cbbs.com/thread-1948-1-1.html

　　举办DivCSS网页布局学习班 投票贴 
　　http://www.w3cbbs.com/thread-1949-1-1.html

]]> http://www.52css.com/default.asp?id=1112 <![CDATA[DivCSS网页布局对网站搜索引擎优化的影响]]> 52css http://www.52css.com/ MrJin@52css.com 2009-10-06T20:17:18+08:00 2009-10-06T20:17:18+08:00 　　我们都知道DivCSS网页布局的好处，在52CSS中对此深入介绍着，它对网站搜索引擎优化的影响有哪些呢？
　　网站优化使用DIV+CSS佈局，页面代码精简，这一点相信对XHTML有所瞭解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录品质有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。
　　表格的嵌套问题
　　很多网站如何网上推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。我的几项实验结果没有完全出来，但根据目前掌握的情况来看，spider爬行Table佈局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。
　　使用Table佈局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及功能变数名称信任度。
　　而DIV+CSS佈局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。
　　这虽然没有得到确认，但还是建议使用Table佈局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明瞭这一点，相信他们也不是没有依据的。
　　速度问题
　　DIV+CSS佈局较Table佈局减少了页面代码，载入速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。
另一方面，真正的SEOer不只是为了追求收录、排名，快速的回应速度是提高用户体验度的基础，这对整个搜索引擎优化及行销都是非常有利的。
　　对排名的影响
　　基于XTHML标准的DIV+CSS佈局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C 标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。这一点或许会有争议，但乐思蜀本人保持这样的观点，有异议者可以拿三组以上基 本同等品质的网站对比观察。
　　我想，这样的情况可能不是排名规则，最大的可能还是spider爬行网站时，出现以上差异导致收录品质的不同。
　　毕竟廖胜于无，建议建站或改版的朋友们，技术许可的情况下，还是选择DIV+CSS布局为好，这种设计对SEO时相当的好。
　　]]> http://www.52css.com/default.asp?id=1118 <![CDATA[52CSS举办DivCSS网页布局学习班 开班日期的投票]]> 52css http://www.52css.com/ MrJin@52css.com 2009-09-22T21:35:01+08:00 2009-09-22T21:35:01+08:00 　　我爱CSS举办DivCSS网页布局学习班，得到了人民邮电出版社赞助支持。
　　大家的踊跃报名，人数很多，感觉非常的欣慰。大家的热情激励着我们更加的努力。
　　我们将努力的思考学习教程，精心的布置作业，悉心的指导，引导大家相互帮助，给大家创造良好的学习环境。
　　根据目前报名的情况看，大家迫切的想尽快投入到学习中。在此本人深表理解。
　　但是目前距离国庆长假越来越近，国庆六十周年的八天假期，或多或少对学习有一些影响。
　　有些朋友可能选择在家休息，有较多的学习时间；而有些朋友可能选择出游，因而没有太多的学习时间。
　　鉴于以上的考虑，现开此投票帖，看大家比较倾向于哪一种开班时间。
　　我本人考虑在国庆节长假以后，十月中旬，开始学习班的正式学习，在此以前，会让大家提前对基础知识进行预习，作会公布一些基础要求。

　　投票页面地址：（大家有何看法，欢迎跟帖发表。）
　　http://www.w3cbbs.com/thread-2061-1-1.html

　　还没有报名的朋友，请点击下面的链接，跟帧报名：
　　http://www.w3cbbs.com/thread-1948-1-1.html
　　]]> http://www.52css.com/default.asp?id=1114 <![CDATA[《变幻之美 DivCSS网页布局揭秘》即将出版发行]]> 52css http://www.52css.com/ MrJin@52css.com 2009-09-10T23:08:29+08:00 2009-09-10T23:08:29+08:00


52CSS站长金峰编著的《变幻之美 DivCSS网页布局揭秘》即将出版发行。

本书特色
　　所有案例全部是作者原创设计与手工编码的，非常具有代表性。
　　每个案例均按照效果图切割、HTML代码编写、页面效果分析，以及最终CSS页面布局实现进行讲解，即使是刚入门的新手，也可以轻松按照书中介绍一步步实现复杂的CSS页面布局。
　　不再对理论与属性知识进行系统介绍，而是通过案例引出各章节，更强调实战性、实用性。
　　不再对各种属性知识进行教条式的罗列，而是针对实际开发中最可能遇到的问题，穿插在案例中进行详细解答。

关键知识点
    本书讲解了多个案例，涵盖单列式、两列式和多列式等多种页面布局形式。主要涉及的知识点如下：
    •合理地应用XHTML标签建立良好的页面结构；
    •单列式与两列式页面布局的CSS技巧；
    •三行两列式页面布局的CSS技巧；
    •多列式CSS页面布局的实现；
    •应用“反向浮动”将主要内容置于文档前面部分；
    •应用无序列表ul构建水平横向菜单；
    •应用无序列表ul制作多种菜单元素；
    •标题标签h1-h4在页面中的使用；
    •定义列表dl的应用实例及组织页面元素的实例；
    •有序列表ol的应用实例；
    •CSS Sprites工作原理；
    •制作图文混排的页面元素；
    •通过修改CSS文件实现页面重构；
    •在页面中插入Flash文件；
    •class与id同时配合使用；
    •“代码重用”的编码思路；
    •应用CSS实现“当前页”效果；
    •以CSS实现截字效果；
    •自适应高度的滑动背景图片及背景图片设置技巧；
    •如何解决IE6双倍边距bug；
    •认识IE6、IE7特定选择器；
    •margin-bottom失效情况的解决；
    •将icon图标集成于一个图片文件；
    •设置链接变换小图标的样式；
    •一张图片实现菜单的多种状态；
    •相对单位em在文本缩进中的应用；
    •浮动属性的灵活运用；
    •网站文件与目录规划；
    •CSS样式规划与组织；
    •关于clear清除浮动属性。

　　敬请期待！
　　
]]> http://www.52css.com/default.asp?id=1105