论坛

标题: 网页切片 [打印本页]

作者: cyndi3321 时间: 2015-5-14 14:59
标题: 网页切片
网页切片练习作业

作者: yuanxi52028 时间: 2015-5-14 18:01
这们童鞋看得出做作业还是比较认真的。

但是这里面还是有一部份切得不对。

前面几个线条的这样不带说明我有点看不懂了

说说不对的部份吧

比如：banner_02.gif daohang.gif 不用切这一整块

纯色是可以用HTML写出来的能用HTML写出来的就尽量不要用图片一个是网页的体验会不好另一个是图片加载始终没有代码快

daohang.gif 只要切一个像素的渐变变可以了 html写背景x轴循环就可以的

导行文字是直接写上去的再用css调大小颜色位置后面的那个下载样式的小图标就要单独切出来用css调整位置

nazwa_02.gif nazwa_03.gif nazwa_04.gif 是系统里面有这样的控件的不用切出来

tp_01.gif tp_02.gif tp_03.gif tp_04.gif tp_05.gif tp_06.gif

里也不要切成一整块还要切细

轮胎是独立的放大镜是独立的右边的参数是要用html加css写的

下面的按钮也有控件但这里不同的是需要给他加样式按钮上的两上小图片应该单独切出来作为他们的背景

作者: cyndi3321 时间: 2015-5-15 11:01

yuanxi52028 发表于 2015-5-14 18:01
这们童鞋看得出做作业还是比较认真的。

但是这里面还是有一部份切得不对。

m_01等前面几个线条我是切的一个像素，因为左边的信息栏里是纯色的
grey_02也是左边的信息栏的这个好像是一个不规则的矩形，上面的图形有个小三角，所以我就单独切了下来
还有我想问问几个相同的图片样式我怎么能用切片工具将这几个切片的尺寸切的一致？
还有这边怎么上传制作完成的网页文件？谢谢！
最后十分感谢亲的指导，我们更加努力的。

作者: yuanxi52028 时间: 2015-5-15 16:20

cyndi3321 发表于 2015-5-15 11:01
m_01等前面几个线条我是切的一个像素，因为左边的信息栏里是纯色的
grey_02也是左边的信息栏的这个好像 ...

所有的纯色都可以不用切图可以用css background-color:#RGB值; 来写

不规则的可以单独切出来 xinxi_02.gif xinxi_03.gif 是对的编写成html的时候这个可以做为标题的背景 background:url(图片路经) no-repeat bottom;

切成一样的尺寸话，这个得自己切的时候多注意。首先第一个切好了看一下他的尺寸接下来的就要用裁剪工具单独来切切的过成中是可以看到尺寸变化的。

制作完成的网页文件你可以压缩成rar的包，上传附件就好了，大家都可以下载下来看得到。

作者: cyndi3321 时间: 2015-5-15 16:39

yuanxi52028 发表于 2015-5-15 16:20
所有的纯色都可以不用切图可以用css background-color:#RGB值; 来写

不规则的可以单独切出来 xinxi_02. ...

好的好的~

作者: 三世好少 时间: 2016-7-7 16:06

yuanxi52028 发表于 2015-5-14 18:01
这们童鞋看得出做作业还是比较认真的。

但是这里面还是有一部份切得不对。

tp_01.gif 的描边要单独切出来吗？

作者: 潜意式 时间: 2016-7-7 17:26

三世好少发表于 2016-7-7 16:06
tp_01.gif 的描边要单独切出来吗？

不需要的，描边都可以写出来。

作者: Jollyypj 时间: 2017-8-8 19:27
请问图一的下面的小三角这里怎么切好呢？

[attach]102004[/attach]
图二的感觉首尾是有一个像素的弧度，也是要首尾单独切一个像素出来吗？
只要不能是一个像素沿X轴循环出来效果的，都要单独切对吗?
[attach]102005[/attach]

作者: Jollyypj 时间: 2017-8-8 19:28

yuanxi52028 发表于 2015-5-14 18:01
这们童鞋看得出做作业还是比较认真的。

但是这里面还是有一部份切得不对。

老师麻烦请教一下我上面一个回复里面的问题，谢谢

作者: yuanxi52028 时间: 2017-8-12 08:13

Jollyypj 发表于 2017-8-8 19:28
老师麻烦请教一下我上面一个回复里面的问题，谢谢

小三角可以切成一个独立的层，图片格式可以用PNG
然后用样式控制为浮动层，定位一下就可以了。

圆角也是可以用样式写出来的 border-radius

欢迎光临论坛 (http://bbs.qinxue.com/)