ps如何設計網站

1、請問一個大型網站的框架是怎麼做出來的，是用photoshop先把整個的首頁設計好嗎？

（先要dreamweaver打出框架，再把你ps好的圖片放到你設想好的位置。dreamweaver才是網頁設計軟體，能將圖片，flash等其他元素組合在一起，還能添加鏈接等等。）
photoshop就是處理圖片，最多能夠切片，能更好應用於dreamweaver，
而dreamweaver打框架是復雜的過程，不是三言兩語能說清楚的，到網上去找視頻看，慢慢學。

2、用PS做的網頁設計如何做成動態網站效果

用PS做的是效果圖，需要前端開發人員編寫代碼才可以在網站上展示出來。
簡單來說，在PS里做好之後，需要切圖。把圖片切割成適合在網站上瀏覽。
切圖時需要把文字分離出圖片的要處理好。
切好圖片之後，需要用html結合JavaScript等知識編寫代碼。
這樣寫出的頁面還只是靜態的網站。
如果想要做成動態的效果，還需要搭建後台，連接資料庫等。

3、用ps設計網頁的時候配合dreamweaver做網頁，如何在ps里查看圖片局部的尺寸

可以畫出你所要測量的圖片局部，然後CTRL+C一下 之後CTRL+N 那個尺寸就是你所用選區選出的尺寸，既是，你查看圖片局部的尺寸
，不知說明白了嗎。。 希望幫到你吧

4、如何在Photoshop中設計網頁的網格

設計網頁的網格方法1

第一種方法使用GuideGuide 卡梅倫McEfee建立垂直列。這Photoshop插件被認為是處於測試階段，但是從我與它的經驗的一切工作得很好，甚至有談GuideGuide 2的發布，其中將包括更多的功能。GuideGuide頁面上可以找到安裝說明。還有一個使用它的視頻教程是由羅素布朗一起在Adobe 。

成立於5秒您的網格

確定利潤率列和排水溝寬度，數量。然後點擊「創建指南」。

如果你設計樣稿的畫布寬，做快速的數學運算，使保證金長度要限制你的960像素的網格允許。例如，如果在畫布是1200像素寬，然後左，右邊緣將每個120像素。

例如12列設置為120像素的20萬像素的排水溝和利潤率。

您還可以設置基線網格這樣，但你最終很多導游。一個更好的選擇可能是方法上的一個有特色的的邁克貴金屬的方法及工藝視頻 ...

方法和工藝的可擴展的基線網格

這里是一個步驟的簡要介紹設立一個可擴展的基線網格。

建立網格的基準值，然後創建您的圖案模板。基線網格是由領先的正文中（或行高）。例如，如果您的設計的主體副本是在13點Helvetica，在18分的領先，那麼你將成立一個18像素的基線網格。

創建一個Photoshop文件，該文件是您的基線網格的高度，填補了底部的像素，並留下其餘的像素透明。在這種情況下，畫布的尺寸將1個像素寬和18像素高。

「全選」，然後保存為一個新的模式。您可以通過編輯→定義圖案...

轉到調整圖層→模式，並選擇新創建的網格圖案。

根據需要，調整不透明度。

列和基線網格1的方法的一個例子。

優點

你會得到一個可選的基線網格，您可以使用獨立的垂直的柱網。基線網格，可以創建視覺上的混亂，當在頂部的設計樣稿奠定。使用這種方法，它可以只在需要時進行切換。

如果你喜歡使用您的網格指南，這是更好的解決方案。

您可以隱藏和顯示網格通過一個簡單的快捷方式。

缺點

使用垂直參考線來標記文檔中的其他元素，可很難，因為你可能會混淆他們與電網。

方法2相比，網格你的選擇是不具體或全面（如設置的橫向模塊的高度）。

數學網格線的確定，不一定會配合像素網格。這意味著你的導游，可以在某些情況下，下降不均，並最終被定位實際像素的中間。

這種方法需要兩個獨立的進程相比只是一種方法，即將來創建一個垂直和基線網格，。

設計網頁的網格方法2

模塊化網格模式是所有功能於一身的的網格解決方案 。該工具創建一個垂直的柱狀網格和基線網格所有作為一個模式 。採用模塊化的網格模式有兩種方法 ：

除了對Photoshop 的應用程序面板，這也適用於煙花，GIMP和微軟Expression設計 。請注意，您必須有最新的軟體（Adobe CS5或等值的其他應用程序之一中）和本小組的互聯網連接工作。話雖這么說，如果您已經創建了一個模式，並將其保存在資料庫中，然後你就可以訪問它，而無需任何其他 。

Web應用程序
瀏覽器，Firefox，Safari和Opera。Web應用程序使您可以創建一個網格模式和所有格式的瀏覽器直接下載 。

無論你選擇，隨便挑一個模塊的寬度，排水溝寬度和基線數量，以及模塊化的網格模式，沒有休息。您也可以指定一個水平模塊的高度。

5、如何將一張用PHOTOSHOP設計的，畫好的網頁設計草圖，用最方便省力的辦法轉化成網頁。

這個簡單如果只是一個圖網頁 直接用fireworks裡面切片工具 保存生成網頁。索引直接在DW裡面加 。。

6、如何用photoshop進行網頁設計

你是想要在原來的設計下面加上一塊空白，那可以選擇「圖象」-「畫布大小」，在彈出的對話框中，先設置定位，如果在下面加長就點擊向上的鍵頭，這樣就會在原圖的下方加入空白，現在再輸入設定高度數字就OK了！

7、如何用Photoshop做網頁設計

如果是給個人做，怎麼做都無所謂。如果是在公司里給客戶做。這一步不可少，出了效果圖後，要給客戶看。等客戶確定不再修改時再做網頁，目的就在於防止客戶反復修改，動布局！
另外會做網頁效果圖，代表你的設計能力。用dreamweaver直接做的後果是邊想邊做，容易把設計思路搞混了！
據我所知，這樣的教程基本沒有。因為做網頁效果圖只要基本的操作，有時從別的網頁截一塊下來處理一下，直接用到自己的效果圖上。

一般顯示器解析度 寬:1024 高: 768 寬減去滾動條的寬度, 一般為1003-1004 不會有橫拉條 高度 根據頁而定
網頁設計需要的PS操作技術並不是很多，只要掌握基礎就行了。
但是你想要做好一個稿子就不是那麼簡單了。
這當中有一些天賦的因素，但是更多的是學習。
你可以從模仿別人的稿子開始，漸漸的融入自己的東西。

http://www.68design.net/
這個站每天都會有新的酷站收藏，也有設計欣賞。
http://www.zcool.com.cn/
這個站素材豐富而且也有酷站收藏。

要做好網頁設計，一定要多看，拚命的看並且吸收裡面的東西，看看高手們是怎麼處理細節的，這樣慢慢自然會有提高。
是否可以解決您的問題？

8、在網頁設計中如何用PS切圖

1、在Photoshop中打開設計稿，如下圖：

2、選擇工具板上的slice切片工具，大面積的色塊單獨切成一塊，盡可能的保持在水平線上的整齊，切好的圖如下所示：

3、在PhotoShop中選擇file-save for web...來輸出，這里要注意一些參數的選擇：

4、接下來在Dreamweaver里建立站點：

5、在圖示左邊的site name中為站點起一個名字，如example然後在下面的local root folder中選擇剛才導出的站點的文件夾：

6、重新製作頁面表格，通常在photoshop中直接導出的htm文件是不可以直接使用的，因為有些地方在實際運用時要作調整：

7、根據這個頁面表格所示，在新的頁面中建立一個三行一列的表格，把cellpadding,cellspacing,border三項值設為0，不然會有空隙，最後選擇表格，背景添加圖片即可。

9、如何用ps設計網站首頁

先確定寬度，然後再做導航欄，搜索欄什麼的，這些都可以去站酷找素材。其實PS做網站首頁是不太專業的，不過我也是用PS做的，嘿嘿。