zoukankan      html  css  js  c++  java
  • Photoshop图象切片保存为网页HTML(DIV+CSS布局)的方法

    首先,制作图象切片(以一张图片为例子)

    一、选择“切片”工具,在图像上拖动以分割图像(例如:一张图像切割2次就形成3个切片)

    切片后如下图

    二、设置切片选项(如大小、目标链接、图片说明等等):选择“切片选择”工具,在要设置的图像切片上双击,在弹出的面板进行具体设置(如图):

    三、储存切片为网页:
    文件——保存为WEB和设备所用格式

    一般选择gif图片格式,图片边缘的背景色设置为“无”,点击“储存”

    然后,保存类型“HTML和图像”。如果要保存为DIV+CSS布局,则设置“其它”

    此时会弹出进一步设置面板,选择“切片”“生成CSS”

    这样,图像切片就被保存成DIV+CSS的网页布局了。

    转自163求是的博客

  • 相关阅读:
    jquery 選擇器
    jquery 語法
    jQuery 簡介
    js cookies
    基本数据类型
    python----编程语言介绍
    Python---计算机基础
    复习os模块常用的一些操作
    模块的初识
    模块和包
  • 原文地址:https://www.cnblogs.com/tianxuan/p/4865826.html
Copyright © 2011-2022 走看看