10、除此之外，我们还可以对某个切片进行进一步的切割，右键单击某个切片，然后选择“划分切片”，打开划分切片对话框，设置横向和纵向的切片个数。

11、最后，一个关键的设置就是，右键单击某个切片，然后在打开的右键菜单中选择“编辑切片选项”，打开切片选项对话框。

12、在这里你要设置的有切片的名称，这个名称也就是网页图片的名称，默认系统给出的名称即可。设置url，也就是图片的链接，在网页上点击图片就能打开这个链接；目标在动态图片中需要设置，即加载URL时的桢，在静态的图片中不需要设置；信息文本也就是鼠标放在网页上的图片上的时候，出现在浏览器底部状态栏的文字信息；Alt标记就是鼠标放在图片上，自动出现在图片周围的文字。设置好这些参数以后点击确定按钮。

13、最后就是要保存html文件了，在菜单栏上执行：文件--存储为web和设备所有格式。

14、在打开的对话框中，点击“双联”你会看到两个图片，上面这个是处理前的原图，下面这个是处理后的图片，您可以对比两个效果以后再保存图片。

15、设置格式为jpeg，其他参数参考下面的这幅图，一般默认系统给出的参数即可。点击储存按钮。

16、最关键的步骤就是在这里，设置格式为“html和图像”，然后点击保存按钮。

17、你会看到保存后有两个文件，一个是图片文件夹，一个是html文件，双击打开html就可以看到一个网页了。

18、用dreamweaver打开网页文件可以对其进行进一步的编辑。

这样ps图片就转换为html了。

用css把图片弄成背景的方法：首先创建一个HTML示例文件；然后在body中添加一些p标签；最后使用css中的background属性将图片设置为背景即可。

本教程操作环境：Windows7系统、css3版，DELL G3电脑。

可以使用css中的background属性将图片设置为背景，background可以在一个声明中设置所有背景属性。

可以设置的属性分别是：background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment 和 background-image。

各值之间用空格分隔，不分先后顺序。可以只有其中的某些值，例如 background：＃FF0000 URL(smiley.gif); 是允许的。

示例：

body

{

background: #ff0000 url(img/1.jpg) ;

}

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

这是一些文本。

效果如下：

效果展示

实现代码

.image1{

margin-top: 100px;

width:200px;

height:200px;

border-radius:200px;

}

.image2{

margin-top: 100px;

width:200px;

height:200px;

border-radius:20px;

}

Android Xfermode 实战 实现圆形、圆角图片

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/42094215,本文出自:[张鸿洋的博客] 1.概述 其实这篇本来准备Androi ...

Android BitmapShader 实战 实现圆形、圆角图片

转载自:http://blog.csdn.net/lmj623565791/article/details/41967509 1.概述 记得初学那会写过一篇博客Android 完美实现图片圆角和圆形( ...

Android_BitmapShader实现圆形、圆角图片

转:http://blog.csdn.net/lmj623565791/article/details/41967509,本文出自:[张鸿洋的博客] 1.概述 记得初学那会写过一篇博客Android ...

【转】Android BitmapShader 实战 实现圆形、圆角图片

转载自:http://blog.csdn.net/lmj623565791/article/details/41967509 1.概述 记得初学那会写过一篇博客Android 完美实现图片圆角和圆形( ...

Android实现圆形圆角图片

本文主要使用两种方法实现图形圆角图片 自定View加上使用Xfermode实现 Shader实现 自定View加上使用Xfermode实现 /** * 根据原图和变长绘制圆形图片 * * @param ...

Android Xfermode 真实 实现全面、圆角图片

转载请注明出处:http://blog.csdn.net/lmj623565791/article/details/42094215.本文出自:[张鸿洋的博客] 1.概述 事实上这篇本来准备Andro ...

安卓图片载入之使用universalimageloader载入圆形圆角图片

前言 话说这universalimageloader载入图片对搞过2年安卓程序都是用烂了再熟悉只是了.就是安卓新手也是百度就会有一大堆东西出来,今天为什么这里还要讲使用universalimagelo ...

Android Glide加载图片时转换为圆形、圆角、毛玻璃等图片效果

 Android Glide加载图片时转换为圆形.圆角.毛玻璃等图片效果 附录1简单介绍了Android开源的图片加载框架.在实际的开发中,虽然Glide解决了快速加载图片的问题,但还有一个问题悬 ...

Android 自定义View修炼-Android实现圆形、圆角和椭圆自定义图片View(使用BitmapShader图形渲染方法)

一.概述 Android实现圆角矩形,圆形或者椭圆等图形,一般主要是个自定义View加上使用Xfermode实现的.实现圆角图片的方法其实不少,常见的就是利用Xfermode,Shader.本文直接继 ...

随机推荐

[LeetCode] Guess Number Higher or Lower 猜数字大小

We are playing the Guess Game. The game is as follows: I pick a number from 1 to n. You have to gues ...

Kruskal算法(三)之 Java详解

前面分别通过C和C++实现了克鲁斯卡尔,本文介绍克鲁斯卡尔的Java实现. 目录 1. 最小生成树 2. 克鲁斯卡尔算法介绍 3. 克鲁斯卡尔算法图解 4. 克鲁斯卡尔算法分析 5. 克鲁斯卡尔算法的 ...

jsp动态include和静态Include

动态 INCLUDE 用 jsp:include 动作实现 

js对象深潜拷贝(从requirejs中抠出来的)

var op = Object.prototype, ostring = op.toString, hasOwn = op.hasOwnProperty; function isFunction(it ...

Linux中的那些英文缩写和她的含义们

系统 man: Manual 意思是手册,可以用这个命令查询其他命令的用法. pwd:Print working directory 打印工作路径. su:Swith user 切换用户,切换到roo ...

Android Wear 数据类型和接口的发送和同步数据概述

Android Wear数据层API,这是google play service部分,通信信道,以你的手持设备和耐磨应用. Api它包含一系列数据对象,可以让系统通过监控和通知行app重要的事件数据层 ...

2015傅富泰写——STRING权

前两天我在丰富的祝福大福参加了宣讲会.并参加了笔试,最后,一个大问题,我在这里谈解决方案,关于这些问题的含义是这样的,您只能使用c图书馆,实现一个功能void MakeString(char *pSt ...

controlfile与备份恢复

controlfile与备份恢复     数据库正常关闭,trace controlfile信息.   ************************************************ ...

Spring MVC知识点整理

网上Spring MVC相关知识点的介绍已经有很多了,但是大部分文章都是介绍其中的一部分知识点. 本文希望能够向读者做一个基本整体的介绍,首先我们先来了解下Spring MVC的基础接口和组件.   ...