切片的導出電子課件_第1頁
切片的導出電子課件_第2頁
切片的導出電子課件_第3頁
切片的導出電子課件_第4頁
切片的導出電子課件_第5頁
已閱讀5頁,還剩3頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

電子商務網頁設計與制作Design

and

Creation

of

E-commerce

WebPages

切片的導出主講人:傅俊THISIS導入:基礎任務分析切片的導出切片的注意事項Content導入-基礎任務分析本次任務是承接前面的農產品電商形象展示網站的首頁效果圖切片,繼續完成切片并且導出。通過任務實施掌握Photoshop的切片的導出以及相關注意事項。切片的導出完成后的切片可以圖片形式導出也可以包含在網頁形式導出,但是都不是直接通過“文件|導出|導出為…”菜單命令導出,而是選擇“文件|導出|存儲為Web所用格式(舊版)…”命令切片的導出

在“存儲為Web所用格式”對話框中,可以通過“抓手工具”、“縮放工具”、“切片選擇工具”等來選擇切片,右側主要是對不同圖片格式的優化設置。點選“存儲”按鈕后,在“將優化結果存儲為”的對話框中,可以選“僅限圖像”、“僅限HTML”和“HTML和圖像”,切片可以為“所有切片”、“所有用戶切片”和“選中的切片”。切片的注意事項1.切片選擇工具的使用

切片選擇工具主要用于選擇切片并可對切片進行排列、提升、劃分等相應操作。在切片選擇工具選項欄最前面的四個是調整切片的堆疊順序,有“置為頂層”、“前移一層”、“后移一層”和“置為底層”。可在有多層切片時,進行指定和調整。注意的是,無法排列自動切片的堆疊順序。切片的注意事項2.切片如何使用

從瀏覽器窗口中頁面顯示沒有問題,但實際該頁面是由各圖片文件切片拼成,可以通過Dreamweaver打開,在拆分視圖可以看到整個頁面的布局混亂,只是簡單的拼接,如圖所示。作為實際的網頁使用,只需要采用用戶切片然后通過HTML5+CSS3來進行頁面布局。電子商務網頁設計與制作Design

and

Creationof

E-commerce

webpage

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論