1、用photoshop做網頁方法
800*600我一般寬會設成780px，1024*768 寬度會設成 1000px，高度當然要看內容多少來定。
布局就不好說了 要看設計者的喜好、習慣、網站的功能、設計風格來定了。
接下來就是切圖了，切圖是個很麻煩但又很關鍵的步驟。切圖前必須考慮好圖片大小（大圖為了瀏覽時能順利打開最好切割成N小快），是否為背景圖（有的圖很大，但實際上都是小圖片的平鋪效果，所以遇到這種圖只取小圖，在網頁中設為背景就可以了）。除此之外還要考慮是否可以用圖片以外的元素代替，比如有的純色塊完全沒必要用圖片，只要在網頁中調整表格的顏色就可以得到相同的效果。photoshop有專門的切割工具，按需要把設計好的網頁切割好後用ctrl+alt+shift+s保存，就會生成一個html文件了，你會發現html的圖片文件夾里已經有你切好的一塊一塊的小圖片。瀏覽這個web頁面，顯示的效果和ps中的完全一致，似乎布局已經完成了。
但Dreamweaver現在才剛剛開始排的上用場，因為網頁畢竟不是純粹的圖片，還需要文字、flash、聲音等元素的添加，Dreamweaver要做的就是繼續完善你的頁面，圖片越少越好，該刪的刪、該設背景的設為背景該用表格顏色代替的用顏色代替。
哇塞 想想都麻煩^ ^
歸根結底 photoshop 是用來構圖設計的，而Dreamweaver是為了完成並完善圖片到網頁的轉換過程。
2、PS製作網頁模版是不是一個元素要一個圖層?
這個要看你個人所做的網頁來看的..其實個人覺得.圖層只是方便以後修改的.要是你所做的網頁那元素是邊在一起的..那就不用一個元素就一個圖層的.那些以後要改的.像字體..盡量單獨一個圖層來好.還有.這個要看個人經驗的..你做多了就會了解了...加油!!!
3、淺析關於photoshop與網頁布局設計的關系
一、Photoshop在網頁布局設計中的作用
1、 Photoshop在網頁布局計劃中的作用
①布局靈活：Photoshop的靈魂是圖層，每層可以放置不同的元素，圖層之間可以相互鏈接，也可單獨存放，每個圖層上的圖像位置可以隨意挪動而不影響其它圖層的圖像位置，每個圖層上的圖像大小、色階、亮度、飽和度透明度等可單獨設置而不影響其它圖層上的圖像。如此靈活的功能，完全可以讓設計者隨心所欲設計而不受任何約束，而Dreamweaver等軟體給設計者提供出自由度降低很多，其效果也會大打折扣。
②修改方便：網站建設前期首先要與客戶簽定合同，簽定合同時客戶最關心的是自己的網站是什麼樣子，這時設計者不可能拿出建好的網站給客戶演示，這樣一是成本太高，合同能否簽定還不一定;二是保護知識產權，有的客戶拿走設計方案交給別的公司去做，自己豈不成了給別人做嫁衣裳。最好的辦法是拿出在Photoshop中做出的效果圖給客戶看。一般情況下，客戶一次滿意率非常低，總會提出修改意見，而且還會不斷地提出修改方案。這時我們就可以利用Photoshop的強大功能按客戶的要求方便地進行修改和優化，直到客戶滿意為止。如果在Dreamweaver下，每做一次大的修改，幾乎跟重新設計一樣費時費力，而且還不一定能達到客戶要求。
③加快瀏覽進度。一個設計不美觀不規范的網站是沒有生命力，同樣一個打開、下載速度慢的網站也是沒有存在的價值。心理學研究表明，選擇性越多，人的忍耐性越差;可選擇性越大，人的忍耐性越低。在互聯網高度發展的今天，同類網站多如牛毛，人們沒必要在一個網站前停駐靜侯你一點一點地下載、打開、測試、顯示。一般情況下，下載速度一旦超過10秒，人們會自動轉向其它網站。決定下載速度的因素很多，如伺服器配置標准、網路傳輸介質、客戶機的配置以及同時點擊人數的多少等。但是在這些條件相同時，網頁大小及網頁元素的優化和配置就是唯一的因素。使用Photoshop設計的網頁經過裁切後體積相對要小得多，相同的元素因為其格式變化也會大大提高下載速度，因此Photoshop就成了提高速度，提高點擊率的制勝法寶。
二、用Photoshop設計網頁布局應注意的幾個問題
1、 網頁文檔尺寸與解析度。網頁文檔一般為1007*600和708*800像素，解析度為72像素，這是屏幕解析度，太高的解析度並不能增強效果，反而會降低下載速度。一般情況下，大型網站不要超過3屏。
2、 顏色：網站背景顏色與文件顏色要統一協調，一般不要超過兩種，一些網站被批評為臟、亂、差，其要害是顏色搭配不合理，或者太多，給人一種不舒服的感覺。
3、 字體，標題。導航字體一般用黑體，正文一般用宋體，其它字體瀏覽器不兼容，可能造成調試時出錯，給工作帶來麻煩。如果為增強頁面效果用到其它字體，則最好在用Dreamweaver前在Photoshop切分及圖片，字體的顏色設置要考慮到整個頁面效果。
4、 布局格式：雖然效果圖是用Photoshop設計的，但一定要兼顧到Dreamweaver對頁面布局的要求，Dreamweaver下網頁布局是使用『國』字形，還是其他模式，是否使用框架，使用框架的類型是哪一種，都是在設計前要考慮到的。否則會造成效果圖與最後的網站布局出現出入，給客戶和自身帶來麻煩和損失。
5、 圖文搭配：一個好的網站是圖片多好還是文字多好，這要視網站的功能、行業、目的而定，但有個原則就是圖文合理配置，而圖片則要按一定的空間分布進行和諧分布。另外，圖片大小要合乎美學原則，不能太大，一般用縮略圖較好，如果要顯示更多的圖片細節，不妨給縮略圖鏈接一個大的圖片。
6、科學使用參考線。參考線是設計頁面布局的有效輔助工具，我們可以先用橫參考線將網頁布局分成幾大版塊，然後用豎參考線將每個板塊按我們的思路分為幾個小板塊，最後再整體觀察一下。要精確定位網頁元素，可用對齊參考線的方法來實現：「視圖」—「對齊到」—「參考線」，而參考線的精確定位可以藉助標尺和網格來實現，這里要注意的是網站的Logo和Banner或者導航條等都是事先設計好的，有固定大小，在做這些區域時尺寸一定要按照這些元素尺寸設計，不能有絲毫差錯，否則進入DreamWeaver整合時，則可能出現空邊或撐開表格的現象。
三、「切片」工具是Photoshop通向DreamWeaver的橋梁。
利用Photoshop效果圖最終與客戶簽合同後，還不是Photoshop設計網頁布局的終結，而還有關鍵的一步，就是「切片」，只有正確地切片後，DreamWeaver才能對效果圖進行有效的整合，Photoshop在網頁布局中的積極作用才發揮到了極致。要完成「切片」這關鍵的一步，應遵循以下原則：
1、必須依靠參考線。設計時用到參考線，切圖時更要用好參考線。參考線能保證我們切出圖在同一表格中的尺寸統一協調，有效避免「留白」和「爆邊」。
2、 Logo和Banner必切。如果效果圖中存在Logo和Banner,我們必須切片這部分，主要是為預先設計的Logo和Banner留下空間，在DreamWeaver整合時最好不用Logo和Banner的切片，而是直接用Logo和Banner原文檔，這是提高Logo和Banner效果的需要。
3、虛線和轉角形狀必切。虛線和轉角形狀在DreamWeaver 不能實現，只能使用Photoshop切片。
4、漸變必切。這也是Dream Weaver實現不了的。
5、大圖必切。大的圖像必須切分成均勻圖，這樣可以提高網頁下載速度。
6、特殊文字效果必切。除黑體和宋體外，其他字體必須切片。DreamWeaver下最有效的字體只有宋體和黑體，其它字體瀏覽器也要能不兼容。
7、導航條必切。一般情況下導航條都是特別設計的，其效果在Dream Weaver下不能實現，因此必須形成切片供後期使用。
8、有效存儲切片。存儲切片的文件夾必須位於站點的根目錄下，文件夾名必須是英文名字。存儲切片時用「文件—存儲為web所用格式」命令。切片存儲格式要求一般存為Gif格式。Gif佔用體積小。要求較高的圖像存儲為JPEG格式，JPG格式顯示更多的圖片細節。
當然，網頁布局的設計軟體的使用依設計者習慣、愛好、風格不同而不一樣。筆者在此只是談一下一般的規律，以供廣大網頁設計初學者參考。
4、什麼網站有ps園林設計素材，找ps景觀設計素材
你找ps園林設計素材,ps景觀設計素材嗎
你艘艘：筆秀網
吧，有不少ps園林設計素材,ps景觀設計素材
5、設計製作個人網站需要哪些基本元素呢？
首先是來域名，也就是你在互聯源網上的門牌號，擁有全世界獨一無二的地址，
其次是你要放網路資源的空間伺服器，就相當你對應門牌的房子，（通過對應的域名解析後）讓別人通過地址可以找到你的房子，並知道你房子展示的情況，當然在做這些之前，你的電腦要有寬頻能夠連接到互聯網路上。
有了域名和空間，接下來就是你要設計一個獨具特色的首頁界面，以及鏈接的分頁內容，在空間里你還可以製作論壇，掛郵箱，做好資料庫和表格，還可以讓你統計和收集各種數據信息等。
6、如何用photoshop進行網頁製作
HTML+CSS+JS，這是廣義上的網頁三元素，HTML負責骨骼，CSS負責血肉，JS負責行為動作。其中瀏覽器中表現的畫面約等於(html+css)，但僅僅擁有他們是表現不出設計師們大腦中天馬行空，不拘一格的想像力的，因此才引入了PSD作為設計稿。
這就好比，你完全自己DIY一個高達，你需要先有一副高達圖片（PSD），再通過圖片中的表現自己搭建支撐的骨架（HTML），再用各式噴漆、馬克筆（CSS）去勾畫、完善細節。
那麼回到問題上來，怎麼用PS做網頁？假定adobe體系中，PS永遠只能設計網頁，而Dreamweaver才能製作網頁，但是依然要你自己根據設計去解構設計然後劃分網頁骨架，具體到html上就是根據不同的頁面表現來寫Div標簽，製作Button按鈕，用CSS控制他們的大小和位置以及表現。更進一步的話，大部分前端會手寫html和css代碼，因為DW有各式包括啟動速度，冗餘代碼之類的問題。
至於響應式，這又是基於成型的html以後另一個話題了，但還是html+css，只不過通過UA檢測來適應不同終端的不同展現。
7、在Photoshop中如何製作網頁
soso問問里答案：
首先是在Photoshop中製作網頁的框架。網頁中的元素有很多，像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中，這樣方便以後的再編輯。
不過圖層一多，就顯得很凌亂，可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇「新建組」，在隨後出現的對話框中為新建組取一個名稱（如：「網頁頂部」），確定即可。這時圖層面板中多出一個文件夾圖標，即圖層組。把相關聯的圖層都拖放到同一組中，比如網頁頂部的所有元素，標題、菜單、Logo等都放到「網頁頂部」組中。同樣方法可以建立多個組，在組的下面還可以建立子組。
點擊圖層組前面的小三角，就可以像文件夾一樣展開或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作，如整體復制、刪除、隱藏、合並等。
小提示：
★如果你想借鑒某個網頁的設計，不妨把它截成圖片放在最下面的圖層中，再拉出多個參考線劃出網頁的大致版式，再在此基礎之上邊參考邊製作自己的網頁。
從Photoshop到Dreamweaver的轉換
在Photoshop中設計好之後，下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層，其實沒有必要，合不合並圖層對最終生成的網頁沒有多大影響，反而會妨礙以後的編輯修改。
第1步：我們最終需要的，只是Photoshop中製作的圖形和框架。選擇切片工具（快捷鍵為K），把需要的每個圖形獨立切分出來。每切分出一個圖形，在它的左上角會顯示出切片編號。
第2步：在工具箱右擊切片工具，從彈出菜單中選擇「切片選擇工具」，用它可以選取、移動切片，並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。
第3步：切分出所有圖片後，執行「文件→存儲為Web所用格式」命令，打開存儲對話框，根據需要設置好圖片的格式、調色板等參數後，點擊右上角「存儲」按鈕調出保存對話框，選擇HTML網頁格式，使用默認設置，選擇「所有用戶切片」，保存即可。
第4步：在Dreamweaver中打開剛才保存的網頁，添加文字並進行各種編輯修改就可以了。怎麼樣，簡單吧！注意：Photoshop導出的實際上就是一個大的表格，所有空白的地方也都會轉換為圖片填充，在DW中編輯時，直接刪除這些圖片再添加相應的內容即可。
小提示：
★在Photoshop中編輯好圖形後，點擊工具箱最下面的按鈕（快捷鍵為Ctrl+Shift+M），可以轉到ImageReady里進行編輯，在這里，切片工具的功能更為強大，輸出的圖形控制也更豐富。
8、ps平面設計的素材
站酷，包圖，千酷，趣達，這幾個網站有素材
請採納。
9、ps素材網站有哪些？
身為一個設計師，一定要學會怎麼找素材，不然的話就舉步維艱。一個好的素材網站，不僅可以加快設計速度，還可以學習參考。
這里我分享一下我常用的幾個設計師網站。
1、設計996 ｜ sheji996.com ，裡面有很多的素材，國內的國外的都有，很高級。
2、站酷 ｜ 設計師的基地，可以學到很多東西
3、花瓣 ｜ 這可以說是靈感的來源了吧，如果做的東西只是用在網上，裡面也有很多的素材。
10、ps製作網頁需要注意哪些方面
網頁ps可能不是好的軟體。網頁有專門的網頁製作軟體。ps可以製作圖標或者圖片值了，按鈕等等。