制作網(wǎng)站頁(yè)面的過(guò)程并不簡(jiǎn)單，需要掌握一定的Photoshop技能首先，你需要設(shè)計(jì)網(wǎng)頁(yè)的視覺(jué)效果，這要求有扎實(shí)的PS功底接著，你需要了解網(wǎng)頁(yè)結(jié)構(gòu)，進(jìn)行切圖工作PS可以另存為網(wǎng)頁(yè)，但這僅僅是一個(gè)起點(diǎn)網(wǎng)頁(yè)優(yōu)化是關(guān)鍵步驟，你可能需要使用Dreamweaver軟件來(lái)進(jìn)一步優(yōu)化，去除多余的空白區(qū)域，調(diào)整背景如果打算。

1 新建文件 打開(kāi)PS軟件，新建一個(gè)文件，尺寸為1920*3000像素，分辨率選擇72像素英寸，顏色模式選擇白色作為背景2 設(shè)置網(wǎng)格 安裝并使用guideguide插件，設(shè)置左右邊距為360像素，行數(shù)為12行，余邊為20像素這有助于規(guī)范頁(yè)面布局3 建立首屏線 在視圖菜單中，選擇新建參考線，選擇水平方向。

4凝視所謂凝視是利用頁(yè)面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀5空白空白有兩種作用，一方面對(duì)其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效以上的設(shè)計(jì)原則，雖然枯燥，但是我們?nèi)绻茴I(lǐng)會(huì)并活用到。

1打開(kāi)PS，新建空白文檔，名稱(chēng)設(shè)置為“feifei工作室”，從預(yù)設(shè)大小下拉列表中選擇“1024x768”，模式設(shè)計(jì)為“RGB顏色”，內(nèi)容設(shè)置為“白色”，點(diǎn)擊“好”按鈕完成文檔的創(chuàng)建工作2新建一名稱(chēng)為“框架”的圖層，利用該圖層實(shí)際整個(gè)網(wǎng)頁(yè)的整體布局首先選擇“矩形選擇工具”，然后將矩形的寬度設(shè)置為1024。

你想在dreamweaver制作二級(jí)頁(yè)面，就在dw中新建一個(gè)頁(yè)面制作具體步驟是dw菜單中的文件，新建，頁(yè)面類(lèi)型選html，點(diǎn)擊創(chuàng)建按鈕就創(chuàng)建了一個(gè)空白頁(yè)面在這個(gè)空白頁(yè)面上做你要得二級(jí)頁(yè)面效果給你舉個(gè)例子一級(jí)頁(yè)面是網(wǎng)站首頁(yè)，導(dǎo)航中有一個(gè)“聯(lián)系我們”，你現(xiàn)在要做的二級(jí)頁(yè)面就是“聯(lián)系我們”這個(gè)頁(yè)面。

1一般而言，設(shè)計(jì)網(wǎng)站的尺寸是1920px寬度包含背景設(shè)計(jì)，當(dāng)然內(nèi)容顯示區(qū)是950px980px1000px而高度根據(jù)需求來(lái)定，分辨率為72就可以了，很多設(shè)計(jì)師為了追求細(xì)節(jié)，一般都是這個(gè)數(shù)值的2倍或者三倍2圖解整個(gè)頁(yè)面設(shè)計(jì)內(nèi)容顯示區(qū)淘寶是950px，一般的企業(yè)網(wǎng)站是980px一般內(nèi)容 設(shè)置950~1000 像素就好了。

簡(jiǎn)單的圖片格式的保存為網(wǎng)頁(yè)格式的話 第一在PS里面設(shè)計(jì)好網(wǎng)頁(yè) 第二利用切片工具把網(wǎng)頁(yè)切成一塊一塊，要想提高頁(yè)面訪問(wèn)速度的話就切片切的小一點(diǎn) 第三保存為WEB所有格式圖片及HTML 這樣的話你直接打開(kāi)HTML的話 就形成了頁(yè)面訪問(wèn)的網(wǎng)頁(yè)了。

首先，我們需要先確定一個(gè)網(wǎng)站的類(lèi)型和類(lèi)型如果是企業(yè)網(wǎng)站，我們就需要將網(wǎng)站的內(nèi)容編寫(xiě)成標(biāo)題副標(biāo)題和正文，然后根據(jù)內(nèi)容的主題來(lái)設(shè)計(jì)網(wǎng)站的頁(yè)面，同時(shí)也要注意網(wǎng)站中的字體的統(tǒng)一性如果是商城網(wǎng)站，我們應(yīng)該使用襯線體手寫(xiě)體圓角矩形體粗體傾斜體等另一種簡(jiǎn)單的網(wǎng)頁(yè)形式，如站酷淘最。

1先做圖，這個(gè)需要很好的PS功底才行 2切圖，要知道網(wǎng)頁(yè)結(jié)構(gòu)才能切圖 3生成網(wǎng)頁(yè)，PS本身能另存為網(wǎng)頁(yè) 4優(yōu)化網(wǎng)頁(yè)，需要使用DW軟件來(lái)優(yōu)化修改去掉多余的空白區(qū)域，背景優(yōu)化5制作成模板，如果要應(yīng)用到相應(yīng)的CMS中需要加入CSS代碼和標(biāo)簽代碼調(diào)用6上線測(cè)試瀏覽器兼容性看是否錯(cuò)位，經(jīng)過(guò)不停的修改。

網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)尺寸1800*600下，網(wǎng)頁(yè)寬度保持在778以內(nèi)，就不會(huì)出現(xiàn)水平滾動(dòng)條，高度則視版面和內(nèi)容決定21024*768下，網(wǎng)頁(yè)寬度保持在1002以內(nèi)，如果滿框顯示的話，高度是612615之間就不會(huì)出現(xiàn)水平滾動(dòng)條和垂直滾動(dòng)條在dw里面有設(shè)定好的標(biāo)準(zhǔn)值， 1024*768頁(yè)面的標(biāo)準(zhǔn)大小是955*600，照著它的。

2在展開(kāi)的編輯菜單中點(diǎn)擊“首選項(xiàng)”按鈕，然后點(diǎn)擊“界面”按鈕3在界面設(shè)置中將用戶界面字體大小設(shè)置為“大”，將UI縮放設(shè)置為“200%”并保存設(shè)置，然后將ps重啟即可生效請(qǐng)問(wèn)PSAEUICADPRCDR是什么ps是修圖制圖軟件 AE是后期特效軟件 ui是前端設(shè)計(jì)userinterface人機(jī)交互界面設(shè)計(jì)cad是制圖。

現(xiàn)在國(guó)內(nèi)常用網(wǎng)站的寬度都是1000或者1002，1003，一些門(mén)戶網(wǎng)站用的是980的，高度在建畫(huà)布的時(shí)候可以長(zhǎng)一點(diǎn)，這樣最后不用的方可以用裁刀裁剪下去，如果頁(yè)面想要短了想要加長(zhǎng)的話就按快鍵CTRL+ALT+C，將下面的小白方塊點(diǎn)到上面一排的中間位置，然后在高度的數(shù)字處改成自己想要的高度就可以了，這樣改變的。

首先，我們需要學(xué)習(xí)PS的基本操作通過(guò)學(xué)習(xí)PS，我們可以掌握如何創(chuàng)建和編輯圖像，設(shè)計(jì)網(wǎng)站界面，制作圖標(biāo)和按鈕等掌握PS的基礎(chǔ)操作是制作網(wǎng)頁(yè)的第一步其次，我們需要了解DW的操作DW是一款專(zhuān)業(yè)的網(wǎng)頁(yè)制作軟件，它可以幫助我們構(gòu)建網(wǎng)頁(yè)的基本結(jié)構(gòu)，實(shí)現(xiàn)頁(yè)面布局，添加鏈接，設(shè)置樣式等學(xué)會(huì)使用DW，可以讓。

畫(huà)布是你建立文檔內(nèi)可視區(qū)域或可操作區(qū)域的尺寸，這個(gè)可以根據(jù)個(gè)人喜好來(lái)規(guī)定大小目前網(wǎng)頁(yè)設(shè)計(jì)有兩種主流方式一傳統(tǒng)設(shè)計(jì)模式頁(yè)面寬度一般在1000像素或以內(nèi)，以滿足1024分辨率下的電腦，通常設(shè)計(jì)尺寸有以下幾中寬960px 寬980px 寬990px 寬1000px 二寬屏設(shè)計(jì)模式由于現(xiàn)在顯示器。

在網(wǎng)站設(shè)計(jì)中使用字體的步驟首先，我們需要先確定一個(gè)網(wǎng)站的類(lèi)型和類(lèi)型如果是企業(yè)網(wǎng)站，我們就需要將網(wǎng)站的內(nèi)容編寫(xiě)成標(biāo)題副標(biāo)題和正文，然后根據(jù)內(nèi)容的主題來(lái)設(shè)計(jì)網(wǎng)站的頁(yè)面，同時(shí)也要注意網(wǎng)站中的字體的統(tǒng)一性如果是商城網(wǎng)站，我們應(yīng)該使用襯線體手寫(xiě)體圓角矩形體粗體傾斜體等另一種簡(jiǎn)單的。

界面設(shè)計(jì)有一定的設(shè)計(jì)規(guī)范，在設(shè)計(jì)規(guī)范的基礎(chǔ)上可以較快的入門(mén)和進(jìn)階頁(yè)面構(gòu)成一個(gè)網(wǎng)頁(yè)通常來(lái)說(shuō)會(huì)有一個(gè)導(dǎo)航條nav，一個(gè)頁(yè)腳footer和一個(gè)內(nèi)容區(qū)域body各個(gè)頁(yè)面二級(jí)頁(yè)面通過(guò)導(dǎo)航條的鏈接來(lái)訪問(wèn)通過(guò)內(nèi)容區(qū)域的鏈接和列表來(lái)訪問(wèn)其他詳細(xì)頁(yè)面三級(jí)頁(yè)面因此，通常，一個(gè)簡(jiǎn)單的CMS。

PS是一款由Adobe公司開(kāi)發(fā)的圖像處理軟件，廣泛應(yīng)用于修圖設(shè)計(jì)制圖廣告制作等領(lǐng)域以下是關(guān)于PS官方網(wǎng)址的 1 Adobe官方網(wǎng)站上述提供的網(wǎng)址是Adobe公司的官方網(wǎng)站在這個(gè)網(wǎng)站上，你可以找到所有Adobe產(chǎn)品的詳細(xì)信息，包括Photoshop2 Photoshop產(chǎn)品頁(yè)面在官方網(wǎng)站上，點(diǎn)擊進(jìn)入Photoshop的產(chǎn)品頁(yè)面。

1先用Photoshop做一個(gè)網(wǎng)頁(yè)圖片2Ctrl+R調(diào)出標(biāo)尺，在圖片上繪制表格，框選出要做鏈接的部分3使用切片工具，按照繪制的表格劃分切片 4以上步驟完成后，進(jìn)行操作“文件”“儲(chǔ)存為Web和設(shè)備所用格式”，在打開(kāi)的窗口中按照自己的需要為網(wǎng)頁(yè)圖片作設(shè)置，設(shè)置完成后，“儲(chǔ)存”，保存類(lèi)型“html和圖片。