作者：plidezus 时间： 2009-04-23 文档类型：翻译 来自：译言
第 1 页 将PSD效果图制作成XHTML+CSS文件 [1] 第 2 页 将PSD效果图制作成XHTML+CSS文件 [2] 第 3 页 将PSD效果图制作成XHTML+CSS文件 [3] 第 4 页 将PSD效果图制作成XHTML+CSS文件 [4] 第 5 页 将PSD效果图制作成XHTML+CSS文件 [5] 第 6 页 将PSD效果图制作成XHTML+CSS文件 [6] 第 7 页 将PSD效果图制作成XHTML+CSS文件 [7] 第 8 页 将PSD效果图制作成XHTML+CSS文件 [8] 第 9 页 将PSD效果图制作成XHTML+CSS文件 [9]
下面来完成页脚部分，选择同样的宽度，然后高度要包含灰色渐变的图形。
为了导出侧边栏，主体区域现在暂时的使用垂直拉伸。
因为之前的设计，所以这个独立的侧边栏的图形将充分利用两个图片——上部是足够长的区域，以便容纳更多的内容防止超出设计的部分，另一个是一个小的底部，底部宽度要与上部一致。这是一个类似用于菜单的滑动门的技术。
这个长的可以自动伸缩的部分导出的时候要注意包含边线的透明效果。
下一步是薄的底部部分，这样侧边栏部分就完成了。
出处：译言 责任编辑：bluehearts
上一页 将PSD效果图制作成XHTML+CSS文件 [1] 下一页 将PSD效果图制作成XHTML+CSS文件 [3]
◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。
蓝色理想版权申明：除部分特别声明不要转载，或者授权我站独家播发的文章外，大家可以自由转载我站点的原创文章，但原作者和来自我站的链接必须保留（非我站原创的，按照原来自一节，自行链接）。文章版权归我站和作者共有。
转载要求：转载之图片、文件，链接请不要盗链到本站，且不准打上各自站点的水印，亦不能抹去我站点水印。
特别注意：本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有，文章若有侵犯作者版权，请与我们联系，我们将立即删除修改。
第 1 页 
第 2 页 将PSD效果图制作成XHTML+CSS文件 [2]
