打印

[网页制作] 我想了解网页如何切片才合理！！

maipzj [楼主]

新手上路

帖子: 9
体力: 23
威望: 0
离线: 181 天

1^# 大中小发表于 2006-9-18 21:56

我切过，但是做不到自己想要的效果！！

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

maipzj [楼主]

新手上路

帖子: 9
体力: 23
威望: 0
离线: 181 天

2^# 大中小发表于 2006-9-18 21:58

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

maipzj [楼主]

新手上路

帖子: 9
体力: 23
威望: 0
离线: 181 天

3^# 大中小发表于 2006-9-18 21:59

如何发贴图片啊？？

TOP

请大家尊重和保护奥运知识产权。

剑气凌人

尖脐

荣誉管理团队

帖子: 6528
体力: 10098
威望: 168
当前: 北京海淀区

专长 PHP,MySQL,安全

4^# 大中小发表于 2006-9-18 21:59

切大样出来，大面积的色块用背景色或5×5大小的色块代替，有的东西不要切的太细了

@ Blog @ Ixna
要得富贵荣华,天主张,由不得我;要做仁人君子,我主张,由不得天!

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

凌志

杯莫停

版主

帖子: 4272
体力: 6446
威望: 73
当前: 辽宁鞍山

专长 UI

5^# 大中小发表于 2006-9-19 08:56

注意几点：
颜色范围：如果一个区域中颜色范围不大，只有几种颜色，那么应该单独切出，如果只有一种颜色，就应该象剑气所说，切片后选择HTML类型，在DW中改背景颜色来达到目的；
如果颜色数量比较多，渐变过渡多一些，应该把切片数量切的多一些，尽量把单个切片控制在一个颜色范围的轮廓内；
切片大小：切片的目的主要是加快下载进度，让多个图片同时下载而不是只下载一个大图片，所以切片大小要根据需要来切，标志LOGO等主要部分尽量切在一个切片内，防止显示遇到特殊情况时显示一部分，圆角表格部分要根据显示区域的大小来切，控制好边缘和边角，有时候切出来的切片并不是直接插入到DW了事，而需要在DW中编辑，比如有的图片应该设置成背景图片；
切片区域：保证完整的一部分在一个切片内，例如某区域的标题文字，以后修改时方便；
导出类型：颜色单一过渡少的，应该导出为GIF，颜色过渡比较多，颜色丰富的应该导出为JPG，有动画的部分应该导出为GIF动画；
源文件：即使页面作好了，也要保留带切片层的源文件，说不上哪天要改某一个部分，例如文字什么的，直接修改单独导出所用的切片就可以了。

设计元素-ZhaoSuCai.com 杯莫停

TOP

wolf2999

金牌会员

帖子: 1538
体力: 3229
威望: 4
离线: 2 天

6^# 大中小发表于 2006-9-19 19:01

不错,不过我推荐firworks做切片..用PS吧

http://www.wolf2999.cn

TOP

剑气凌人

尖脐

荣誉管理团队

帖子: 6528
体力: 10098
威望: 168
当前: 北京海淀区

专长 PHP,MySQL,安全

7^# 大中小发表于 2006-9-20 02:14

PS对JPG的优化不好，公认的
接凌志的
色块的话，用HTML代替
渐变或过渡，用jpg 80或png24来生成，推荐使用png
颜色单一过渡少的，用GIF或PNG8生成，推荐PNG格式
不可把图切的太细，也就是不要生成太多小图了，HTML中少用图片才是正确的
多在DW中编辑一下
最后一条，少用GIF和JPG，颜色差，文件又大

@ Blog @ Ixna
要得富贵荣华,天主张,由不得我;要做仁人君子,我主张,由不得天!

TOP

maipzj [楼主]

新手上路

帖子: 9
体力: 23
威望: 0
离线: 181 天

8^# 大中小发表于 2006-9-20 08:45

可以具体贴格教程出来吗？我试过下载网上的模板，自己切，可是就是切不到网上的效果，
表格很乱，而且很容易变位！！

TOP

cnlaoke

新手上路

帖子: 5
体力: 10
威望: 0
离线: 139 天

9^# 大中小发表于 2006-9-20 15:38

不要切的太大不然打开的速度会很慢

TOP

myaim

网络疯子

中级会员

帖子: 203
体力: 385
威望: 0
当前: 福建泉州
离线: 2 天

10^# 大中小发表于 2006-9-21 09:09

引用:

原帖由 剑气凌人 于 2006-9-20 02:14 发表
PS对JPG的优化不好，公认的
接凌志的
色块的话，用HTML代替
渐变或过渡，用jpg 80或png24来生成，推荐使用png
颜色单一过渡少的，用GIF或PNG8生成，推荐PNG格式
不可把图切的太细，也就是不要生成太多小图了 ...

那用什么格式图片比较好呢？

TOP

bks1900

新手上路

帖子: 46
体力: 34
威望: 0
离线: 3 天

11^# 大中小发表于 2006-9-21 11:19

8楼贴出的图片
是我最讨厌的类型
一般我设计时，宁愿简单，也不愿做成8楼那样的图片
对这样的图片，我不知道从哪里下手切片

www.qbantu.com

TOP

deepseafish

高级会员

帖子: 330
体力: 657
威望: 2
离线: 40 天

12^# 大中小发表于 2006-9-21 21:14

经典啊!!!!!!!!!!!!!!!!!还是顶不顶心里不舒服啊

TOP

lwzhao

中级会员

帖子: 125
体力: 257
威望: 0
离线: 301 天

13^# 大中小发表于 2006-9-22 11:29

要是结合具体实例讲解一下就好了/

TOP

lwzhao

中级会员

帖子: 125
体力: 257
威望: 0
离线: 301 天

14^# 大中小发表于 2006-9-22 11:30

要是结合具体实例讲解一下就好了/

TOP

wuleying

银子

版主

帖子: 11041
体力: 9523
威望: 19
当前: 北京朝阳区

专长 PHP,Perl,MySQL

15^# 大中小发表于 2006-9-22 16:53

一般能用CSS做的地方尽量用CSS做，切图尽量切小~`

银子博客 QQ表情朝闻道.夕死可矣
经典站长QQ群：16719484

TOP

Sonner

初级会员

帖子: 71
体力: 150
威望: 0
离线: 18 天

专长 PHP,ASP,.NET

16^# 大中小发表于 2006-9-22 16:55

我感觉最好是给程序自己切！

TOP

chyf1982

经典会员

银牌会员

帖子: 1237
体力: 2329
威望: 1
离线: 3 天

17^# 大中小发表于 2006-9-24 19:58

回复 #16 Sonner 的帖子

作为美工,自己不会切图片.还让程序切?
不觉得丢人啊?那混个P美工

态度决定一切电影下载

TOP

beautifulwork

长翅膀的野猪

中级会员

帖子: 216
体力: 387
威望: 0
当前: 大洋州澳大利亚
离线: 110 天

18^# 大中小发表于 2006-9-25 07:16

是啊，我也对切片不是很了解，哪位能都把上图切割一下，做个教程啊。
我一般切的时候各位楼上的问题我都出现过，还有这几句话什么意思？

色块的话，用HTML代替
渐变或过渡，用jpg 80或png24来生成，推荐使用png
颜色单一过渡少的，用GIF或PNG8生成，推荐PNG格式
不可把图切的太细，也就是不要生成太多小图了 ...

渐变或过渡，用jpg 80或png24来生成，推荐使用png
颜色单一过渡少的，用GIF或PNG8生成，推荐PNG格式

TOP

lootlater

初级会员

帖子: 56
体力: 126
威望: 0
离线: 124 天

19^# 大中小发表于 2006-10-13 09:43

难
对切图来说感觉难下手
楼主的图也太....
对了有没有用到模板的？

may i can

TOP

hsqszj

初级会员

帖子: 36
体力: 76
威望: 0
离线: 54 天

20^# 大中小发表于 2006-10-18 15:57

能用CSS做的地方尽量用CSS..........

TOP

seraphbx

荣誉管理团队

帖子: 310
体力: 671
威望: 43
离线: 28 天

21^# 大中小发表于 2006-10-18 16:47

切页子的基本知识
1、PhotoShop、Fireworks等软件的切图方法
2、Dreamweaver、Visual Studio等网站开发软件的使用
3、HTML、CSS样式表

更深入的考虑要做到
Web标准化、JavaScript等等。

切页子分层切片是首选，只切你需要的元素，通过DW等软件对页子按需布局。
接着为页子编辑总体CSS样式表，包括页子的背景(background)等元素进行定义，
并把需要的切片放到你要的位置(有些图也需要通过css样式表来定义)

注意！很多元素可以通过CSS样式表来实现，图片并不代表一切。

PS：
以下图为例，网页也分层，分区块。
而每个区块里又有层以及其他元素。
当然切片时也要考虑到图片的色彩范围等因素。

切页子是一个总体的规划，要事先把设计图与页面结构、CSS样表对应起来。
一旦你熟悉了这个工作流程，对你后续的工作、下一个项目的操作都是非常有利的。
总之，规划工作比切页子更来的重要。

[ 本帖最后由 seraphbx 于 2006-10-18 19:23 编辑 ]

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

本帖最近评分记录

凌志威望 +2 精品文章 2006-10-18 17:24

QQ: 22197203
MSN:Kelly_Young_99＃hotmail.com
Email: Kellyoung＃gmail.com
| 3岁看美国杂志 | 4岁玩IBM电脑 | 长大做平面设计 |

TOP

alite

初级会员

帖子: 89
体力: 184
威望: 1
当前: 重庆北碚
离线: 6 天

22^# 大中小发表于 2006-10-20 16:18

8楼的图片，我切出来的index页面大小为8.18K,不知道还能优化不~~
望指教~~

TOP

song100

初级会员

帖子: 43
体力: 55
威望: 0
离线: 98 天

23^# 大中小发表于 2006-11-5 19:26

根据需要切图,用CSS定位.

TOP

froglt

网页顽主

版主

帖子: 1941
体力: 3610
威望: 154
当前: 北京海淀区
离线: 2 天

专长 网页设计,平面,主编

24^# 大中小发表于 2006-11-6 22:27

(\/)︵ 
(·_ _ )~GO2HERE.NET/GO2HERE.NET.CN MORE THAN MEETS THE EYE ⺌囨囚囨図〆

TOP

buzaiyouni

初级会员

帖子: 86
体力: 198
威望: 0
离线: 46 天

25^# 大中小发表于 2006-11-7 15:14

png和JPG、gif格式的哪个文件大？好象PNG的更大吧？

TOP

xxcn2006

小小菜鸟

钻石会员

帖子: 3016
体力: 5469
威望: 0
当前: 北京海淀区
离线: 2 天

专长 PHP,.NET,AS

26^# 大中小发表于 2006-11-7 15:51

我不也太会搞，在前面一位朋友的提示下，打算这么弄...已经做了一半了............

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

经典论坛泡出来的...^^.

TOP

laijguo

网页钢琴师

银牌会员

帖子: 667
体力: 1148
威望: 5
离线: 54 天

27^# 大中小发表于 2006-11-12 09:48

回复 #7 剑气凌人的帖子

不见得GIF和JPG就差吧？？？不敢苟同

TOP

UandMe

曼珠沙华

银牌会员

帖子: 620
体力: 1082
威望: 0
当前: 重庆南岸
离线: 42 天

28^# 大中小发表于 2006-11-12 10:49

26楼那个图是什么意思？？？切片也能切圆角？

My Blog

TOP

xingmu

初级会员

帖子: 55
体力: 95
威望: 0
当前: 浙江杭州
离线: 1 天

29^# 大中小发表于 2006-12-1 13:11

PS切的图对JPG优化不好吗？？汗我一直用PS切～

看来我要试一下用FW切图

进来学下如何合理切图～

I LOVE DESIGN~!

TOP

deepseafish

高级会员

帖子: 330
体力: 657
威望: 2
离线: 40 天

30^# 大中小发表于 2006-12-2 09:53

学习强烈支持要努力的学习啊 1

TOP

[网页制作] 我想了解网页如何切片才合理！！

引用:

回复 #16 Sonner 的帖子

回复 #7 剑气凌人 的帖子

回复 #7 剑气凌人的帖子