當前位置:學問谷 >

生活範例 >生活範例常識 >

製作網頁時切圖教程

製作網頁時切圖教程

網頁製作的時候經常會用到切圖,用fireworks切圖就很方便,可以直接導出所有切好的圖片。下面小編給大家帶來的`製作網頁時切圖教程,希望對您有所幫助!

步驟:

1、首先打開一張圖片或者網頁設計圖,如下圖所示選擇切片工具,並且把網頁設計圖調整好對應的尺寸。

製作網頁時切圖教程

2、根據自己所要導出的規格進行切割,用鼠標直接調整其圖片的大小,比如頂部多少像素,底部多少像素。

製作網頁時切圖教程 第2張

3、把文件命名好然後導出的時候可以導出到文件夾,這樣比較好查看效果。

製作網頁時切圖教程 第3張

4、導出到文件夾後會生成一個問題夾和html網頁,可以用瀏覽器進行查看。

製作網頁時切圖教程 第4張

5、最後查看導出後的效果,如果不是很規範,可以做適當調整後再導出。

製作網頁時切圖教程 第5張

小提示:

1.導出時候命名可以自定義

2.不要把圖片切的很大

標籤: 時切 網頁
  • 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flsh/changshi/0v0oj4.html