怎么利用ps和DW轻松制作网页?

如题所述

今天的PConline小编如何利用ps和DW简单地制作网页,看到密集的网页导航,制作网页也不简单,怎么制作网页简单呢?感兴趣的朋友一起往下看吧!

PS3模拟器软件版:中文版游戏娱乐立即查看.

DW软件版本:1.0.1iOS软件立即查看.

ps和Dreamweaver只需要两个软件!

效果图:

我们需要先制作背景图片.也就是说,网页背景的蓝色部分.我们需要单独做.

新建1920px*400px文件.

我们从蓝色(#506dbb)到白色渐变.

效果图.

然后保存这张照片是gif格式.

这个时候,我们建了一个.

1000*800的文件.

制作网页效果图.这里是用ps制作的.没有写任何代码.我不会谈论这个过程.

制作网页效果图时,请务必删除网页背景图层,保持透明.

下一步我们将使用切片工具.切片页面.如下图所示.

请注意每个链接都要切片.切片工具和矩形选区工具一样,拉是切片.

为了区分我这里的背景.我们必须记记住去掉.

我们用切片选择工具选择单片.然后右键.

我们将逐一为切片添加链接.

注意.我们上面的黑色背景一定要记得去掉.

我们现在保存为网络使用的格式.

我们在这里选择png-8.

保存.

温馨提示:答案为网友推荐,仅供参考
相似回答