在網(wǎng)頁效果圖的設計階段，應按照繪制結構草圖，在Fireworks中繪制輔助線、繪制結構底圖、添加內容、對效果圖進行切片、對切片進行優(yōu)化、輸出切片刀Dreamweaver的順序來依次進行。下面將會介紹網(wǎng)頁效果圖設計中各個流程的作用。　　在圖像軟件中設計網(wǎng)頁效果圖，總體可以分為7個步驟：（1）、創(chuàng)建畫布，添加輔助線來布局；（2）、繪制結構底圖；（3）、添加內容，包括圖像和文字；（4）、切片；（5）、優(yōu)化；（6）、導出；（7）、布局?！　　　?、創(chuàng)建輔助線　　在具體設計前，應當考慮到網(wǎng)頁的布局形式，可以根據(jù)策劃階段確定下來的網(wǎng)頁布局草圖，在Fireworks的畫布中添加輔助線，這樣做的目的是為了明確頁面布局形式和面積。　　需要注意的是，對于布局結構比較復雜的頁面，輔助線不是一次就能夠全部創(chuàng)建好的，而是一部分內容創(chuàng)建一部分否則輔助線過多會使頁面混亂?！　?、繪制結構底圖　　根據(jù)創(chuàng)建好的輔助線，使用Fireworks的工具或者是矩形選取框工具，把網(wǎng)頁效果圖中帶有底色的“矩形塊”依次繪制出來，形成一個整體的布局效果?！　∵@里的“矩形塊‘只是一個統(tǒng)稱，可以使任意的形狀。除了得到形狀以外，還可以直接對這些”矩形塊“配色，或添加紋理、濾鏡，從而在整體上對頁面的配色方案進行控制?！　　　?、添加內容　　結構底圖繪制完畢后，就可以開始在網(wǎng)頁效果圖中添加實際的內容了，包括文字和圖像，從而完成最終的效果圖方案?！　√砑訄D像的時候，如何選擇最合適的圖像素材，如何對圖像素材進行處理是非常重要的，可以說網(wǎng)頁中圖像設計的好壞，直接影響到整體的頁面效果。　　　　4、切片　　效果圖制作完畢后，首先需要進行切片。把網(wǎng)頁比喻成一幅圖，而切片工具就像是剪刀，使用切片工具可以把一張大圖像裁剪成很多小圖像。這樣做目的之一是為了加快下載速度。因為IE瀏覽器是多線程的，同一時間可以下載3幅圖像。　　切片的另外一個目的，也是最主要的目的是為了布局的需要。很多人不知道該如何對效果圖進行切片，這是因為對布局技術不了解。同一個網(wǎng)頁效果圖，按不同的方式布局就會得到不同的切片，并沒有說哪一個才是”標準”的，所以要想靈活運用切片，必須熟悉流行的布局技術。

給圖片加上這句話 style="position:absolute;top:100px;left:300px;"top 是距上邊的距離 left是距離左邊的距離 同理 還有right bottom 當然 同時用2個就可以了 左上或者 右下

存儲為web格式 也可以直接存儲為png格式即可。ps制作網(wǎng)頁步驟:1.先用Photoshop做一個網(wǎng)頁圖片；2.Ctrl+R調出標尺，在圖片上繪制表格，框選出要做鏈接的部分；3.使用切片工具，按照繪制的表格劃分切片4.以上步驟完成后，進行操作“文件”>“儲存為Web和設備所用格式”，在打開的窗口中按照自己的需要為網(wǎng)頁圖片作設置，設置完成后，“儲存”，保存類型“html和圖片”，切片“所有切片”。5.接下來用Dreamweaver打開html文件，為其作鏈接及其它。6.最后保存就完了。

根據(jù)微信公眾平臺目前的規(guī)則，除了已經(jīng)開通微信支付的微信公眾號具有這個鏈接功能外，其它任何公眾號都沒有此項功能，換句話說訂閱號，沒有開通微信支付的服務號都沒有鏈接功能。如果非要鏈接出去，有兩種方法：方法一：每篇圖文消息地步輸入添加原文鏈接，用戶需要點擊左下角閱讀原文可以跳轉到指定網(wǎng)頁；方法二：公眾號是訂閱號的申請認證，開通菜單功能，菜單可以指向你要跳轉的網(wǎng)頁；公眾號是服務號的本身帶有菜單功能，根據(jù)需求設置即刻。唯一缺陷是，以上兩種方法并不是在文章中添加超鏈接，而是需要點擊閱讀原文或者是菜單才可以，指向性比較單一不太靈活，如果是做微信商城和微信小店的，建議開通服務號，同時申請微信支付功能。

樣式表就是<style>.img1{width:100px;height:50px;}</style><img src="圖片路徑" class="img1">行內樣式是<img src="圖片路徑" style="width:100px;height:50px;">

網(wǎng)頁圖片的分辨率一般設為72px/inch。圖片分辨率設置的越高，圖片文件越大，顯示速度就會越慢。如果是出圖打印則不同，一般都設置為300px/inch。