10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有呼蘭免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

1,如何用ps做網(wǎng)頁(yè)
首先你把一個(gè)網(wǎng)頁(yè)的版面排出來,像網(wǎng)上看到那樣的網(wǎng)頁(yè)一樣,只不過是圖片。 排好之后,就用切片工具把那圖片切成一塊一塊,至于切成怎么樣的一塊塊,就看你網(wǎng)頁(yè)是怎么樣了, 然后保存為web所屬各式,彈出對(duì)話框,點(diǎn)存儲(chǔ),彈出對(duì)話框,在格式那欄選擇“Html和圖像”,在切片那欄選擇“所有切片”,再保存。 網(wǎng)頁(yè)就會(huì)自動(dòng)生成。但這個(gè)網(wǎng)頁(yè)不能用,要重新用網(wǎng)頁(yè)制作軟件排版,那切出來的圖片可以用上。 就這么一回事。 2,怎么用ps做網(wǎng)頁(yè)設(shè)計(jì)
根據(jù)樓主的提問可以把問題分成2塊理解第一層怎么用PS軟件設(shè)計(jì)網(wǎng)頁(yè)這個(gè)的話,一般你看上好看的網(wǎng)站之后保存為圖片格式導(dǎo)入到PS軟件,調(diào)整好網(wǎng)頁(yè)的大小,針對(duì)性的地方進(jìn)行修改便可。第二層的理解是你不知道怎么把把設(shè)計(jì)好的網(wǎng)頁(yè)導(dǎo)出為WEB所有格式。簡(jiǎn)單的圖片格式的保存為網(wǎng)頁(yè)格式的話第一、在PS里面設(shè)計(jì)好網(wǎng)頁(yè)第二、利用切片工具把網(wǎng)頁(yè)切成一塊一塊,要想提高頁(yè)面訪問速度的話就切片切的小一點(diǎn)第三、保存為WEB所有格式 (圖片及HTML) 這樣的話你直接打開HTML的話就形成了頁(yè)面訪問的網(wǎng)頁(yè)了。3,用photoshop做網(wǎng)頁(yè)方法
800*600我一般寬會(huì)設(shè)成780px,1024*768 寬度會(huì)設(shè)成 1000px,高度當(dāng)然要看內(nèi)容多少來定。布局就不好說了 要看設(shè)計(jì)者的喜好、習(xí)慣、網(wǎng)站的功能、設(shè)計(jì)風(fēng)格來定了。接下來就是切圖了,切圖是個(gè)很麻煩但又很關(guān)鍵的步驟。切圖前必須考慮好圖片大小(大圖為了瀏覽時(shí)能順利打開最好切割成N小快),是否為背景圖(有的圖很大,但實(shí)際上都是小圖片的平鋪效果,所以遇到這種圖只取小圖,在網(wǎng)頁(yè)中設(shè)為背景就可以了)。除此之外還要考慮是否可以用圖片以外的元素代替,比如有的純色塊完全沒必要用圖片,只要在網(wǎng)頁(yè)中調(diào)整表格的顏色就可以得到相同的效果。photoshop有專門的切割工具,按需要把設(shè)計(jì)好的網(wǎng)頁(yè)切割好后用ctrl+alt+shift+s保存,就會(huì)生成一個(gè)html文件了,你會(huì)發(fā)現(xiàn)html的圖片文件夾里已經(jīng)有你切好的一塊一塊的小圖片。瀏覽這個(gè)web頁(yè)面,顯示的效果和ps中的完全一致,似乎布局已經(jīng)完成了。但Dreamweaver現(xiàn)在才剛剛開始排的上用場(chǎng),因?yàn)榫W(wǎng)頁(yè)畢竟不是純粹的圖片,還需要文字、flash、聲音等元素的添加,Dreamweaver要做的就是繼續(xù)完善你的頁(yè)面,圖片越少越好,該刪的刪、該設(shè)背景的設(shè)為背景該用表格顏色代替的用顏色代替。哇塞 想想都麻煩^ ^歸根結(jié)底 photoshop 是用來構(gòu)圖設(shè)計(jì)的,而Dreamweaver是為了完成并完善圖片到網(wǎng)頁(yè)的轉(zhuǎn)換過程。4,如何用photoshop做網(wǎng)頁(yè)
用dreamweaver做網(wǎng)站,photoshop只是輔助作用,給你個(gè)視頻教程吧,挺好的,我剛看了的,教你怎么做網(wǎng)站還有怎么用PS和dreamweaver結(jié)合的,滿意就給分吧,嘿嘿http://www.pconline.com.cn/pcedu/videoedu/dreamweaver/0704/1002891.html用photoshop把頁(yè)面設(shè)計(jì)好,再切割,用dreamweaver編輯PS只是做一些邊框。。按鈕的外觀的,然后切片背景的吧。。。哈哈,以上的回答都是錯(cuò)誤的......PS也可以完成網(wǎng)頁(yè)制作......用PS制作好一個(gè)頁(yè)面,再導(dǎo)入PS姐妹軟件ImageReady制作,切片切好.一些連接的制作就到別的網(wǎng)頁(yè)制作軟件編輯吧.在IR(其實(shí)大家都算她是PS)里做好一切后,最后就是生成HTML文件了,操作:文件>>>存儲(chǔ)優(yōu)化結(jié)果>>>格式選HTML和圖像>>>>確定保存,好了完成了!先在ps里設(shè)計(jì)好前臺(tái),然后用dreamweaver布局出來 設(shè)計(jì)前臺(tái)就是劃分好區(qū)域,搭配好顏色,再就是做一些小修飾、效果,看起來美觀就行 如果自己沒有靈感的話,就多瀏覽別人做的網(wǎng)頁(yè),就會(huì)有思路了。
5,如何用Photoshop制作網(wǎng)頁(yè)模板
網(wǎng)頁(yè)中的元素有很多,像Banner條、文本框、文字、版權(quán)、Logo、廣告等。盡量把這些相對(duì)獨(dú)立的元素放在不同的圖層中,這樣方便以后的再編輯。 不過圖層一多,就顯得很凌亂,可建立多個(gè)圖層組來進(jìn)行管理。單擊圖層面板右上角的小三角按鈕,從彈出菜單中選擇“新建組”,在隨后出現(xiàn)的對(duì)話框中為新建組取一個(gè)名稱(如:“網(wǎng)頁(yè)頂部”),確定即可。這時(shí)圖層面板中多出一個(gè)文件夾圖標(biāo),即圖層組。把相關(guān)聯(lián)的圖層都拖放到同一組中,比如網(wǎng)頁(yè)頂部的所有元素,標(biāo)題、菜單、Logo等都放到“網(wǎng)頁(yè)頂部”組中(見圖1)。同樣方法可以建立多個(gè)組,在組的下面還可以建立子組。 點(diǎn)擊圖層組前面的小三角,就可以像文件夾一樣展開或折疊它,這樣圖層面板就顯示干凈利落得多,要修改某個(gè)元素也能很容易找到。對(duì)同一組中的所以圖層可以方便地進(jìn)行統(tǒng)一操作,如整體復(fù)制、刪除、隱藏、合并等。 小提示: ★如果你想借鑒某個(gè)網(wǎng)頁(yè)的設(shè)計(jì),不妨把它截成圖片放在最下面的圖層中,再拉出多個(gè)參考線劃出網(wǎng)頁(yè)的大致版式,再在此基礎(chǔ)之上邊參考邊制作自己的網(wǎng)頁(yè)。 從Photoshop到Dreamweaver的轉(zhuǎn)換 在Photoshop中設(shè)計(jì)好之后,下面就要用切片工具把它轉(zhuǎn)換成網(wǎng)頁(yè)。有些人在切片之前喜歡合并圖層,其實(shí)沒有必要,合不合并圖層對(duì)最終生成的網(wǎng)頁(yè)沒有多大影響,反而會(huì)妨礙以后的編輯修改。 第1步:我們最終需要的,只是Photoshop中制作的圖形和框架。選擇切片工具(快捷鍵為K),把需要的每個(gè)圖形獨(dú)立切分出來。每切分出一個(gè)圖形,在它的左上角會(huì)顯示出切片編號(hào)(見圖2)。 第2步:在工具箱右擊切片工具,從彈出菜單中選擇“切片選擇工具”,用它可以選取、移動(dòng)切片,并可以調(diào)整切片的大小。右擊某個(gè)切片還可以刪除或劃分這個(gè)切片。網(wǎng)頁(yè)背景設(shè)計(jì)好之后,使用切片工具劃分,然后使用dreamweaver制作表格,之后將圖片逐個(gè)加入單元格,或作為背景,或作為圖片顯示.簡(jiǎn)單的就是這樣啦.最關(guān)鍵的是“切片工具”。你可以在一張圖像上任意添加按鈕、圖片、文字等內(nèi)容,做成網(wǎng)頁(yè)最關(guān)鍵的一步就是切片,用切片工具托拉,就能拉出一塊塊的區(qū)域(這些區(qū)域后來在網(wǎng)頁(yè)軟件中可以設(shè)置鏈接),然后把這個(gè)文件存儲(chǔ)為web所用格式,這樣存儲(chǔ)的文件是一個(gè)html和一個(gè)裝有切成塊的圖。把這個(gè)html文件用dreamwaver打開,對(duì)這些切成塊的區(qū)域進(jìn)行設(shè)置鏈接就可以了。
網(wǎng)頁(yè)標(biāo)題:PS如何做網(wǎng)頁(yè),如何用ps做網(wǎng)頁(yè)
URL標(biāo)題:http://chinadenli.net/article8/idhoop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供關(guān)鍵詞優(yōu)化、響應(yīng)式網(wǎng)站、軟件開發(fā)、自適應(yīng)網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站導(dǎo)航
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)