许多网站设计者在将设计提交到超文本标记语言(HTML)文件之前,使用Adobe®Photoshop®创建网站的快速模型,并且有许多程序可以将Photoshop®文档(PSD)转换为HTML文档,但很少有实用程序将HTML转换为PSD。在制作转换是为了确保...
许多网站设计者在将设计提交到超文本标记语言(HTML)文件之前,使用Adobe®Photoshop®创建网站的快速模型,并且有许多程序可以将Photoshop®文档(PSD)转换为HTML文档,但很少有实用程序将HTML转换为PSD。在制作转换是为了确保任何动态内容(如小程序、动画或多媒体内容)具有静态显示或已转换为占位符图像,以便正确转换,例如,使用大多数web浏览器中的“打印到文件”功能创建可移植文档格式(PDF)文件,然后可以在Photoshop®中打开该文件。无论使用何种方法将HTML转换为PSD,最终生成的页面都将需要一些编辑,例如将页面元素隔离并移动到不同的层或锐化页面上的文本可以消除转换过程中自然出现的混叠,这是可以接受的。女性摆姿势的Photoshop®PSD文档天生就包含光栅化图像,因此,它们大多存储为像素集合。HTML是一种语言,旨在提供格式和布局指令,更接近Adobe®Illustrator®使用的基于矢量的图形。将HTML转换为PSD需要找到一种方法,将在web浏览器中呈现的像素转换为图像文件格式Photoshop®可以阅读。有两种简单的方法可以有效地将HTML转换为PSD。第一种方法是使用屏幕捕获程序,捕获网站的每个可查看部分,然后在Photoshop®中将它们缝合在一起。这样做的好处是准确捕捉屏幕上看到的内容,从而动画和其他动态内容不必删除,但它有一个相当混乱的过程的缺点另外,网站的屏幕截图会有一个设定的像素分辨率,而且图像在不同的监视器上可能会显示不同,因为没有颜色校正。第二种将HTML转换为PSD的方法是使用大多数web浏览器实现的内置打印命令。这将创建一个文件,有时是图像,有时Photoshop®可以打开和编辑PDF文件。使用此方法时,通过脚本生成的动态内容、小程序、动画和图像可能无法正确打印,文档上的复杂格式或框架可能在PSD文档中显示为断开连接的区域。用相同大小或比例的占位符图像替换动态内容可以解决其中一些问题,尽管使用层叠样式表(CSS)和框架的复杂格式仍然可能会导致问题。使用光栅图形时程序,如Photoshop®,一些编辑工作将必须对从HTML到PSD转换的图像进行。文本通常会变得高度锯齿,有时会出现一些视觉瑕疵,如,元素周围的模糊边框或因缩放而消失的小图形。对于具有多个元素的高度复杂的网站,使用其他程序(如Adobe®Illustrator或Adobe®InDesign®)可能是更好的选择,可以节省时间
-
发表于 2020-08-07 15:48
- 阅读 ( 580 )
- 分类:电脑网络