100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > ps存储html 页面在左侧 网站程序员如何将一张图片分割保存为HTML(图片PS切片)注意事项...

ps存储html 页面在左侧 网站程序员如何将一张图片分割保存为HTML(图片PS切片)注意事项...

时间:2019-06-03 03:55:12

相关推荐

ps存储html 页面在左侧 网站程序员如何将一张图片分割保存为HTML(图片PS切片)注意事项...

如何将一张图片分割保存为HTML(PS中切片的使用)

先做一个简单的说明为什么选择Photoshop软件而没有选择Firework软件。Friework Dreamweaver Flash号称网页制作三剑客,Friework与Dreamwaver 整合得更为紧密,在这里只所以选择photoshop只是因为我的偏好,况且我对firework软件使用的次数很少,不太喜欢他提供的层面板。

在这里我们使用的PS的版本是CS3 以前的版本与此相差无几,但注意不能使用迷你安装版,必须是完整安装。

再说一下我们为什么要使用切片:1 使用切片是最直白的网页布局方法。不要再想如何去设计表格,也不要想什么DIV,你首先要想的是你的网页要做成什么样子?把你所想的画出来就行了!!

2 使用切片可以有效地减小页面文件的大小,提高浏览者浏览页面的体验。想想看是把一个图片完整下载下来快,还是把一个图片分成若干个小图同时下载快呢?

如何切片:

一打开你设计好的PS图,选择切片工具

二按网页的结构和图片的特点进行切片

切片的大小上下位置可以通过切片选项来进行调整

三选择文件菜单另存为WEB格式命令,保存时会生成index.html 图片文件会存放在images文件夹中(CS3要选择存储为html和图片)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。