photoshop剪切蒙板

今天花了点时间讲游戏网站的设计制作，主要讲了两种风格，都是做一些3D游戏的网站设计方式，一种是相框立体质感表现；另一种是质感压底空间的表现；

下面的这个是我上课的时候给学生的现场设计制作的，用了一个小时左右作的，用的是第二种方法，这种游戏类型的flash网站就是处理质感，一个小小的按钮就要绘画很久，一个质感的表现用的方法就很多，但是效果要和画面结合，有很多初学者就是简单的点击几下鼠标就出来了，那都是不对，你能用简单的方法做出别人做不出的效果，而且很酷炫这才是高手，而初学者用简单的方法往往做出的是幼稚和与整体画面不伦不类的效果。我以前讲过很多这样的例子，所以希望想学习flash网站设计的初学者们，想做好设计，那就做好你的细节吧，一个不关注细节的设计者不会成为优秀的设计师的，如果你在细节上多留意，多总结，多思考，多练习，剩下的就是版式位置和效果了，看看吧！仅供参考！

游戏网站的设计制作

今天讲的汽车网站设计方法中的第一种方法，居中的版式相对向背的图片方法的表现方法，强化速度的质感表现和空间的表现方式。

今天讲的线的构成在网页上的表现方法，给学生演示了一下，主要是线的节奏性的应用，直线的，曲线的，无非就是版式位置关系，利用现在的变化衍生出的不同构图方法。

很多CSS建站的朋友，更加看重的是CSS知识以及CSS编码技巧，需要更加注重HTML文档的学习与研究。这是CSS网页布局的基础。下面我们学习一下关于这方面的知识。通常有两种情况阻碍你的学习： 

第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。
另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align=”left”等等)束手无策，不知道该转换 成对 应的什么CSS语句。 当你解决了第一种问题，知道了如何结构化你的HTML，我再给出一个列表，详细列出原来的表现属性用什么CSS来代替。

这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 display 是绝对必要的。

注释：CSS2 中有值 compact 和 marker，不过由于缺乏广泛的支持，已经从 CSS2.1 中去除了。
语法：
Object.style.display=value

例子
p {display: block}

li {display: list-item}

table {display: table}

td, th {display: table-cell}

很多网站的代码中经常可以看到<li></li>标签内设置了float:left又设置display:inline。

 既然设置了float:left，那标签内的元素都会向左浮动了。为什么又要设置display:inline。

既然设置了float:left，那该标签已具有块状元素的特征了，又设置内联元素，不是有矛盾吗？

Example Source Code
ul li {
float:left;
margin:0 12px 12px 0;
display:inline;
}

display:inline的意思是基线显示
可以消除IE6和IE7下的浮动BUG
display:inline 可以消除IE6双倍边距的BUG。