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

news/2024/12/5 4:56:23/

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

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

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

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

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

如何切片:

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

a8c83bc14a54e6c66707ef1ba6f99280.png

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

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

7cf1393d1f9444f52d07c022eda99a95.png

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


http://www.ppmy.cn/news/218167.html

相关文章

photoshop7.0绿色迷你免安装版

在日常工作和生活中,很多时候都离不开photoshop,它在图片设计和处理上能够发挥出令人惊艳的效果,现已成为电脑的必装软件之一。而此次小编带来的是photoshop7.0(软件下载点击这里),虽然该版本不是最新的,但确实最经典的…

tplink迷你路由器中继模式_TP-Link TL-WR700N V3迷你型路由器无线中继设置

本文介绍了TP-Link TL-WR700N V3迷你型路由器,在无线中继(Repeater)模式下的设置方法;TL-WR700N工作在无线中继(Repeater)模式时,主要作用是用来放大无线网络(Wi-Fi)的信号的,并且放大后的无线信号名称和原来的信号名称是一样的。…

我的世界显示服务器版本已过期,我的世界要凉了?地球版本服务器即将关闭,迷你玩家不要高兴太早...

文/陌瑾 引言:陌瑾出品,争做精品!先赞后看,一键三连,养成习惯! 沙盒Minecraft地球即将关闭服务器,玩家感到不安 不知道大家有没有关注沙盒类游戏的近况,最近在沙盒游戏的论坛中都流传着一个说法“我的世界”要凉了! 这个说法产生的原因是Minecraft官方在“我的世界地球…

前端了解PS快捷键

PS快捷键 CTRIN新建) CTRID取消选区(蚂蚁线) CW(关闭) CJ复制选区内成为图层 复制图层 ADEL前景填充 CDEL背景填充 CK首选项 CZ撤销一步 CAZ撤销多步 CR标尺(辅助线) C:隐藏参考线 CS保存 CSS另…

赋予品牌文化原力,从已有文化中挖掘

赋予品牌以文化原力,从已有文化中挖掘 华与华总结为: 寻找母体,寄生母体,成为母体,壮大母体 非常经典的例子:微信红包 趣讲大白话:文化有持续的力量 【趣讲信息科技186期】 *******************…

最终幻想7php攻略,最终幻想7图文攻略 PS版FF7全剧情任务攻略(CD1)(6)

物品 Ether (x3)(A) Peacemaker (B) Guard Source (C) Megalixir 体力恢复点 (D) 地点 价格/Gil Inn 20 道具商店 (E) 物品 价格/Gil Potion 50 Phoenix Down 300 Antidote 80 Eye Drop 50 Hyper 100 Tranquilizer 100 Tent 500 魔石商店 (F) 物品 价格/Gil Earth 1500 Poison …

十行代码,我用Python做一个迷你版的美图秀秀!

美图秀秀相信大家都不陌生,大家只要操作美图秀秀,就可以P掉图片中脸上的一些瑕疵,让人变得更加的美丽。今天小编就带领大家来借助Python和Flask来实现一个美图秀秀的网页设计,大家只需要通过网页上传需要美颜的图片,然…

手动实现一个迷你版的AOP(实战增强版)

点击蓝色“java大数据修炼之道”关注我哟加个“星标”,每晚21:00,一起学技术在正式进行aop模块的介绍之前,我们需要先弄懂一些基本的术语概念。 在软件业,AOP 为 Aspect Oriented Programming 的缩写,意为:…