页面伪装异步加载中...
关闭/显示侧边栏
返回首页 mail me! 订阅rss Follow me

程序员的国际惯例。

嗯 XML的布局方式,还需要适应。

NOTIC 2010.9.1

最近处理一些私事,没心情写文章。
暂停更新一段时间。

里程碑入手

rt
折腾中。

第二次主题修改上线

趁着昨天晚上一个网站项目的交工,晚上折腾了一晚上把博客上次未完善的博客主题进行完善,加上了一直就计划的一些jquery效果。

修改的地方主要有

  • 默认本窗口的<a>链接打开,点击后变loading,并在左上角出现提示框。
  • 侧边栏关闭打开功能。
  • 页面上加载左上角的提示,这是用的一个flash(貌似老是有进度条不动的事情)。
  • 舍弃了上次的一些CSS3阴影效果。
  • 重新搭配了下背景
  • 内容的字体修改,以及一些样式的修改。
  • 然后就是其他的一些七七八八的小地方。

当然最后我是建议各位看官在chrome下浏览博客。

页面的效果参考了leeiio的博客,页面字体的大小搭配参考了彩程设计的网站。

其中使用到了jquery easing插件来实现边栏的抖动效果。

还有一些小地方以及计划中的东西还需要完善中。

像拼图一样设计布局网页。

当然,我说的前提是要去手写HTML 和 CSS.

像用DW那样用DIV拼出来的网页,我真的会很担心而且怀疑是否会在实际的浏览器中错位,这是我坚持一直不用Dreamweaver软件来设计网页的主要原因,虽然有人告诉我Dreamweaver在不停的新版本中都有改进,也有老师给我说,新的Dreamweaver将HTML文档和CSS样式文件结合的更紧密,但对那些在所见所得的环境下机器所生成的代码下,我依然不信任,而对自己手写的代码抱更大的好感。

当然还有一点,我们拼图的过程中要尽量少量的用到<table>,而大部分的布局框架都是用div来完成的。

当我们在开始拼图的时候,我们还需要准备和了解一些东西。

  • 你需要知道什么是CSS盒子模型,而且你需要知道position这个选择器。
  • 你得会在CSS文件的开头写上这么一句*{padding:0; margin:0, outline:0}
  • 当然还有一些会用到的,比如float,overflow等这些控制位置和内容的。
  • 布局的时候,你要习惯用div的background来代替 <img /> 标签。

这样一切就变的简单起来。

阅读全文>>>

Page 1 of 271234567...Last »