ps6製作網頁設計

1、Dreamweaver CS6網頁製作教程

這個要什麼視頻，一個軟體慢慢摸索一下就好了。很簡單的。

2、如何用dreamweaver cs6製作網頁

工具/原料

Dreamwaver CS6
所製作的網頁的素材（圖片，音頻等）
方法/步驟

1
打開DW，DW界面如圖

2
分析所製作的網頁的需求，明確目標

3
明確需求。如果是建議一個網站，需要建立一個站點，方便管理並使製作步驟更為有條理。

4
新建站點彈出來的窗口。在這里我輸入的是「新聞網頁」，放在Dreamwaver CS6文件夾下的新聞網頁文件夾

5
在新聞網頁文件夾下新建「images」文件，導入製作網頁所需要的素材，這里所需要的素材都是圖片

6
新建HTML，選擇「創建」

在「標題」中輸入「新聞網頁首頁」，轉換到「設計」界面

根據製作網頁需求插入表格，只是在行列有所變化，下面的「表格寬度」以下選項根據圖設置

插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之後變黑。在屬性中對齊選項選擇「居中對齊」

在表格第一行第一列輸入「用戶名」，在第一行第二個表格插入「文件域」。然後是密碼，同樣的插入「文件域」。切換到「拆分」界面，選中密碼對應的「文件域」，將「type」改為「password」

插入圖像，不知道怎麼填的話就一直選擇「確定」即可

插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什麼就一直「確定」，無妨。在屬性欄里的值改為「登錄」。然後插入圖像「谷歌logo」，附上效果圖

選中第二行，點擊滑鼠右鍵，選擇「表格」，「合並單元格」

在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點「新聞網頁」可以看到保存的HTML文件

點擊製作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然後會看到如下情況：用戶名課件，密碼不可見，符合實際

當然也可以在Dreamwaver CS6 的實時視圖中完成第15步

3、如何用Photoshop製作網頁模板

網頁中的元素有很多，像Banner條、文本框、文字、版權、Logo、廣告等。盡量把這些相對獨立的元素放在不同的圖層中，這樣方便以後的再編輯。 不過圖層一多，就顯得很凌亂，可建立多個圖層組來進行管理。單擊圖層面板右上角的小三角按鈕，從彈出菜單中選擇「新建組」，在隨後出現的對話框中為新建組取一個名稱(如：「網頁頂部」)，確定即可。這時圖層面板中多出一個文件夾圖標，即圖層組。把相關聯的圖層都拖放到同一組中，比如網頁頂部的所有元素，標題、菜單、Logo等都放到「網頁頂部」組中(見圖1)。同樣方法可以建立多個組，在組的下面還可以建立子組。 點擊圖層組前面的小三角，就可以像文件夾一樣展開或折疊它，這樣圖層面板就顯示干凈利落得多，要修改某個元素也能很容易找到。對同一組中的所以圖層可以方便地進行統一操作，如整體復制、刪除、隱藏、合並等。 小提示： ★如果你想借鑒某個網頁的設計，不妨把它截成圖片放在最下面的圖層中，再拉出多個參考線劃出網頁的大致版式，再在此基礎之上邊參考邊製作自己的網頁。 從Photoshop到Dreamweaver的轉換 在Photoshop中設計好之後，下面就要用切片工具把它轉換成網頁。有些人在切片之前喜歡合並圖層，其實沒有必要，合不合並圖層對最終生成的網頁沒有多大影響，反而會妨礙以後的編輯修改。 第1步：我們最終需要的，只是Photoshop中製作的圖形和框架。選擇切片工具(快捷鍵為K)，把需要的每個圖形獨立切分出來。每切分出一個圖形，在它的左上角會顯示出切片編號(見圖2)。 第2步：在工具箱右擊切片工具，從彈出菜單中選擇「切片選擇工具」，用它可以選取、移動切片，並可以調整切片的大小。右擊某個切片還可以刪除或劃分這個切片。

4、如何用Photoshop做網頁設計

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

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

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

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

5、photoshop cs6可以製作網頁嗎

用PS做不會很完美，用PS處理圖片後，
在文本編輯的地方添加幾行字倒是可以的，
但做出來以後不會很美觀。

最好先學習點HTML語言, CSS, Java Script 進行文本的編輯，增加功能。

6、在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里進行編輯，在這里，切片工具的功能更為強大，輸出的圖形控制也更豐富。

7、dreamweaver cs6怎樣製作網站

製作步驟如下：

1、打開Dreamweaver CS6軟體，在Dreamweaver CS6軟體的開始界面的導航上可以看到站點，如下圖所示。

2、點擊Dreamweaver CS6導航上的站點，然後選擇彈出菜單上的新建站點，如下圖所示。

3、點擊後彈出站點設置對話框，先來設置站點項，這個是在計算機本地創建的，在站點名稱處輸入站點名稱，然後選擇本地站點文件夾路徑，如下圖所示。

4、伺服器選項，這個設置主要用於動態頁面，動態頁面要伺服器解析的。點擊左下角的「+」圖標添加伺服器，如下圖所示。

5、開發網站的時候一般都是在本地搭建的伺服器，所有連接方法選擇「本地/網路」。伺服器名稱和伺服器文件夾都是安裝伺服器時確定的，伺服器文件夾直接選擇安裝伺服器時的位置就可以了。伺服器App安裝在D:Appwww文件夾下，站點叫jingyan。這里Web URL設置為localhost/jingyan。根據伺服器文件夾來的。然後點擊保存，如下圖所示。

6、點擊保存後，返回新建站點的伺服器選項界面，勾選測試，然後點擊保存，如下圖所示。

7、Dreamweaver CS6新建站點完成了，可以編輯網站網頁了，如下圖所示。

8、如何用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檢測來適應不同終端的不同展現。

9、用DreamweaverCS6製作網頁的操作步驟

用DreamweaverCS6製作網頁的操作步驟

打開DreamWeaver CS6。關於DreamWeaver CS6的下載、安裝及破解，在我早先的一個經驗中有寫道，需要的同學可以看下。

選擇「站點」>「新建站點」命令，打開「新建站點窗口」。

設置新站點的信息，「站點」項用來設置站點名稱和本地站點文件夾。

「伺服器」項用於動態網站的構建。靜態網站並不需要。點擊「+」，來添加一個伺服器。

調試網站我們一般「連接方法」選擇「本地/網路」。「伺服器文件夾」選擇你安裝的伺服器位置，一般在C盤（我安裝的AppServ，則在C:AppServwww文件夾）。因為站點文件夾在伺服器主目錄下的「yige」，所以「Web URL」設置為「localhost/yige」。

勾選伺服器的「測試」。

「版本控制」和「高級設置」項需要修改的很少。因此不再多說。

10、dreamweaver cs6怎麼製作網頁

製作步驟如下：
1、打開Dreamweaver CS6軟體，在Dreamweaver CS6軟體的開始界面的導航上可以看到站點
2、點擊Dreamweaver CS6導航上的站點，然後選擇彈出菜單上的新建站點
3、點擊後彈出站點設置對話框，先來設置站點項，這個是在計算機本地創建的，在站點名稱處輸入站點名稱，然後選擇本地站點文件夾路徑
4、伺服器選項，這個設置主要用於動態頁面，動態頁面要伺服器解析的。點擊左下角的「+」圖標添加伺服器
5、開發網站的時候一般都是在本地搭建的伺服器，所有連接方法選擇「本地/網路」。伺服器名稱和伺服器文件夾都是安裝伺服器時確定的，伺服器文件夾直接選擇安裝伺服器時的位置就可以了。伺服器App安裝在D:\App\www文件夾下，站點叫jingyan。這里Web URL設置為localhost/jingyan。根據伺服器文件夾來的。然後點擊保存，如下圖所示。
6、點擊保存後，返回新建站點的伺服器選項界面，勾選測試，然後點擊保存，如下圖所示。
7、Dreamweaver CS6新建站點完成了，可以編輯網站網頁了