优艾设计网

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

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

 

搞定后又可以用浏览器YY下,重复的背景上面是坚实的文本啊!

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

大体效果就这么搞定了,设计稿的内容基本上也都呈现出来了,这时候你可以换着浏览器和分辨率来看看有没有问题以及模拟链接的效果比如鼠标on啊 鼠标点击过啊等等效果。

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

其实网页设计这玩意搞起来了就停不下来了。你必须在FF,opera,safari下面看看有没有问题,你看这不在IE下面就出问题了么?(好讨厌IE6……如果机器装了更高版本的ie的话,你可以试试ietester

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

修改一些CSS样式表很快就能搞定这个问题,具体的参见上图。

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

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

精彩评论

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