求模板制作高手帮忙设计下首页！草根站长的梦期待你的帮忙

求模板制作高手帮忙设计下首页！草根站长的梦期待你的帮忙

本人新手站长一枚，做DZ技术二次开发的。不过不懂模板和设计，可合作，也可适当付费。有意者联系Q228824829

由于首页太大，无法发到这里，请有意者联系我Q  我发给你们 。

武乡人网站首页设计的需求

本次网站设计参考网址如下：

www.0355wxr.com

bbs.sina.com.cn

需要设计按照提供的草图样式帮忙设计，并且将设计好的PSD文件切割成html静态文件（符合DIV+CSS），将原素材统一打包发给我

1、页头

页头最上面是一个满屏的高30的mini导航信息条，效果图如下

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image002.jpg

2、弹出层部分

弹出层是可以关闭打开的DIV层，技术后期会根据用户cookie来判断是否展示，这里需要将这个DIV层做成可动态展开关闭(隐藏)的效果，如下图

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image004.jpg

3、LOGO部分

这里的logo分为两部分，最左侧的png文件的logo已经给出，尺寸为220*66.中间部分为背景图片，尺寸为960*80的。该图片色彩安排要注意左侧logo和右侧信息展示，不能把这些重要信息遮挡或者形成反差。中间部分，大概是300*80的部分，希望做成一个带渐变效果的GIF图，上面配有武乡的地方图片和文字，分别为太行精神 光耀千秋 和 抗战圣地 红色武乡的效果

4、导航部分

导航部分起到了全站色彩基调的定位问题，本着抗日红色的理念，希望设计的偏重红色暖色调。而且该导航是基于论坛模板生成，所以希望在生成css时候注意和现在现有的论坛样式要保持一致。可以参考网站现有的导航，只是把统一色调图片修改下也可，效果如下图

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image006.jpg

5、焦点部分

这块色调感觉有点偏冷，需要和导航的色调保持一致，效果参考新浪论坛的焦点即可。能把上述DIV幻灯效果展示就行

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image008.jpg

5、排行部分

排行是网站数据的核心展示，所以排版参考如下图，具体用什么素材和背景样式标签来展示需要麻烦给设计下，只需要按照图片模板设计实现即可，排版就按照图片提供的效果来实现。涉及到具体图片尺寸效果可以根据情况调整

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image010.jpg

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image012.jpg

6、通用栏广告位

预留一个DIV通用栏广告位 960*80或者960*100均可，如下图

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image014.jpg

7、武乡人-食面八方

按照图片效果，直接设计好图片尺寸和链接样式，并且下方带有立即购买链接，右边是帖子列表和广告位，如下图

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image016.jpg

8、武乡人-信息中心

主要分为房产求职二手基本信息展示，参考如下图也可自行设计

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image018.jpg

9、通用栏广告位2  同6

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image020.jpg

10、武乡人-红色旅游

该板块也可根据涉及具体思路重新设置，但是要预留出下图6张图片的展示位置，右侧的交通查询行高可以调整小一些，广告位高度可以大点，参考图如下

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image022.jpg

11、武乡人-舞文弄墨

该板块为武乡人文学情感交流区域，最好设计的有点文艺范，但是又和整站协调，相得益彰。右侧的交友征婚直接参考下图效果实现就可以了

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image024.jpg

12、通用栏广告位 同6

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image026.jpg

13、武乡人-喜庆婚姻

喜庆婚姻这块，主要是一站式采购这里，效果参考百度的团购。http://tuan.baidu.com/ 这里面有这个样式显示参考图片如下 尺寸可自己调整

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image028.jpg

14、武乡人-建材家电

该板块基本同上面喜庆婚姻排版一样，但是要有色彩原素稍微差别

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image030.jpg

15、通用栏广告位同6

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image032.jpg

16、武乡人-青春校园

该板块大概模式如下图，亦可参考上面的红色旅游板块来设置。

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image034.jpg

17、其它杂烩

该区域参考bbs.sina.com.cn的底部，包含下面4大区域，普通展示实现即可

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image036.jpg

18、通用栏广告位 同6

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image038.jpg

19、便民电话展示区域

效果图如下，参考www.0355wxr.com底部的实现

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image040.jpg

20、网站地图

参考bbs.sina.com.cn的底部地图，样式排版不限制，重点是链接到其它热门板块即可

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image042.jpg

21、友情链接

实现如下图的效果即可，当然要是有风格设计更好

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image044.jpg

22、通用页尾

如图中实现的效果即可，也可自行设计，但是内容排版设计上要包含下图信息

file:///C:/Users/shero/AppData/Local/Temp/msohtmlclip1/01/clip_image046.jpg

最后，感谢您的辛苦付出，我的联系方式QQ228824829 随时有问题沟通

做DZ技术二次开发

SEO佳 发表于 2013-6-14 16:42
做DZ技术二次开发

只求模板，我会做后台二次开发

求高手在哪？

求高手在哪？

求制作高手

只看到一张图，其他地址都不对。楼主方便的话可以把说明图补传一下

mingkong 发表于 2013-6-26 11:49
只看到一张图，其他地址都不对。楼主方便的话可以把说明图补传一下

图太大，无法上传。具体家Q私聊

~继续定