2006年03月23日

        老有李想用LINUX很久了,可是一直怕把WINDOWS搞的不能用。为了能跟上IT步伐,所以决定学习LINUX,昨天在家用远程桌面登录到单位的机器上,因为单位是6M ADSL,所以下载很快。用迅雷同时下载3张的安装盘用了不到1个小时,今天到单位用刻录机刻了三张盘带回家,进行我的LINUX学习计划!

  早就听说VMWARE了可是一直没时间用。明天上午休息所以今天装上了VMWARE,准备安装LINUX。看到这里可能有同学要问了,什么是“VMWARE”?VMware Workstation是一个虚拟PC软件,可以在一台机器上同时运行两个或多个Windows、DOS、Linux操作系统。在各个相关的论坛里对这个软件的评价都不错。

  安装过程很容易和WINDOWS很相似。现在正在安装中。。。不知道装好后会不会用。

2006年03月19日

曾经被DONEWS上的几位大哥说我说的BLOG是垃圾回收站!
  当时很没面子!后来误入歧途,认为流量才是硬道理。想怎么样才能把流量提高呢?经过“考察”发现破解软件不错。所以就开始收集破解软件了。把时间全放在收集上,效果还是不错的,从每天200左右的流量到现在的每天1200-1400的IP,自己每天都看着IP数,和学习SEO,学习怎么样能通过SEO来让自己的BLOG的流量和排名提高。后来确实做到了,把关键词“破解软件”做到了百度的第五位,并一直保持着!百度也给我带来了大量流量。一直想着怎么样才能带来更大的流量。就这样一天一天的我坚持了近四个月。以下的三个主要搜索引擎的收录情况。

百度:14400 详情

GOOGLE:464 详情
 
雅虎:1640 详情
  
  昨天高瘦提醒我说:你做这个得到了什么?我无言以对。发现自己这四个月除了COPY和做SEO,其它什么都没得到。不是高瘦说我我还跳不出来呢!
  首先在这里谢谢高瘦。然后我要改变,不能再一次让别人说垃圾BLOG!
2006年03月18日

  上学的时候没好好学习,现在知道学习的重要性了开始想拼命的学习。见什么对自己有用的、有前途的就想学习。

    开始学习英语,韩语,德语,ASP,ASP.NET,PHP,Python,SQL,视频编辑等等,但是我不会合理分配时间,不会安排自己,不会选择!

    到头来什么都没学好!还觉得自己忙得不行了,一点进步都没有!

    后来看了 现在开始(译) 后有所启发。但是还是需要慢慢领会。

    希望自己会更好!学会控制自己的情绪,学会管理时间!

2006年03月17日

  某某在终于在我的影响下步入了DONEWS的SNS,本来给她申请的是DONEWS的BLOG可是她可能觉得没意思所以申请了几个月才写了2篇BLOG。

  不过在我不懈的努力下,终于把她带入了SNS,为啥要拉她入伙?

  因为她以前文笔很好,经常写点小文章什么,在学校里的作文也是一级棒的。但是工作以后就没有机会写东西了,工作的压力太大了,有时候让她觉得生活很无奈。为了给她找个发挥才华和发泄的地方,所以拉她下水!

  给DONEWS带来了第3391个用户。

2006年03月14日

  在豆瓣的BLOG上看到说豆瓣是用Python做的,以前没听说达Python就随便找了点资料看,发现越看越喜欢!从别人对它的介绍中了解到它的好处。自己找一个Python简明教程来看。觉得开始学起来很简单,劲头十足。

  但是学习一个新的技术是很不容易的,真希望多认识几个会Python的朋友,能和他们有交流,从他们身上学到点东西。希望有会的高手能和我交个朋友!

这个空间确实不错,速度很快,请需要的朋友申请,免得又挂了。——小猪

www.wagoo.com 提供免费的199MB空间,5G流量,速度快,可以梆定域名,是一个很不错的免费空间。不过它的大横幅广告的确很烦人。昨天申请了一个,发现可以很好的去掉广告。如果是装DISCUZ论坛,去广告效果更好,如果不去广告,DISCUZ论坛更加不能正常使用,因为它的广告加入,导致DISCUZ论坛在使用框架部分不能正常打开了。

在要去广告的网页加入以下语句就可以了

<!– </div></span></ilayer></layer></iframe></noframes></style></noscript></script></applet>
<table width="780" border="0" cellspacing="0" cellpadding="0" align=center>
<tr>
<td width="77"><a href="
http://www.wagoo.com"><img src=http://www.wagoo.com/images/loguito.gif border="0" width="77" height="60"></a></td>
<td width="468">
<script type="text/javascript"><!–
google_ad_client = "pub-0119494798007801
google_alternate_ad_url = "
http://www.wagoo.com/images/wagoo468×60.htm";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468×60_as";
google_ad_type = "text_image";
google_ad_channel ="1498731269";
google_color_border = "5A95DB";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//–><!– </script>
<script type="text/javascript"
src="
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>     </td>
<td width="235"><script type="text/javascript"><!–
google_ad_client = "pub-0119494798007801";
google_alternate_ad_url = "
http://www.wagoo.com/images/wagoo234×60.htm";
google_ad_width = 234;
google_ad_height = 60;
google_ad_format = "234×60_as";
google_ad_type = "text_image";
google_ad_channel ="3646616514";
google_color_border = "5A95DB";
google_color_bg = "FFFFFF";
google_color_link = "0000FF";
google_color_url = "008000";
google_color_text = "000000";
//–><!– </script>
<script type="text/javascript"
src="
http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
</table> –>


如果要装DISCUZ论坛,在 admincp.php 最首行及模版 header.htm 里加上上面语句,就可以去掉广告及并正常使用论坛了。

2006年03月13日

  由于本人英语很差,看个英语需要经常查查金山词霸,上网方便所以经常去“爱词霸”查单词,今天看到他有个“豆豆”,下来一看,原来是个在线词典。用了一下觉得很方便客户端也不大才1.5M。只要网速不是很差,跟本地用金山词霸差不多。

  看来现在真是互联网时代了,什么东西在网上都有,像是在线的office等等一系列本来需要很大的客户端的软件现在在网上这些功能都能实现。我爱互联网!

2006年03月12日

  自己买个空间来放了个BLOG,由于自己没多少知识想来想去写不出什么东西,结果把自己收集到的破解软件放到BLOG上,没想到大家很喜欢,流量一天一天涨,排名一天一天涨!

  开了差不多4个多月.

日志: 206
评论: 466
引用: 1
留言: 143
会员: 555
访问: 272802
在线: 5
建站时间: 2005-11-20

  今天查了一下排名当天排名突然到了8万多,这是从来没有的!高兴啊!

2006年03月08日

CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。

1.定义DIV

分析一个典型的定义div例子:

#sample{ MARGIN: 10px 10px 10px 10px;
PADDING:20px 10px 10px 20px;
BORDER-TOP: #CCC 2px solid;
BORDER-RIGHT: #CCC 2px solid;
BORDER-BOTTOM: #CCC 2px solid;
BORDER-LEFT: #CCC 2px solid;
BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;
COLOR: #666;
TEXT-ALIGN: center;
LINE-HEIGHT: 150%; WIDTH:60%; }

说明如下:

  • 层的名称为sample,在页面中用<div id="sample">就可以调用这个样式。
  • MARGIN是指层的边框以外留的空白,用于页边距或者与其它层制造一个间距。"10px 10px 10px 10px"分别代表"上右下左"(顺时针方向)四个边距,如果都一样,可以缩写成"MARGIN: 10px;"。如果边距为零,要写成"MARGIN: 0px;"。注意:当值是零时,除了RGB颜色值0%必须跟百分号,其他情况后面可以不跟单位"px"。MARGIN是透明元素,不能定义颜色。
  • PADDING是指层的边框到层的内容之间的空白。和margin一样,分别指定上右下左边框到内容的距离。如果都一样,可以缩写成"PADDING:0px"。单独指定左边可以写成"PADDING-LEFT: 0px;"。PADDING是透明元素,不能定义颜色。
  • BORDER是指层的边框,"BORDER-RIGHT: #CCC 2px solid;"是定义层的右边框颜色为"#CCC",宽度为"2px",样式为"solid"直线。如果要虚线样式可以用"dotted"。
  • BACKGROUND是定义层的背景。分2级定义,先定义图片背景,采用"url(../images/bg_logo.gif)"来指定背景图片路径;其次定义背景色"#FEFEFE"。"no-repeat"指背景图片不需要重复,如果需要横向重复用"repeat-x",纵向重复用"repeat-y",重复铺满整个背景用"repeat"。后面的"right bottom;"是指背景图片从右下角开始。如果没有背景图片可以只定义背景色BACKGROUND: #FEFEFE
  • COLOR用于定义字体颜色,上一节已经介绍过。
  • TEXT-ALIGN用来定义层中的内容排列方式,center居中,left居左,right居右。
  • LINE-HEIGHT定义行高,150%是指高度为标准高度的150%,也可以写作:LINE-HEIGHT:1.5或者LINE-HEIGHT:1.5em,都是一样的意思。
  • WIDTH是定义层的宽度,可以采用固定值,例如500px,也可以采用百分比,象这里的"60%"。要注意的是:这个宽度仅仅指你内容的宽度,不包含margin,border和padding。但在有些浏览器中不是这么定义的,需要你多试试。

下面是这个层的实际表现:

这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,这里是演示内容,

这里是演示内容,这里是演示内容,

这里是演示内容,这里是演示内容,

这里是演示内容…

我们可以看到边框是2px的灰色,背景图片在右下没有重复,内容距离上和左边框20px,内容居中,一切和预想的一样。hoho,虽然不好看,但它是最基本的,掌握了它,你就已经学会一半的CSS布局技术了。就是这样,不算难吧!(另一半是什么?另一半是层与层之间的定位。我会在后面逐步讲解。)

2.CSS2盒模型

自从1996年CSS1的推出,W3C组织就建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层<div>。盒模型主要定义四个区域:内容(content)、边框距(padding)、边界(border)和边距(margin)。上面我们讲的sample层就是一个典型的盒。对于初学者,经常会搞不清楚margin,background-color,background-image,padding,content,border之间的层次、关系和相互影响。这里提供一张盒模型的3D示意图,希望便于你的理解和记忆。

CSS2盒模型的3D示意图

3.辅助图片一律用背景处理

用XHTML+CSS布局,有一个技术一开始让你不习惯,应该说是一种思维方式与传统表格布局不一样,那就是:所有辅助图片都用背景来实现。类似这样:

BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;

尽管可以用<img>直接插在内容中,但这是不推荐的。这里的"辅助图片"是指那些不是作为页面要表达的内容的一部分,而仅仅用于修饰、间隔、提醒的图片。例如:相册中的图片、图片新闻中的图片,上面的3d盒模型图片都属于内容的一部分,它们可以用<img>元素直接插在页面里,而其它的类似logo,标题图片,列表前缀图片都必须采用背景方式或者其他CSS方式显示。

这样做的原因有2点:

  • 将表现与结构彻底相分离(参考阅读另一篇文章:《理解表现与结构相分离》),用CSS控制所有的外观表现,便于改版。
  • 使页面更具有易用性,更有亲和力。例如:盲人使用屏幕阅读机,用背景技术实现的图片就不会被朗读出来。

CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句:

p {COLOR:#FF0000;BACKGROUND:#FFFFFF}

  • 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式;
  • 样式声明写在一对大括号"{}"中;
  • COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号";"分隔;
  • "#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值

颜色值可以用RGB值写,例如:color : rgb(255,0,0),也可以用十六进制写,就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写,效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写,例如#FC1A1B必须写满六位。

3.定义字体

web标准推荐如下字体定义方法:

body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }

  • 字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,;
  • Lucida Grande字体适合Mac OS X;
  • Verdana字体适合所有的Windows系统;
  • Lucida适合UNIX用户
  • "宋体"适合中文简体用户;
  • 如果所列出的字体都不能用,则默认的sans-serif字体能保证调用;

4.群选择器

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,: p, td, li { font-size : 12px ; }

5.派生选择器

可以使用派生选择器给一个元素里的子元素定义样式,例如这样:

li strong { font-style : italic; font-weight : normal;}

就是给li下面的子元素strong定义一个斜体不加粗的样式。

6.id选择器

用CSS布局主要用层"div"来实现,而div的样式通过"id选择器"来定义。例如我们首先定义一个层

<div id="menubar"></div>

然后在样式表里这样定义:

#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}

其中"menubar"是你自己定义的id名称。注意在前面加"#"号。

id选择器也同样支持派生,例如:

#menubar p { text-align : right; margin-top : 10px; }

这个方法主要用来定义层和那些比较复杂,有多个派生的元素。

6.类别选择器

在CSS里用一个点开头表示类别选择器定义,例如:

.14px {color : #f60 ;font-size:14px ;}

在页面中,用class="类别名"的方法调用:

<span class="14px">14px大小的字体</span>

这个方法比较简单灵活,可以随时根据页面需要新建和删除。

7.定义链接的样式

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a : active,例如:

a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。