时光博客 - WEB开发中的可用性和用户体验

Fate-Stay-Night 宣传页

index_fate.jpg

大小: 166.1 K
尺寸: 236 x 400
浏览: 565 次
点击打开新窗口浏览全图

燕郊地方举行IT文化节,5所高校组成的,貌似可以看到不少名人,可以看到不少高手!

做得很急,这次采用的方法主要是PNG,发现不少以前没有发现的问题:

  1. IE下加载PNG为背景图时,得定义背景图的大小,否则会出现图片拉伸为块级元素的大小。
  2. clear:both一定要注意使用。否则自动高度的时候会出(FF)会有问题。
  3. 关于IE版本的HACK区别,区别IE的具体细节。
  4. 块级元素属性为浮动的时候,IE DOUBLE MARGIN的问题,display:inline;
  5. 图片的优化工作,导出时候的选择,以及图片的大小。
  6. 关于宽屏的处理(1024×768,1280×800,甚至更大的)。
  7. ID和CLASS的命名规范。
  8. PNG背景图层上的超链接问题,需要对照链接进行相对位置确定(IE)才能识别。

其他的都是些小问题。看来还得研究下图片的导出问题,这个应该好好研究下,怎么样才能做到图片的最小和质量的最大!

fate-Stay-Night 宣传页地址http://liupeng.us/demo/fate/

==友情提示:如果网速不好,请耐心等待加载,因为图片有些大!谢谢!

«  上一篇 |  下一篇  »

赞助商广告

15 Responses

  1. Kevin Says:
    2008-11-29, 2:14 AM

    暂时写2篇,充充数!

  2. tomogen Says:
    2008-11-29, 9:20 AM

    做得很漂亮。
    那个,这东西是游戏改编过来的现在已经有全中文版的。
    老实说我比较喜欢远板凛~
    还有最近出了官方同人游戏CRUCIS FATAL FAKE,感觉不错,休闲下。

  3. 华夏|太子 Says:
    2008-11-29, 4:09 PM

    很帅的说...

  4. Lin.x Says:
    2008-11-29, 5:40 PM

    我也用JW Rotator
    不错,实力派...
    唯一的问题...字体有点杂..

  5. 一半是阳光 Says:
    2008-12-05, 11:47 AM

    来看看你,现在不会再换域名了吧。老换来换去的。
    工作真无聊。。。。

  6. Kevin Says:
    2008-12-05, 1:14 PM

    @一半是阳光
    去你博客怎么打开的是文件浏览?这域名都差不多用了1年了,后来没有再换了

  7. Kevin Says:
    2008-12-05, 1:16 PM

    @一半是阳光
    貌似你在安装bbpress,呵呵,就差不知道你的数据库密码多少了,不然就替你安装了

  8. 一半是阳光 Says:
    2008-12-05, 6:18 PM

    @Kevin
    这不前段时间在忙工作嘛,这几个月在外出差学习,也就没管空间,也没续费。这不重开了嘛。哈哈,换个链接吧。http://www.cauu.cn Cauu's Blog
    那个http://www.quanwai.net荒废了,还荒废了一个EBLhost的100m虚拟主机,放那也没用。。。。

  9. 午夜客 Says:
    2008-12-05, 10:17 PM

    很漂亮!

  10. HJ Says:
    2008-12-06, 11:06 PM

    很好看啊!很厉害!

  11. DDA Says:
    2008-12-10, 9:49 PM

    我很喜欢这些MM的衣服

  12. Kevin Says:
    2008-12-10, 10:40 PM

    @DDA
    那些是COS服装咯,耐夕寒比较喜欢!

  13. tomogen Says:
    2008-12-12, 9:00 PM

    - -。不要拿我来当示例。
    今天在家里听了下说明,感觉蛮搞笑的,事实证明,单字永远读不出语感。

  14. dick Says:
    2009-02-12, 6:26 PM

    那个下部分的透明背景怎么做?
    不好意思,我菜鸟一个!

  15. Kevin Says:
    2009-02-12, 6:36 PM

    透明部分,高级浏览器是支持的,必须单独为IE6写一个HACK代码就可以了

Leave a Reply





验证码(*):