用PS制作网页，抛砖引玉！

symbian · 发表于 2012-11-21 12:30:39

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？点击注册

x

本帖最后由 symbian 于 2012-11-21 12:38 编辑

【工具】
      PS CS5以上图片若干    Dw CS5以上（可不下载，后期微调用）
【我的操作系统】
      WIN7 64位 /PS CS6/DW CS6

@Windows娘 一年没来雨滴了，改版太大了！不知道发这个会不会被HX，不费话了，上教程！

先上效果图：单击雨滴Logo可进入雨滴论坛

HTML文件下载网页.zip (25.52 KB, 下载次数: 0)

2012-11-21 12:37 上传
点击文件名下载附件

过程：
1.打开PS，按CTRL+O快捷键选定一张图片打开

1

2.选择切片工具

3.在图片上画一个你要加链接的区域，这里以雨滴Banner简单介绍下，高手请勿吐槽！

4.选切片选择工具，在刚选择的区域右键单击进行编辑





5.完成后点文件-存储为Web所用格式

6.注意选择，好多人就败在这步

6.点保存，返回桌面查看，（刚才选的保存在桌面，SO......）

7.双击打开1.html即可

PS.因做好的网站涉及个人信息，不好发出来，临时写的这个简单教程，
   诸多不足，希望大家可以指正批评！

symbian · 发表于 2012-11-21 13:03:21

多谢捧场！

huaishutun · 发表于 2012-11-21 13:21:44

受教受教。。

崔东旭 · 发表于 2012-11-21 14:07:51

楼主好帖子加油加油

命运k · 发表于 2012-11-21 19:55:12

这个挺好用的正在做静态网站设计可以参考！

zya665 · 发表于 2012-11-22 18:38:02

路过。顶下。

symbian · 发表于 2012-11-24 00:57:31

命运k 发表于 2012-11-21 19:55

登录/注册后可看大图

这个挺好用的正在做静态网站设计可以参考！

能帮到你就是对我最大的奖励

心若碎，情何在 · 发表于 2012-11-24 08:35:02

萌萌东东 · 发表于 2013-5-11 10:58:20

好帖子就支持！！

落花无情 · 发表于 2013-5-13 10:54:58

好东西就要学习啊

		自动登录	找回密码
密码			点击注册

[原创教程] 用PS制作网页，抛砖引玉！

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

评分

评分

站点信息