S小魚仔S Photoshop CS 參考線 與 切片工具 製作 網頁版模

建立「網頁」的「板模」有幾種作法「CSS+DVI」或「Table」，我們就使用「簡單」的「Table」製作「網頁」的「板模」吧 !___!"

1. 「建立」，網頁「寬與高」之「像素」

2. 建立「參考線」分割「位置」

3.  利用「參考像」設定「網頁」模型

4. 使用「切片工具」進行「板模」切割

5. 輸出「網頁與裝置應用」

1. 建立「寬」與「高」分別為「700 px」、「600 px」

2. 網頁使用「解析度」為「72 px」

3. 設定「RGB 色彩」為「8」位元

「Ctrl+R」，顯示「尺標」

「滑鼠」 設定「尺標」，改為「像素」顯示「單位」

「檢視」=>「新增參考線」，垂直「20 px」

使用「參考線」分割完成的「板模」

使用「板模」插入「圖片」與「按鈕」

設計好以後，可以將「參考線」先「關閉」( Ctrl + ；)，再進行「裁切」，使用「裁片工具」

裁切「非常」有「學問」，無法詳述....，共 裁切「17」片

最後輸出「Html」與「Image」( Alt + Shift + Ctrl + S )

1. 設定「格式」為「Html 和 影像」

2. 點選「儲存」

~~~ 大功告成 ~~~