问：我是一个不会进行编码的视觉设计师（UI / UX）。这里有很多人。
最近10年来，我一直在Photoshop和Fireworks中制作设计原型。不过，Fireworks已经成为我主要的原型制作工具已有一段时间了。我喜欢那个应用程序。快速高效。
我知道足够基本的HTML和CSS来调整设计。同样，我知道基础知识，我知道H1是什么，我知道什么是文本编辑器，有一个，等等。
我爱树上小屋，但是...
我想要一个清晰的在线教育路径，从PSD或PNG到正确标记的基于CSS的布局。
我觉得图书馆中的空白让您到达那里。
有没有人对如何使用Treehouse更好地实现从视觉设计师到可以使用PNG并将其转变为标记好的页面的视觉设计师的建议？
答：制作线框
编写语义HTML，不用担心CSS
建立固定宽度的网站
从一开始就保持简单，不要试图解决您尚未遇到的问题
仅在设计需要时添加一些小的CSS3
可能是边界半径或框阴影
如果需要表单，请添加一些HTML5
暂时尝试避免使用大量Javascript
一旦第一个版本可以正常使用，将其发布在此处，并在设计上添加一些批注
现在是版本2的时候了...
使其响应
添加一些HTML5
获得有关您网站的新响应版本的更多反馈
现在到版本3 ...
您是否已经厌倦了在每个页面上粘贴新内容？
如果是这样，请添加一些基本的PHP，现在就不用担心数据库了
进行导航，并将您在多页上使用的所有侧边栏转换为PHP，从而只需在一个位置进行配置
最后，获得有关您网站的基于模板的新版本的一些反馈
