Posts Tagged ‘css’
WordPress 优化之网页加载速度测试分析工具
先介绍几款在线工具，检测你博客页面载入速度的。如果你博客的打开速度不是很快的话，可以先分析下自己的网页加载速度及网页组成结构。
因为最近几天乘这次新换主题将博客稍微优化了下，有几点体会可能会在后面几篇日志分别提到，分享给大家，如果必要的话。目前的优化除了常规的修改代码去掉不必要的 php 调用外，主要是强制浏览器缓存、Gzip 压缩以及 widget 侧栏缓存等几项来减少数据库查询次数，现在的初步优化结果不知大家能不能感觉出来，页底加入了页面加载信息，可以看下。只要你是一个页面优化控，或代码简洁狂，相信和我的博客一样，还有许多可以改进的地方提高网页打开速度。 
睡到自然醒博客 CSS/JS 压缩合并还没做，还有一堆的插件/功能有待清理或原生集成到 WordPress 主题中。
其实依赖所谓的页面分析工具完全没有太大的必要，只有你对你的博客主题构成是最清楚的。但参考一下还是很有必要的，比如下面介绍的 YSlow，如果你能将你博客的 YSlow 等级做到 A，那绝对不是坏事。
DIV+CSS网页布局从头学：HTML个人主页模板制作简单静态页面
这几天忙着考试，博客也没怎么更新，不过考试带来的除了紧张难耐外，也有一个好处，就是可以不用去实验室，在图书馆复习看书自习。平时也没什么闲情泡图书馆，现在复习阶段，在图书馆倒是能随手拿几本书看看，消遣也好，扩大知识面也好。虽然专业是生物，而我最喜欢坐在计算机书籍方面的楼层，在书架旁拿几本网页设计方面的书翻翻。
最近主要在看DIV+CSS方面的，除了建博开始折腾了CSS，现在是能不碰代码，就少碰。不过为了伟大的博客改版计划，也大致确定了一款新主题，打算稍微多看点CSS方面的书。
为了改版换主题，更加熟悉DIV+CSS代码，专门DIY生成了一个静态页面页面，当然主要是套用网上现成的个人主页模板，这个模板很简洁，只有一个CSS文件和html页面文件，这个模板可是正宗的静态页面，非伪静态哦，哈。但里面蕴含的基本DIV+CSS知识也大致都有了。作为DIV+CSS入门不错。还要多看点网页布局方面的知识，嘿嘿。
演示页面（期末自然辩证法的作业~论述中医与科学的关系，囧~）
注意下那个页面底部的W3 XHTML 1.0验证，还是有很多错误，看来制作一个完全符合W3标准的页面还是要注意很多细节的。并且一个简洁明了的页面，加载速度不是一般的快。我们用了这么复杂的DIV+CSS又是为了什么呢。
PS：故意把那个静态页面放在一个很深的目录内，测试搜索引擎收录，哈。
经典的国外CSS网站css zen garden:div+css技巧| 学习| 资源| 欣赏
在网站网页设计、WordPress博客主题制作或修改时，掌握一定的网页设计基本原则、知识以及div+css技巧往往能顺水推舟，减少不必要的CSS代码阅读或修改困惑。
今天发现一个十分好的国外CSS网站：css zen garden, 应该是一个十分有名的网站，由Jeff Zeldman发起的学习CSS的网站，网站中在不断更新大家为该网站编写的不同样式。Jeff Zeldman也是网站重构Designing with Web Standards一书的作者。
如果英文好的话，去逛逛往往定能有收获，有div+css方面的困难也可以求助。
css zen garden网站地址即为它的全称，希望使你对div+css使用方法与使用技巧有所帮助： http://www.csszengarden.com/
