优艾设计网

网站PhotoshopD模板切图为XHTML+CSS的网页实例

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:不详
之前教了大家做网站PSD模板,那么,做好后怎样在实际中应用呢??怎样把这样做好了的模板切图为XHTML+CSS的网页呢??现在我们就来看一下设计好的模板切图的实例教程

 

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

网站PhotoshopD模板切图为XHTML+CSS的网页实例

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

网站PhotoshopD模板切图为XHTML+CSS的网页实例

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

网站PhotoshopD模板切图为XHTML+CSS的网页实例

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消