手把手:ImageReady切片教程

來源:互聯網
上載者:User
教程  1.拖出輔助線,這時可以把文檔放大,以便輔助線更準確。

圖1

  2.使用切片工具,首先為上面的圓邊和下面的圓邊做切片。

圖2

  3.這一步,切出左邊和右邊的切片,單象素的切片,需要把畫布放大到1600/%,這樣才可以選擇單象素。

  在網頁中,左邊和右邊的切片,最終會變成儲存格,如果最中間儲存格裡的內容不是固定的,就需要使用設定儲存格背景顏色的方法,也可以使用設定儲存格背景圖片的方法,適應表格中間內容的填充。

圖3

  附帶源檔案:

  4,再為中間一片添加切片,這時也可以放大文檔準確切片。

圖4

  源檔案

  5.還有一些沒有切片的地區,只有把它們變成使用者切片,它們才會固定。

圖5

  5.為了防止切出的表格變形,需要在“檔案”>“輸出設定”>“切片”中,作如下設定。

圖6

  imageready不能輸出巢狀表格格(fw可以),這時,最好的方法,還是把一個文檔,分成幾個部分切片。

  流程:先把一個文檔,從上向下,根據內容切成幾部分,輸出為“僅限圖象”。然後,分別開啟這些圖片,做必要的切片,輸出為“html和映像”。

圖7

  樣本中,是把一個頁面,根據內容,先切成幾部分,幾部分都輸出為圖片, 然後,再把這幾個圖片,分別切片。

  這麼做的原因,也是為了防止網頁變形。

  在dreamweaver中,會產生從上到下的幾個表格:

<table><tr><td></td></tr></table><table><tr><td></td></tr></table><table><tr><td></td></tr></table><table><tr><td></td></tr></table>

  只是做一個例子,並不表示產生的程式碼一樣。

  在dreamwever中,把幾個用ps切出的表格(最好事先把切出的檔案,放在網站裡,映像放在image檔案夾中),分別複製在網頁中,就可以了,這樣表格之間,是不會相互影響的。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。