将 PSD 转换为 HTML 和 CSS
Converting a PSD to HTML and CSS
最近想用Photoshop制作网站模板，然后转换成HTML和CSS。
我的问题是，在处理要转换的 PSD 时，最好的做法是什么？
是先做主体结构再微调，还是从上到下大力推进？
https://www.youtube.com/watch?v=qMQ_OPk-eWI 使用此视频作为将 PSD 转换为 HTML 的参考。希望对您有所帮助。
对此没有最佳方法。
对于页面上的所有元素，我通常将所有 类 都制作在 CSS file 中，如 PSD template 中所示。
然后在 HTML 中使用该文件，可以使用更多 CSS、JS
进行微调
使用 Dreamweaver 软件比制作 html 一个文件夹中具有 css 样式的网页比开始到顶部 header 部分比左侧部分中间部分比右侧部分最后页脚用 css 并附上 html 页面以查看离线输出
这取决于你能派上用场的东西。对我来说：首先，如果我有一个仪表板，其中包含网站的所有颜色和按钮、容器等（组件），那么我为它们制作了 css 类。我最好的朋友是 Bootstrap ，所以我不必担心响应度。之后，我查看了网站设计的主要结构。从最大到最小。有时我把它们画在纸上，然后画一些草图。所以当我准备编码时，我会确切地知道我必须做什么。这是我的工作流程，但你想做什么和怎么做，取决于你。
最近想用Photoshop制作网站模板，然后转换成HTML和CSS。
我的问题是，在处理要转换的 PSD 时，最好的做法是什么？
是先做主体结构再微调，还是从上到下大力推进？
https://www.youtube.com/watch?v=qMQ_OPk-eWI 使用此视频作为将 PSD 转换为 HTML 的参考。希望对您有所帮助。
对此没有最佳方法。
对于页面上的所有元素，我通常将所有 类 都制作在 CSS file 中，如 PSD template 中所示。
然后在 HTML 中使用该文件，可以使用更多 CSS、JS
使用 Dreamweaver 软件比制作 html 一个文件夹中具有 css 样式的网页比开始到顶部 header 部分比左侧部分中间部分比右侧部分最后页脚用 css 并附上 html 页面以查看离线输出
这取决于你能派上用场的东西。对我来说：首先，如果我有一个仪表板，其中包含网站的所有颜色和按钮、容器等（组件），那么我为它们制作了 css 类。我最好的朋友是 Bootstrap ，所以我不必担心响应度。之后，我查看了网站设计的主要结构。从最大到最小。有时我把它们画在纸上，然后画一些草图。所以当我准备编码时，我会确切地知道我必须做什么。这是我的工作流程，但你想做什么和怎么做，取决于你。