合肥做網(wǎng)站公司 如何用PS做網(wǎng)站

首先是在Photoshop中制作網(wǎng)頁(yè)的框架。網(wǎng)頁(yè)中的元素有很多，像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中，這樣方便以后的再編輯。

不過(guò)圖層一多，就顯得很凌亂，可建立多個(gè)圖層組來(lái)進(jìn)行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇新建組，在隨后出現的對話(huà)框中為新建組取一個(gè)名稱(chēng)（如：網(wǎng)頁(yè)頂部），確定即可。這時(shí)圖層面板中多出一個(gè)文件夾圖標，即圖層組。把相關(guān)聯(lián)的圖層都拖放到同一組中，比如網(wǎng)頁(yè)頂部的所有元素，標題、菜單、Logo等都放到網(wǎng)頁(yè)頂部組中。同樣方法可以建立多個(gè)組，在組的下面還可以建立子組。

點(diǎn)擊圖層組前面的小三角，就可以像文件夾一樣展開(kāi)或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個(gè)元素也能很容易找到。對同一組中的所以圖層可以方便地進(jìn)行統一操作，如整體復制、刪除、隱藏、合并等。

小提示：

★如果你想借鑒某個(gè)網(wǎng)頁(yè)的設計，不妨把它截成圖片放在最下面的圖層中，再拉出多個(gè)參考線(xiàn)劃出網(wǎng)頁(yè)的大致版式，再在此基礎之上邊參考邊制作自己的網(wǎng)頁(yè)。

從Photoshop到Dreamweaver的轉換

在Photoshop中設計好之后，下面就要用切片工具把它轉換成網(wǎng)頁(yè)。有些人在切片之前喜歡合并圖層，其實(shí)沒(méi)有必要，合不合并圖層對最終生成的網(wǎng)頁(yè)沒(méi)有多大影響，反而會(huì )妨礙以后的編輯修改。

第1步：我們最終需要的，只是Photoshop中制作的圖形和框架。選擇切片工具（快捷鍵為K），把需要的每個(gè)圖形獨立切分出來(lái)。每切分出一個(gè)圖形，在它的左上角會(huì )顯示出切片編號。

第2步：在工具箱右擊切片工具，從彈出菜單中選擇切片選擇工具，用它可以選取、移動(dòng)切片，并可以調整切片的大小。右擊某個(gè)切片還可以刪除或劃分這個(gè)切片。

第3步：切分出所有圖片后，執行文件存儲為Web所用格式命令，打開(kāi)存儲對話(huà)框，根據需要設置好圖片的格式、調色板等參數后，點(diǎn)擊右上角存儲按鈕調出保存對話(huà)框，選擇HTML網(wǎng)頁(yè)格式，使用默認設置，選擇所有用戶(hù)切片，保存即可。

第4步：在Dreamweaver中打開(kāi)剛才保存的網(wǎng)頁(yè)，添加文字并進(jìn)行各種編輯修改就可以了。怎么樣，簡(jiǎn)單吧！注意：Photoshop導出的實(shí)際上就是一個(gè)大的表格，所有空白的地方也都會(huì )轉換為圖片填充，在DW中編輯時(shí)，直接刪除這些圖片再添加相應的內容即可。

小提示：

★在Photoshop中編輯好圖形后，點(diǎn)擊工具箱最下面的按鈕（快捷鍵為Ctrl+Shift+M），可以轉到ImageReady里進(jìn)行編輯，在這里，切片工具的功能更為強大，輸出的圖形控制也更豐富。

關(guān)鍵詞：合肥做網(wǎng)站，合肥做網(wǎng)站公司，合肥網(wǎng)站建設