玩转Discuz! X1.5菜鸟攻略之门户DIY（模板下载/教程）11月27日更新频道图

自从DZ X1.5发布开始，安装完，就有预感，好东西出来了。

这十年来，我从一个纯不懂的超级菜鸟，一步一步跟随着DZ成长，从4.0……到7.0，一次次遇险，一次次复活的紧随DZ的创新步伐，到今天，虽然依旧很菜，可毕竟也是算见识了很多，学习了很多，经历了很多，所有这些无法用语言来表达，每次看那些php代码，传文件，改模板，到今天才感觉出来，是什么让我们不离不弃的追随DZ呢？我和DZ已经有了感情……

这次正好要做一个学术网站“阿尔法互动教学网”（哈哈一不小心广告了一下），全新安装DZ X1.5，怀着无比激动的心情，硬忍着没有到处去发贴求助，自己一点点摸索尝试，苦苦熬了一周，一次次失败，一次次碰壁，都挺过来了，终于搞明白了很多已知的未知，居然还解决了很多未知的未知，辛苦没有白费，小站在昨日下午各个大面已经搞定，至少是包袱皮已经都抖搂开了，ok，废话不多说了，言归正传说正事。

2010年12月10日 如果大家对DIY有什么需要帮助的请在下面的帖子发布求助，大家有会的都会帮你的：

[转载于阿尔法互动教育网] Discuz X 首页/频道DIY问题汇总解答（新手教程）

https://discuz.dismall.com/thread-1998327-1-1.html


也可以去阿尔法互动教育网发贴求助：

Discuz X 首页/频道DIY问题汇总解答（新手教程）
http://www.edualpha.net/thread-63-1-1.html




2010年11月13日更新首页
推出V4.0版本（阿尔法互动教育网-杂志型简约门户）

演示地址：http://www.edualpha.net (复制到地址栏，页面解析有问题)

截图效果：









启发我写这个帖子除了自身的开心分享之情外，要感谢一下这篇由 解语人 撰写的精彩教程：（看我的教程，请先收藏下边的这篇帖子备用！）

全方位立体式讲解DIY技巧集锦（持续更新中）
https://discuz.dismall.com/thread-1909461-1-1.html

第一楼先把大体的门户DIY设计思路给大家展示一下，具体的操作上文的帖子已经说的很详细，基本上大家遇到的问题都能涵盖，页面DIY很重要的首选不是技术，而是设计思路，因此大家在进行操作之前，最好先回答下列几个问题：

1、你的站是给谁看的？ 这个问题很重要，如果回答不了，就别搞了，瞎耽误工夫……

2、你的站能提供问题1中清晰的用户什么样的内容？这些内容是新闻快讯，还是资源分享下载，还是技术交流讨论，还是？请一定要同心圆式的逐一扩散你的内容重点以及呈现形式，这些直接影响你后期的内容管理和站点经营。

3、你关注的用户群体平时会在哪些网站浏览？如果知道的话，那就先去取取经。如果不知道，请看第一个问题的建议……

4、深入思考一下，你的网站真正带给用户的价值是什么？请用一句话描述出来，找十个相关的人说说，看看反应，结果决定了你的网站是不是能做起来，这个问题真的特别重要，如果你要花一小时才能说清楚，那么劝劝你洗洗睡吧，你不适合做站长。

   

ok，搞清楚上述三个问题，接下来还是不要急着去搞，有白纸么？有铅笔吗？有就继续（没有的话，先去小卖部买去），在纸上随手画画你的首页是什么样的布局，除了你脑子里面想的，还有从别人的站点（比如：阿尔法互动教学网）、同业优秀站点获取的灵感，先把首页版式的草图画出来，什么样的布局，这里放什么，那里放什么，怎么放，怎么与各个频道结合等等，问题，边思考边记下来，画出来。真的不要嫌麻烦，不制定计划的做事，事倍功半！几个要素：

1、关于首屏：第一屏需要展示给用户的有哪些？这里除了内容，还要有你的建站思想通过视觉/元素传递给目标用户，因此很重要。啥？不知道第一屏？！ 晕，第一屏就是&%……%%@……，呵呵，还不知道？算是个考试，百度一下吧。继续第二屏，这里放什么也要推敲，既要看点，更要兼顾整体的协调性。

2、关于布局：画画讲究布局，写字讲究章法，做网站页面设计也是这样的，因此你在画草图的时候一定要主要，疏密有间、张弛有度、注意留白，别那么点内容全堆在一起（呵呵，“阿尔法互动教学网”也犯了这个错），现在是信息爆炸时代，大家早烦了，清清爽爽，一目了然最好，尊重别人的时间，你一定会得到回报与肯定。

3、关于视觉：俗话说胶多不粘，密多不甜，三个原则供大家分享，a、主色（比如黑、红、兰、绿）在整个网站页面中要占据95%以上，这个与你的logo呼应起来，就是你的主视觉，他是你的符号，利于大家记住你；b、动态效果要做到画龙点睛，每一屏有那么一处即可，万花丛中一点绿，才更有韵味，凝重不失活泼，相得益彰；c、不仅仅要惊艳，更要耐看，经验告诉我们乍看起来很炫的东西，要不了多久就会疲倦，网站就是用来看的，不是耍的，也别是社区，更是一个消磨时间的地方，因此要照顾用户的心情和眼睛，自己都受不了的时候，会员早就崩溃了，呵呵！

4、用户行为：学会模拟用户行为，咱们做小站，说实话聚集的其实就是臭味相投的狐朋狗友（呵呵别拍砖啊），物以类聚么，所以你关注的领域的用户上网啥习惯？喜欢什么样的方式获取信息，交流，分享，这些细节，你要好好琢磨下，这个世界上很多成功的企业都是因为尊重用户习惯而得以生存的。所以你要完全从用户的角度去看自己的网站，浏览是不是舒服，寻找有用的信息是否直接，使用功能是不是顺手，等等等……

好了罗里罗嗦说了一大堆，先看看“阿尔法互动教学网”的首页，这个是2.0版本，呵呵！

    演示地址：www.edualpha.net  
    模板下载：http://www.edualpha.net/thread-2-1-1.html （获取解压密码，赚个人气，大家不要怪我）
    效果图附：




这是首页第二屏的效果截图，这里主要是二级频道的内容聚合，有最新文章、最热文章，最新会员等，看你自己需要设置就行：

讲完首屏，说说频道页面，频道页面最好与首页有所区别，对于信息的细分要更多面性，最新、最热、最有争议等等的都最好能有所展现，频道页面的下部是默认的本频道文章列表（默认是15篇文章就开始自动分页）：

我的频道下边还分了二级栏目，目前内容不多，还来不及设计二级栏目的聚合首页，初步打算，是完全不同于首页、频道页面的设计风格，准备做成杂志型的，估计实现起来有点难度，不过也要精益求精啊，咱们做小站真的不要tan大求全，做专、做精、做深、做透是根本要领，只有这样才能粘住用户，保持旺盛的生命力，才有发展前提…… 杂志阅读型的二级栏目首页，预计在10月中旬出来，到时也分享出模板给大家，敬请期待！

   最后是文章阅读页面的效果，这里着实花了一番功夫，参考了新浪、it168、人民网、腾讯等众多的门户网站，力求做的像个正规站点发布的文章，自己还是很满意的，页面上部的三个导读，分别调用的是三个不同频道的热门文章（关于热门文章有个怪圈，越热的文章只会越来越热，越没人看越没人看，因此适当的手动推送一些精彩文章是个不错的办法），文章页面右侧搞了个标签式文章导航，很省地方，这个功能设置起来稍微有些麻烦，稍后专门撰文给大家解说。

    为了利于新站的推广，加了“阿尔法互动教学网”新浪官方微博的挂件，希望从那边吸引一些用户过来，关于如何利用新浪微博推广咱们的网站，吸引兴趣相投的用户，将在“玩转Discuz! X1.5菜鸟攻略之网站推广”文章中详细阐述。

    各级页面中DIY加入的图片广告位置，是为了将来做自己站内有价值的内容公告、专题发布、活动推广等用途，设计这个环节很有趣，发现咱们去各大网站看东西习惯广告了，纯内容的网站总让人觉得怪怪的，呵呵。人那，就是一个字“贱”。对于广告位预留，建议在设置之初就加进去，便于查看整体效果，将来有扩展，不至于整体大改。

上述三个重要设置“门户首页模板”、“频道首页模板”、“文章查看页面模板”都提供下载，写了这么多，大家回报点人气吧，呵呵！去阿尔法互动教学网下载：http://www.edualpha.net/thread-2-1-1.html （点击不了链接？晕，那就复制一下，拷贝到浏览器地址栏，什么叫地址栏？我X，您还是真的洗洗睡吧，知道狗熊是怎么死的么？不是笨死的，是被你气死的）

地址：http://www.edualpha.net/news/

截图：

演示：http://www.edualpha.net/focus/

截图：

演示：http://www.edualpha.net/lunwen/

截图：

演示：http://www.edualpha.net/teach/

截图：

演示：http://www.edualpha.net/jiaojucaigou/

截图：





频道页面样式6（新闻-2）


演示：http://www.edualpha.net/lianbo/

截图：

长见识了，学了一招。

..............纯属帮顶！！

前两天 看了  没想到搞得这样丰富的.....
辛苦了！
谢谢分享！

回复 撒旦居士 的帖子

团队的同事很努力，熬了几个通宵一起干，边搞边测试，顺带手链接了新浪微博，呵呵，测试期间就已经拉拢了不少粉丝。