您如何开始将Web设计布局转换为HTML实现？

Question

我正在阅读本教程,web layout在Photoshop中创建一个类似于此的东西:

这似乎产生了单个图像文件,但是没有解释如何将其转换为web application implementation.

我的意思是,当有人点击 " About Us"," Services"等时,你需要有功能.

那么,为了从这个static图像转变为dynamic功能更强大的Web应用程序,您需要遵循的下一步是什么？

你应该将图像分成几个部分并将它们作为背景图像放在页面上吗？

Answer 1

gra*_*pot 6

除非你有兴趣花费大量时间学习CSS布局,否则最容易成功的途径就是将Photoshop文件发送给像psd2html这样的人,这样可以非常快速地完成这种事情并且价格低得惊人.这样您就可以将开发工作重点放在应用程序功能上.

在Photoshop中设计Web模板非常棒,因为您不会受到任何预先存在的关于CSS知道如何处理的概念的限制.但同样的原因也是危险的.某些布局模式非常完善,并且很容易使用CSS,而其他看起来应该非常简单的东西则不然.