如何使用ps和DW制作网页?使用ps和DW制作网页的方法
发布时间：2016-12-21 14:40:18 作者：佚名 
我要评论
我要评论很多朋友不知道如何使用ps和DW制作网页?今天小编为大家带来使用ps和DW制作网页的方法，希望可以帮助到大家，有需要的朋友一起去看看吧
想知道如何快速简单的建立一个网页，小编今天为大家带来的是如何使用ps和DW轻松制作网页，或许当我们看到一些导航网站时候，可能觉得制作一个网页一定不简单，那怎么让制作网页变得简单起来呢?一起来看看吧!
只需要两个软件：ps和Dreamweaver!
效果图：
我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。
新建一个1920px*400px的文件
我们拉一个一个蓝色(#506dbb)到白色的一个渐变
效果图
然后我们保存这张图片为gif格式
这时候我们新建一个
1000*800的文件
我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了
大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉，保持透明
下一步我们使用切片工具。把页面进行切片。如下图所示
注意每一个链接都要切片一下。切片工具和矩形选区工具一样，拉一下就是一个切片
为了区分我这里加了背景。我们一会一定要记得去掉
我们再使用切片选择工具选择单个切片。然后右键
我们再逐个为切片添加链接
注意我们上面的加的黑色背景一定要记得去掉
我们现在保存为web所用格式
我们把这里选择jpg—8
保存
以上就是小编为大家带来的全部关于如何使用PS和DW制作网页方法的全部内容了，希望可以帮助到大家！
相关文章
Adobe photoshop CC 2017安装到别的盘图文详细教程
Adobe photoshop是一款修图软件，很多朋友们还不知道Adobe photoshop CC 2017如何安装到别的盘？下面小编就给大家带来详细的教程，一起来看看吧2016-11-25Photoshop最新技术SkyReplace能一键换天 小白也会玩
在早前的Adobe MAX 2016发布会中，Adobe 展示了新的后制技术名为 SkyReplace，简单来说，就是因为我们有时拍照为了迁就前景，于是天空过曝，又或天空无云或太多云，所以要2016-11-14- 手机Photoshop怎么裁剪修改图片的大小？手机安装了Photoshop，想裁剪图片，该怎么裁剪呢？下面我们就来看看详细的教程，需要的朋友可以参考下2016-09-07
- 导读:photoshop是每个平面设计工作者都要掌握的一款软件，它功能强大，能胜任任何图片处理操作。通过下面几点PS教程来教大家怎么快速入门，步入平面设计领域。2016-10-21
- 导读:我们经常会遇到想要的图片常常都附有水印，小范围的水印可以用Photoshop或者美图秀秀修一下，但是遇到大量重复水印就没辙了。那么重复水印到底怎么去掉呢，这里有一个2016-08-26
- 在本篇教程中将会为大家带来的是photoshop的前景色和背景色工具的介绍，非常简单，但是一定要了解哦!2016-08-24
Dreamweaver如何设置图像属性?DW设置图像属性方法介绍
Dreamweaver如何设置图像属性?很多新手并不是很清楚，所以下面小编就为大家详细介绍DW设置图像属性方法，不会的朋友可以参考本文，希望能对大家有所帮助2016-02-27- Dreamweaver中如何设置热区?很多新手并不是很清楚，所以下面小编就为大家详细介绍DW设置热区方法，不会的朋友可以参考本文，希望能对大家有所帮助2016-02-27
- 这篇教程是向脚本之家的朋友分享Dreamweaver创建表格和表格的编辑方法，教程比较基础，适合新手来学习，推荐到脚本之家，大家一起来学习吧2016-02-21
- Dreamweaver提供了对站点的创建及管理功能，通过以树型结构来展示网站的内容分布，从而实现了对站点布局及细节内容的展示及修改，这项功能对于各位网页设计者而言更有用，2016-02-17
最新评论