设计稿合成web页面…

sika2278 楼主

声明：本设计稿来自 经典才子 lwid的作品
本人用来练习合成之速度之乱作……严禁它用、商用。如觉得作品不错，请联系 才子 lwid 进行进一步的合作。

于2009年9月8日留


一、切图之前的一点思考.
1、最小宽为?,背景-x 实现视觉全屏.
2、header部分用body>1px背景平铺还是单切?
3、整体结构考虑采用131.
4、3中a与b之间的关系--a在b中还是b在a中?
5、像素图片整合在一起还是分开,关键是用background还是img的考虑.
6、好友最新主题 栏目的结构用table还是li?
7、社区热门只有10个？定了十个？
8、通知栏会display:none;>还是一直专在。

二、实现--切图.
1、头部考虑到要1px平铺 所以 切 1px 高260左右.使得结构好的.
2、整理下 像素图 还是用背景吧.
3、其它的动刀后就出来了.

三、结构与样式
1、习惯多出的切掉.
2、好友最新主题 用 table
3、最新动态 用 dl
4、整体结构 排列为 131

10点了多了，准备睡，就不写了其它的了。

lwid

其实这个就是网页编写完的效果图截取，没想到ie7下底部有点错了


顺便把写完的静态页发出来吧，希望对大家有所帮助

[ 本帖最后由 lwid 于 2009-9-9 11:56 编辑 ]

phoenixtreeshow

这个功能什么时候开发好啊，我就用你们的啦

uptao

挺不错的 LZ写的也很详细啊

dededesign

图片没整合完吗（sprites）？
整体效果还原得挺好的~

li83127579

感觉很不错，很干净~

musictea

第三栏颜色过深..社区用活泼点的颜色..

nanar

谢谢楼主，我留个记号。

10992633

不错，占个位。以后有需要再来参考。

ruobilin

ie6 下哪个切换登入方式不正常；

shangdishi

切图规范化。。。也很重要，学习

blue123

呵呵   不错的资料~

opal

同意这个观点。
整体效果还是不错！