如何使用ps和DW制作網(wǎng)頁?使用ps和DW制作網(wǎng)頁的方法
我要評(píng)論想知道如何快速簡(jiǎn)單的建立一個(gè)網(wǎng)頁，小編今天為大家?guī)淼氖侨绾问褂胮s和DW輕松制作網(wǎng)頁，或許當(dāng)我們看到一些導(dǎo)航網(wǎng)站時(shí)候，可能覺得制作一個(gè)網(wǎng)頁一定不簡(jiǎn)單，那怎么讓制作網(wǎng)頁變得簡(jiǎn)單起來呢?一起來看看吧!
Adobe dreamweavercs5 官方離線中文安裝版
- 類型：網(wǎng)頁設(shè)計(jì)
- 大?。?/span>87.67MB
- 語言：簡(jiǎn)體中文
- 時(shí)間：2016-09-14
只需要兩個(gè)軟件：ps和Dreamweaver!
效果圖：
我們需要先制作背景圖片。也就是網(wǎng)頁背景那塊藍(lán)色的部分。我們需要單獨(dú)做出來。
新建一個(gè)1920px*400px的文件
我們拉一個(gè)一個(gè)藍(lán)色(#506dbb)到白色的一個(gè)漸變
效果圖
然后我們保存這張圖片為gif格式
這時(shí)候我們新建一個(gè)
1000*800的文件
我們把網(wǎng)頁效果圖制作出來。這里都是用到ps制作的。沒有寫任何代碼。這個(gè)過程我就不講了
大家制作好網(wǎng)頁效果圖完成的時(shí)候一定要注意把網(wǎng)頁背景圖層刪掉，保持透明
下一步我們使用切片工具。把頁面進(jìn)行切片。如下圖所示
注意每一個(gè)鏈接都要切片一下。切片工具和矩形選區(qū)工具一樣，拉一下就是一個(gè)切片
為了區(qū)分我這里加了背景。我們一會(huì)一定要記得去掉
我們?cè)偈褂们衅x擇工具選擇單個(gè)切片。然后右鍵
我們?cè)僦饌€(gè)為切片添加鏈接
注意我們上面的加的黑色背景一定要記得去掉
我們現(xiàn)在保存為web所用格式
我們把這里選擇jpg—8
保存
以上就是小編為大家?guī)淼娜筷P(guān)于如何使用PS和DW制作網(wǎng)頁方法的全部?jī)?nèi)容了，希望可以幫助到大家！
相關(guān)文章
Adobe photoshop CC 2017安裝到別的盤圖文詳細(xì)教程
Adobe photoshop是一款修圖軟件，很多朋友們還不知道Adobe photoshop CC 2017如何安裝到別的盤？下面小編就給大家?guī)碓敿?xì)的教程，一起來看看吧2016-11-25Photoshop最新技術(shù)SkyReplace能一鍵換天 小白也會(huì)玩
在早前的Adobe MAX 2016發(fā)布會(huì)中，Adobe 展示了新的后制技術(shù)名為 SkyReplace，簡(jiǎn)單來說，就是因?yàn)槲覀冇袝r(shí)拍照為了遷就前景，于是天空過曝，又或天空無云或太多云，所以要2016-11-14- 手機(jī)Photoshop怎么裁剪修改圖片的大??？手機(jī)安裝了Photoshop，想裁剪圖片，該怎么裁剪呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2016-09-07
- 導(dǎo)讀:photoshop是每個(gè)平面設(shè)計(jì)工作者都要掌握的一款軟件，它功能強(qiáng)大，能勝任任何圖片處理操作。通過下面幾點(diǎn)PS教程來教大家怎么快速入門，步入平面設(shè)計(jì)領(lǐng)域。2016-10-21
- 導(dǎo)讀:我們經(jīng)常會(huì)遇到想要的圖片常常都附有水印，小范圍的水印可以用Photoshop或者美圖秀秀修一下，但是遇到大量重復(fù)水印就沒轍了。那么重復(fù)水印到底怎么去掉呢，這里有一個(gè)2016-08-26
- 在本篇教程中將會(huì)為大家?guī)淼氖莗hotoshop的前景色和背景色工具的介紹，非常簡(jiǎn)單，但是一定要了解哦!2016-08-24
Dreamweaver如何設(shè)置圖像屬性?DW設(shè)置圖像屬性方法介紹
Dreamweaver如何設(shè)置圖像屬性?很多新手并不是很清楚，所以下面小編就為大家詳細(xì)介紹DW設(shè)置圖像屬性方法，不會(huì)的朋友可以參考本文，希望能對(duì)大家有所幫助2016-02-27Dreamweaver中如何設(shè)置熱區(qū)?DW設(shè)置熱區(qū)方法圖解
Dreamweaver中如何設(shè)置熱區(qū)?很多新手并不是很清楚，所以下面小編就為大家詳細(xì)介紹DW設(shè)置熱區(qū)方法，不會(huì)的朋友可以參考本文，希望能對(duì)大家有所幫助2016-02-27Dreamweaver創(chuàng)建表格和表格的編輯方法介紹
這篇教程是向腳本之家的朋友分享Dreamweaver創(chuàng)建表格和表格的編輯方法，教程比較基礎(chǔ)，適合新手來學(xué)習(xí)，推薦到腳本之家，大家一起來學(xué)習(xí)吧2016-02-21Dreamweaver如何創(chuàng)建自己的站點(diǎn)并管理刪除呢?
Dreamweaver提供了對(duì)站點(diǎn)的創(chuàng)建及管理功能，通過以樹型結(jié)構(gòu)來展示網(wǎng)站的內(nèi)容分布，從而實(shí)現(xiàn)了對(duì)站點(diǎn)布局及細(xì)節(jié)內(nèi)容的展示及修改，這項(xiàng)功能對(duì)于各位網(wǎng)頁設(shè)計(jì)者而言更有用，2016-02-17
