最近我已经考虑使用Photoshop创建网站模板,然后将它们转换为HTML和CSS。将PSD转换为HTML和CSS
我的查询是,当您想要转换的PSD工作时,最佳的行动方案是什么?
我是否应该先制作主体结构,然后进行微调或从顶部开始,并大力使我进入底部?
最近我已经考虑使用Photoshop创建网站模板,然后将它们转换为HTML和CSS。将PSD转换为HTML和CSS
我的查询是,当您想要转换的PSD工作时,最佳的行动方案是什么?
我是否应该先制作主体结构,然后进行微调或从顶部开始,并大力使我进入底部?
这取决于什么方便你。对我来说:首先,如果我有一个拥有网站所有颜色和按钮,容器等(组件)的仪表板,那么我会为他们制作CSS类。我最好的朋友是Bootstrap,所以我不必担心响应性。之后,我抬头看看网站设计的主要结构。从最大到最小。有时候我会在纸上绘制一些景观。所以当我即将进行编码时,我将确切知道我必须做什么。这是我的工作流程,但是你想做什么以及如何做,取决于你。
https://www.youtube.com/watch?v=qMQ_OPk-eWI使用此视频作为您将PSD转换为HTML的参考。我希望这能帮到您。
没有最好的办法来做到这一点。
我通常在CSS file
中为页面上的所有元素制作所有类,如PSD template
中所示。
然后使用的HTML文件,可以使用更多CSS
进行微调,JS
使用Dreamweaver软件比作与CSS样式Html网页中一个文件夹中比开始比左段中间部分比顶部标题部分右节最后页脚用css创建并附上html页面ona查看离线输出