如何使用ps和DW制作网页?使用ps和DW制作网页的方法

所属分类: 软件教程 / 图形图像 阅读数: 1755
收藏 0 赞 0 分享

  想知道如何快速简单的建立一个网页,小编今天为大家带来的是如何使用ps和DW轻松制作网页,或许当我们看到一些导航网站时候,可能觉得制作一个网页一定不简单,那怎么让制作网页变得简单起来呢?一起来看看吧!

  

 

  

 

  

  只需要两个软件:ps和Dreamweaver!

  效果图:

  我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。

  新建一个1920px*400px的文件

  我们拉一个一个蓝色(#506dbb)到白色的一个渐变

  效果图

  然后我们保存这张图片为gif格式

  这时候我们新建一个

  1000*800的文件

  我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了

  大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉,保持透明

  下一步我们使用切片工具。把页面进行切片。如下图所示

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

  为了区分我这里加了背景。我们一会一定要记得去掉

  我们再使用切片选择工具选择单个切片。然后右键

  我们再逐个为切片添加链接

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

  我们现在保存为web所用格式

  我们把这里选择jpg—8

  保存

  以上就是小编为大家带来的全部关于如何使用PS和DW制作网页方法的全部内容了,希望可以帮助到大家!

更多精彩内容其他人还在看

电子身份证怎么弄 电子身份证在哪里办理

电子身份证的推出,让很多市民外出都不必带原件,还防止意外丢失,那么电子身份证在哪里办理呢
收藏 0 赞 0 分享

Visio网格线怎么去除? visio网格线不显示的教程

Visio网格线怎么去除?Visio中绘制图形的时候,默认是打开网格线的,看上去很碍事,想要关闭,该怎么设置visio网格线不显示呢?请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

visio怎么画UML图? visio绘制uml类图的教程

visio怎么画UML图?visio中绘制图形很简单,今天我们就来看看uml图的绘制方法,很简单,都是基础教程,感兴趣的朋友可以进来参考一下
收藏 0 赞 0 分享

CAXA块怎么建立与消隐?

CAXA块怎么建立与消隐?CAXA中经常绘制图形,需要将图形组成块方便操作,该怎么建立块与消隐块呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Alien Skin Exposure 6完全汉化版安装及破解图文详细教程

最近,有在本站下载Alien Skin Exposure 6完全汉化版软件的用户问小编:Alien Skin Exposure 6完全汉化版怎么汉化?以及Alien Skin Exposure 6如何安装破解?针对此类问题,本文就为大家进行图文详细解答
收藏 0 赞 0 分享

AutoCAD实例中的点过滤功能讲述

今天小编为大家带来的是AutoCAD实例中的点过滤功能讲述;希望对大家会有帮助,有需要的朋友一起去看看吧
收藏 0 赞 0 分享

Adobe Captivate 7安装+破解+汉化图文教程

Adobe Captivate 7怎么安装?以及Adobe Captivate 7如何汉化破解使用?针对此类问题,本文就为大家图文详细介绍Adobe Captivate 7安装、破解+汉化步骤,并附上相关下载地址
收藏 0 赞 0 分享

caxa如何画空心字? CAXA空心文字的设计方法

caxa如何画空心字?中想要制作空心文字,该怎么制作呢?下面我们就来看看CAXA空心文字的设计方法,很简单,只要将文字分解就可以了,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CAD多行文字编辑器的使用方法详解

CAD的文字分为两种,一种是单行文字,一种是多行文字。CAD的多行文字编辑器就像一个小的WORD软件,功能非常丰富,今天小编为大家带来的是CAD多行文字编辑器的使用方法详解;一起去看看吧
收藏 0 赞 0 分享

Edraw Max怎么绘制带反光的球体?

Edraw Max怎么绘制带反光的球体?想要给立体球添加反光,该怎么添加呢?下面我们就来看看Edraw Max绘制反光立体球的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多