正在阅读：PS把PSD网站模板切图为XHTML+CSS的网页PS把PSD网站模板切图为XHTML+CSS的网页

　
图5　

　　为了导出侧边栏，主体区域现在暂时的使用垂直拉伸。

　　
图6

　　因为之前的设计，所以这个独立的侧边栏的图形将充分利用两个图片--上部是足够长的区域，以便容纳更多的内容防止超出设计的部分，另一个是一个小的底部，底部宽度要与上部一致。这是一个类似用于菜单的滑动门的技术。

　　
图7

　　这个长的可以自动伸缩的部分导出的时候要注意包含边线的透明效果。

　　
图8

　　下一步是薄的底部部分，这样侧边栏部分就完成鸟。

　
图9

　　另一个导出的小的可自动伸缩部分的是导航栏的背景，它可以根据菜单文字的长度来自动伸缩。这里需要使用png的文件因为可以利用其透明度来覆盖住不同颜色的背景，这样看起来会更~和谐~~~~

　
图10