DREAMWEAVER 网页制作和 css 实例现在开始我们将学习如何一步一步的构建一张 CSS 页面。本教程分成以下几个部分：第一讲要紧是关于如何在 PS 中制作导航按钮素材；第二部分要紧针对的内容是背景，接着是页面的整体布局以及顶部解析，最后一部分是如何整合 CSS 和 XHTML。有些人可能会疑问什么缘故要从导航按钮图片的制作开始，事实上我的初衷是让大伙儿了解进而注重素材制作中的一些细节处理，这对最终的作品成效有专门大的阻碍，至少在视觉上而言。第一看一下完成的成效：玻璃质感导航图片的制作：第一我们在 Photoshop 中建立一个 178x22 像素的 RGB 空白文档，添加一个新图层命名为〝按钮〞，并用灰色#ECECEC 进行填充。再新建一个图层命名为〝高光〞，在其上、左边缘各绘制 1px 的白色线条，你用画笔或单像素选取工具都能够。然后我们用橡皮工具把左边缘白线的底部擦除一段，在那个地点我使用的是大小 20px 透亮度为 50%的橡皮刷：新建一个名为〝网点〞的图层，用 1px 的铅笔工具在适当的位置绘制几个小点，例如中的颜色是#727272，因此那个地点你能够自由发挥设计更有创意的小点组合，关键确实是要让它们看起来精致有序：接着我们能够通过钢笔工具绘制路径创建选区，并在选区内填充#d6d6d6 颜色，来模拟玻璃的质感成效。整个图片素材的制作过程尽管不是专门复杂，然而最终成效看起来也不是专门差，不是么？鼠标通过导航时的翻转图片：创建翻转成效图片，我们只要简单的在原有素材基础上调整色调就即可，关于文本的添加在那个地点就不细说了。我们能够为每个图层调整色调，在例如中我要紧使用了一下几种颜色：背景#BFE3FF、玻璃质感#A5D1F3、网点#E4001B。这部分教程涉及到一些Photoshop 的差不多知识，假如你不是专门了解，建议先学习一些 PS 的入门基础，如何说 Adobe 合并了*之后，其旗下软件专门是 PS 与网页设计的关联性差不多越来越紧密了，大多时候你要设计出优秀美观的网页，都离不开这些软件的关怀。因此颜色选择要视乎你的需要，制作的方法大致依旧相通的，你也能够发挥创意进行更好的细节设计： CSS 混沌初开 II:背景图案及配色本教程的第二部分要紧有两个重点：一是如何正确选择导航菜单中所涉及的颜色，尽管它没有专门多的技术含量，但使用的颜色是否恰当，与后期出来的成效是有专门大阻碍的；另外一部分要紧是关于页面背景的，侧重于制作背景图片素材时的一些细节问题。在第一讲中，我要紧是...
