07
2008
03

新主题出炉

由于以前发布那个Z-BLOG主题模板可能暂时不用到,

昨天晚上赶出来个主题包,也就是我现在网页的样子,初次做Z-blog的主题包不是很在行,呵呵。

特意把这个主题包提供给大家下载,大家可以给点意见,也可以修改了.

现在本主题是用DIV+CSS编写,暂时不兼容火狐,忽忽。得再次修改.IE7.0跟遨游是没有问题的。呵呵.希望有高手给我改进下.

Z-blog主题

下面是下载地址.

03
2008
03

W3C机构正式公布HTML5.0草案

       W3C机构正式对外公布了互联网网页代码新标准HTML5的草案.预计正式版的标准将会在两年以后形成.

      HTML5.0的公布,将是HTML的一次自1997年HTML4.0以来的依次重大的升级,并可称之为一次改革.新版的HTML标准将会提供绘制二维图片的接口,而且对于音频和视频文件有更多的控制.此次发布的草案,只有在此希望得到更多浏览器厂商的支持,据了解HTML5.0的标准将会在2010年制定完成.

  HTML新版本的目的是提高互操作性,同时对于网页标准进行更加严格的规范,从而减少网页呈现对于电脑的软件负担.

  据报道,W3C在设计HTML5.0标准时主要有两个目的:一个是总结浏览器厂商在现实中部署的HTML技术,看看哪些出现在旧标准的技术并未获得广泛使用,哪些技术却获得了实际的推广;此外,他们还需要增加新的功能.

  据W3C的专家康纳利介绍说,HTML5.0标准的新功能主要和网络应用以及互联网视频内容有关系.随着视频和网络应用越来越流行,康纳利表示现在是进行标准化的时候了.

  其他HTML5的功能还包括让用户交互修改网页文件.

  火狐浏览器的开发商Mozilla公司表示,火狐已经开始支持HTML5.0.

  分析人士表示,在网络浏览器市场,微软公司IE一家独大,HTML5标准的推广速度基本上取决于微软公司对于这一标准的态度.微软公司不久前曾经表示, IE浏览器将会采用更加标准化的技术,之前业界普遍指责微软公司的IE自我封闭,没有采用标准化的技术,破坏了互联网标准.

29
2008
02

再写CSS三栏布局

CSS三栏布局

为什么是再写呢?以前我在这博客写过三栏布局的文章(http://www.monring.com/post/2008219101824.html),今天在制作过程中,发现了新问题.于是想再写一篇和大家分享一下.

这个问题也是出现在浏览器的兼容性,IE7.0和IE6.0的区别.废话不多讲,先看下IE6.0跟7.0之间的图片的正常效果 查看效果

css三栏布局正常效果

这是正常效果.再让我们来看下CSS和XHTML部分

CSS部分很简单(先简单介绍下)

......

19
2008
02

SEO工具,站长必备

搜索引擎抓取内容模拟器

可以模拟蜘蛛抓取指定网页Text,Link,Keywords及Description信息
http://www.webconfs.com/search-engine-spider-simulator.php

相似页面检测工具

检验两个页面的相似度.如果相似度达80%以上,将可能受到惩罚
http://www.webconfs.com/similar-page-checker.php

Google Sitemaps 在线创建

在线创建 Google Sitemaps 网站地图文件

中文:http://www.xinqj.com/sitemap/sitemap.asp

15
2008
01

css三栏布局浏览器兼容问题

   刚刚用CSS布局制作了一个网页,但在做的过程中确发现一些问题,令人不甚有些头痛.当自己完成好整个完整的网站,心情还沉醉在喜悦中的时候,却发现在同事机器上看到的确实一个乱七八遭的页面。这才发现CSS浏览器兼容问题.

    在用CSS+DIV做三栏布局时,设置两边宽度固定,中间自动适应的时候会出现一个这样的问题,如果中间的栏也给他固定宽度的时候就会在IE6.0以下浏览器中出现中间栏断行的问题.IE7.0和火狐最新版本不会这样子.找了个把小时终于解决。
    下面跟大家分享下网上得到的实例代码跟大家分享下.
 

CSS部分:

body {
 font-family: Verdana, Arial;
 margin: 0;
 font-size: 12px;
}
#dyhead {
 margin-bottom: 5px;
 }
#dyleft {
 float: left;
 width: 200px;
 }
#dycenter {
 margin: 0 210px;
}
#dyright {
 float: right;
 width: 200px;
}
#dyfoot {
 margin-top: 5px;
 clear: both;
}
div {
 background-color: #eee;
 border: dotted 1px green;
}

05
2007
12

列表样式书写规范

由于现在的浏览器版本过多。做网页如果稍微不注意的话,就会出现在本机上完好的网页到其他机器凌乱的局面。今天碰到两个很明显的问题跟大家分享以下。
新建一个简单的HTML测试文件,下面来测试ul li标签
引用
<ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单一</a></li>
</ul>
测试一,定义css为如下代码,效果如下
引用
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;width:120px;}
ul li{background:green;height:20px;}
ul li a{color:#fff;padding:0 0 0 10px;}
发现在IE5和IE5.5下左边都产生了空白,并且在IE5下,LI之间的行距产生空白,如下图
uploads/200704/13_011917_snap3.gif

 
«1»