使用photoshop生成网页的方法

很多人在设计网页时选择photoshop,而不是dreamweaver,因为ps它的图像处理技术更加强大。在ps中设计好网页后,需要将它生成网页,一般情况下,还需要使用dreamweaver来进行网页的修改。

方法:

1、在这里,我借用百度经验的主页来给大家演一下(嘻嘻)。打开photoshop,打开设计好的图片。

2、一般来说,我们需要使用切片工具将它分为几个区域。一方面网页不至于过大而难以加载,另一方面也方便在dreamweaver中按区域来修改。

3、将图片、文字等按照自己的设计需求来分割。在这里我就粗略的切一下。切完后也可以及时修改区域的大小。

4、我们选择文件,存储为web格式。

5、这时会跳出来一个窗口,你可以在其中在此简单修改每个区域的画质等。不需要的话则直接点储存。

6、比如,其中的百度经验图标需要高像素,我们就选择该切片,在右侧的属性中修改。

7、不需要画质高的图片,也可以修改,这样可以方便加载出来。

8、储存时一定需要注意,要选择“html和图像”。它弹出的警告不需要理会,直接点确定就可以。一般来说,主页是index。

9、储存完好,网页便生成了,同时还有包含有其中切片的文件夹。

10、这时的网页也只是图片,用dreamweaver打开,修改,可以加上链接、地图等。

(0)

相关推荐

  • Photoshop:高反差磨皮方法

    Photoshop:高反差磨皮方法 操作方法 01 第一步:打开PS,Ctrl O打开素材,Ctrl J复制一层,回到工具栏,用污点修复画笔工具先整修一下,画笔用硬边,模式:正常,类型:内容识别,如下 ...

  • 谷歌浏览器无法打开网页怎么办?chrome打不开网页解决方法

    谷歌浏览器打不开网页怎么办? 小编带来了谷歌chrome浏览器打不开网页解决方法,为什么使用chrome谷歌浏览器打不开网页呢?是电脑问题还是软件问题?大家可以通过下文来了解相关内容。 问题的原因和解 ...

  • eclipse更改类注释自动生成模板的方法

    由于机器是老婆的,创建新类的时候或者生成注释的时候全都是她的名字,避免弄混,需要设置一下: 设置创建新类时自动生成类或方法注释 进入Eclipse->Preferences->Java-& ...

  • 搜狗浏览器如何重新打开误关闭网页的方法

    重新打开误关闭网页的方法:单击地址栏左侧的撤销按钮,即可打开最近关闭的网页。单击撤销按钮旁边的下拉箭头即可打开网页 撤销列表,撤销列表中包含了最近关闭的20个网页,如下图所示。

  • 三星Note3打不开网页解决方法

    昨天小编在使用手机的时候发现三星Note3打不开网页,上网搜了一下解决方法,下面小编把三星Note3打不开网页解决方法分享给大家,希望对大家有帮助. 1)首先检查是不是浏览器的问题,换其他浏览器试一下 ...

  • 解决win8升级win8.1后无法打开网页的方法

    使用win8系统的用户,将系统升级到win8.1后,出现无法连接网络的问题,具体表现为打开win8.1浏览器出现网页无法打开,对于出现该问题我们需要如何正确应对呢?下面看小编为您带来的解决方法! 解决 ...

  • 360浏览器下载网页视频方法

    很多时候,当我们用360浏览器观看视频的时候,想要下载网页上的视频,但是又不知道怎么做.今天,小编就来跟大家分享360浏览器下载网页视频方法. 1.在360浏览器中打开你要看的视频,无需缓冲; 360 ...

  • 360手机浏览器电脑网页模式切换方法

    360手机浏览器电脑网页模式切换方法.相信大家都知道,使用360手机浏览器浏览网页,与在电脑上用360浏览器浏览网页所看到的画面是不一样的.那么,如果我想用360手机浏览器浏览电脑网页,该怎么操作呢? ...

  • Excel技巧:Excel生成工资条的方法

    Excel技巧:Excel生成工资条的方法 第一种格式的工资条,内容之间不留白,效果如下图: 具体的操作方法是: 1.生成数字辅助列. 在E2单元格输入数字1,向下复制填充到E17单元格. 单击自动填 ...