利用PHOTOSHOP制作網(wǎng)頁

《利用PHOTOSHOP制作網(wǎng)頁》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第二講PS網(wǎng)頁制作案例教學重、難點難點利用PhotoShop制作網(wǎng)頁利用PhotoShop制作網(wǎng)頁一、PhotoShop制作網(wǎng)頁簡介網(wǎng)頁制作工具很多，PhotoShop是一個很不錯的選擇。利用PhotoShop制作網(wǎng)頁的一般步驟是：新建一個畫布新建的畫布上繪制我們的界面將設(shè)計的界面使用切片工具裁切成小的便于編輯的模塊另存成web格式二、網(wǎng)頁制作步驟1.新建畫布2.我們先來設(shè)計網(wǎng)頁的頂部區(qū)域3.繪制導航條4.填充頁面左邊部分5.使用圓角矩形工具繪制如圖所示圓角：二、網(wǎng)頁制作步驟6.應用漸變工具和圓角矩形繪制四個按鈕并添加如圖所示文字：7.用矩形選框、自定義形狀等工具繪制如圖

2、所示界面：二、網(wǎng)頁制作步驟10.回到右上邊，導入素材，使用圓角矩形工具進行處理，使之成為如圖所示效果：繪制圓角矩形和自定義圖形合并圖形刪除多余部分二、網(wǎng)頁制作步驟刪除多余部分如圖所示：12.復制一份合制的形狀，將其透明度設(shè)置成15％，并移動到如圖所示位置，用自定義圖形中的箭頭為圖片添加一個ICO:美化圖形二、網(wǎng)頁制作步驟按照同樣的方法，繪制如圖所示圖形：為展示學生作品，我們在中間繪制一個作品展示區(qū)我們在頁面下方設(shè)計出版權(quán)信息模塊二、網(wǎng)頁制作步驟在整體看一下我們的界面二、網(wǎng)頁制作步驟一切完畢，下面使用切片工具，將頁面切割成相應小塊，如圖所示。另存為WEB格式，為后面頁面排版

3、做好準備。課后小結(jié)及練習本節(jié)課通過一個實例，我們學習了網(wǎng)頁制作的流程及基本步驟。問答題：為什么要使用切片工具將網(wǎng)頁進行切割？模仿練習：請嘗試設(shè)計本站的歡迎頁面