先看效果吧！

本来想写一篇教程的，可是无奈实在没有时间，哎！上课给同学们讲讲制作思路，给他们做练习！

阅读全文...

一篇强悍的兼容文章，收藏一下。

我们都知道基本的兼容，但是看了这文章后才知道有些细节还是不够

......

阅读全文...

非商业作品系列，都是教学用到的演示案例，在个人网站的教学中遇到的最大的问题是学生的想法与表现不能沟通同时到位，所以，需要更多的案例演示给他们看，提供更多的思路。从简单的方法入手，先通过最简单的表现来实现想法。

更多》

阅读全文...

时间过得真快，带25班快一年了，离毕业的时间越来越近，现在大家都在紧张的准备当作，作品整理、个人简历、个人网站、各种考试等等，对他们来说，应该是最紧张的一个月了。我也利用一些时间，尽自己的能力为他们做准备，给他们建立了一个作品库，让学生们整理自己的作品发布上来，以后在找工作的过程中也可以用得到。程序方面我不在行，只能尽自己最大的能力做好了。动画花了一个晚上，开始本来想通过几个不同场景来表现学生入校、学习、生活、即将毕业的场景，后来在执行时发现还做许多工作，时间上不太允许，因为马上要做个人网站了，没有很多时间清闲，所以只通过文字加一个场景来表现了。

http://www.51add.com/25

阅读全文...

目前班上学习进度在门户网站的div+CSS布局方面，从技术上看，大部分同学都已经能够运用div布局好门户网站了，并且大家也在自觉的运用手写的能力。但是问题还是有的，比如，门户网站结构上的规划还不熟练；出现问题时解决思路的不清晰，造成布局不流畅遇到问题就卡住。不过总体上来说胜任一份工作还是没有问题的，接下来就是多练习，并且要掌握一些解决问题的方法。

所以，我常给他们布置一些排版练习，包括了几乎所有需要用到的基础知识在里面，比如，ul、li、dl、dd、dt、选择卡、焦点广告、表单布局、图文布局、新闻列表、定位方法等等内容，想办法在案例练习里面出现。

预览案例

阅读全文...

http://validator.w3.org/#validate_by_upload  在线校验网址

点浏览，上次找到自己做的页面，就可以了，校验结果在下面显示！

使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：

颜色

16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：

#000000可以缩写为#000;#336699可以缩写为#369; 

盒尺寸

通常有下面四种书写方法:

• property:value1;   表示所有边都是一个值value1；
• property:value1 value2;   表示top和bottom的值是value1,right和left的值是value2
• property:value1 value2 value3;   表示top的值是value1，right和left的值是value2，bottom的值是value3
• property:value1 value2 value3 value4;   四个值依次表示top,right,bottom,left

方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：

margin:1em 0 2em 0.5em; 

边框(border)

边框的属性如下：

• border-width:1px;
• border-style:solid;
• border-color:#000;

可以缩写为一句：border:1px solid #000;

语法是border:width style color;

背景(Backgrounds)

背景的属性如下：

• background-color:#f00;
• background-image:url(background.gif);
• background-repeat:no-repeat;
• background-attachment:fixed;
• background-position:0 0;

可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;

语法是background:color image repeat attachment position;

你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：

• color: transparent
• image: none
• repeat: repeat
• attachment: scroll
• position: 0% 0%

字体(fonts)

字体的属性如下：

• font-style:italic;
• font-variant:small-caps;
• font-weight:bold;
• font-size:1em;
• line-height:140%;
• font-family:"Lucida Grande",sans-serif;

可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;

注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。

列表(lists)

取消默认的圆点和序号可以这样写list-style:none;,

list的属性如下:

• list-style-type:square;
• list-style-position:inside;
• list-style-image:url(image.gif);

可以缩写为一句：list-style:square inside url(image.gif);

...

阅读全文...

...

阅读全文...

 台球网站上线了，最近堕落的可以，做起垃圾站来了，不过自己并没有随便应付，还是好好的把界面皮肤换了个头，然后主要的目的是熟悉cms和seo，练习seo的一些技巧，在实践中学习应该是最直接的方法，就像要学生自己做个blog，然后练习seo；

台球网站主要用了5u系统，其实基本还是比较简单的，不过还有一些应用需要摸索；台球游戏主要提供一些在线小游戏，最重要的应该是台球技巧吧，让用户了解更多台球信息的同时可以学习一些台球技巧。

http://www.taiqiufans.cn/

...

阅读全文...