許多網站設計者在將設計提交到超文本標記語言(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
- 閱讀 ( 479 )
- 分類:電腦網絡