网页切片

网页切片练习作业

yuanxi52028

这们童鞋看得出做作业还是比较认真的。

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

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

说说不对的部份吧

比如：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

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

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

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

yuanxi52028

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

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

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

好的好的~

三世好少

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

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

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

潜意式

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

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

Jollyypj

请问图一的下面的小三角这里怎么切好呢？


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

Jollyypj

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

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

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

yuanxi52028

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

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

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