网站建设开发 – 文武双全个人网站

2014-12-04 网站建设开发

dedecms企业宽带类网站模板分享

模板首发：文武双全个人网站（http://www.jicker.cn）

模板下载地址：

http://pan.baidu.com/s/1c0phwOS

制作时间：

从2014年9月份开始制作，网站于2014年11月份上线。网站上线运营一个月后，代码比较完善后，于2014年12月4号放出模板。

模板参考：

1，首页参考了电信官网，列表页参考了我原来做的一个企业网站（www.qm2014.com），文章页参考了a5的新闻页面，栏目页就比较简单了。

模板特色：

a，使用此模板网站打开速度极快。全站使用HTML+CSS设计，使用的JS较少，全站仅2个js。

b，符合百度SEO优化需要：全站图片加alt属性，无iframe，有xml格式百度网站地图文件。

效果预览：

dedecms企业宽带类网站模板效果预览

2014-11-25 网站建设开发

解决dedecms标题过长显示不完整，实现截断标题加省略号的方法

选项——文档标题最大长度。默认是60，改为你要的长度（我这里改为了250，不要问我为什么。）

第二步：

登陆phpmyadmin，寻找网站数据库，改数据库表dede_archives表里面的title字段，原默认是60，（这里同样改为250）。

特别备注：UTF-8编码中，1个汉字占用的是3个字节；GBK编码中，1个汉字占用的是2个字节。我们在dedecms里调用文章列表的时候，会发现titlelen如果设置为30，那么最多只显示11个汉字。

第三步：

进入dedecms后台，在“模板管理”中的“标签源码管理”，找到arclist.lib.php。点击“编辑”，搜索“$titlelen = AttDef($titlelen,30)”这条语句。把里面的30，改为60或者你想要的数值。

第四步：

修改网站的CSS样式表，修改a标签的全局样式；

a{ text-decoration:none; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}

overflow:hidden; overflow 属性规定当内容溢出元素框时发生的事情。hidden值规定，内容会被修剪并且其余内容是不可见的。

text-overflow:ellipsis; text-overflow 属性规定当文本溢出包含元素时发生的事情。ellipsis值规定，显示省略符号来代表被修剪的文本。老版本的firefox不支持这一属性，目前来说所有主流的浏览器，包括最新版的firefox都支持这一属性啦。

white-space: nowrap; white-space 属性设置如何处理元素内的空白。值nowrap规定，文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。正是因为有了这个样式，文本才会溢出元素，才会触发text-overflow和overflow属性。才导致文本内容被截断，以及显示省略号。

这样，仅仅通过a标签的全局样式的修改，我们就实现了自己想要的效果。

第五步：

文章列表样式的修改，必须给列表增加{display：block;}样式，并且为li元素设置宽度；

display：block; display属性规定元素应该生成的框的类型。值block规定，元素将显示为块级元素，此元素前后会带有换行符。

上文提到white-space：nowrap，会导致文本占用一整行，直到遇到<br>标签为止。如果不加display：block，会导致文本无法结束。text-overflow和overflow根本就不知道文本时在那里结束的，也就必然无法生效了。

给li元素加上display：block，会自动给li元素结尾加上<br>。white-space: nowrap，遇到<br>会在这里停止。text-overflow和overflow属性知道文本在那里结束，也就生效了。

在这里，不得不佩服CSS开发者们，真的是巧夺天工的设计思路啊。这样来写CSS，真的感觉自己是个艺术家哈。O(∩_∩)O哈哈~，不小心又自恋了一把。

第六步：

修改调用的文档列表的长度，titlelen其实就是title的length的缩写，翻译成中文就是标题的长度。

<ul>
{dede:arclist titlelen=’60’ row=’8′ typeid=”37″}
<li><a href=”[field:arcurl/]”>[field:title/]</a></li>
{/dede:arclist}
</ul>

样式设置好以后，你的titlelen只管往大的设置。但是记得a的宽度，千万不能少于li的宽度，只能比li的宽度大才行。所以只管把这个值往大的设吧，反正再大也都会截断的。相反，太短太细，就没有效果了。

2014-11-18 网站建设开发

给公司做的网站终于完工了,无耻的来写个软文！

or: #ff0000;”>后续工作

实际上11月17号，我还搞了一个sitemap.xml的东东；

11月18日，来了把400.html，401.html，403.html，404.html，500.html，503.html这些报错页面给加上去了。为了赶时间，直接上的wdcp的文件。看了下这些页面的源代码，wdcp非常有良心的在里面里加了nofollow属性，瞬间觉得wdcp又高大上了。

网站的特色

1，网站没有采用伪静态，全站直接生成HTML纯静态文件；

2，访问速度极快，配合公司30M带宽的独立服务器，速度杠杠的啊。首次打开网站首页不到1秒，缓存后打开网站首页不到0.5秒；

3，网站结构侧重于SEO，除了首页图片多一点，内页只有一个Banner，每个栏目及子栏目都有新闻列表。感觉做的不是企业网站，像是门户网站；

4，网站上线以前，所有栏目和文章页的title，keywords，description全部写好，或者把生成规则写好；

5，所有图片全部手写alt属性，主要链接加了title，站外链接全部加nofollow；

6，用了dedecms自带的html站点地图，又用了dedecms的自由列表功能，写了百度的XML网站地图；

7，网站模板文件的html代码和CSS样式，全部手写；结构合理，代码清晰，可维护性较高；

8，js仅仅用了一个滚动播放，用了百度官方的CDN库，加载速度也较快；

360搜索收录极快

网站周五上线，11月17号礼拜一来看，发现360搜索已经收录了最新的首页。并且一些核心关键词诸如：企业宽带，上海企业宽带，企业宽带资费，已经有了不错的排名。一些关键词甚至排到了360搜索引擎的第一名，不得不说360对于新站的收录速度是极快的。为了跟百度竞争，360对于收录新站这方面确实下了很大的力气。

百度收录新站较慢

网站改版以后，老站的链接包括首页的快照，变化是很慢的。内页的收录，就更不用说了。还需要按部就班的去发外链，优化网站内容。这又是一场漫长而艰苦的斗争啊，要从百度获得流量，确实越来越难了。虽然百度推出了站长工具和百度云观测这些对SEO有帮助的工具，但是实际上对于优化网站帮助并不大。百度的SEO，还需要按部就班、一步一个脚印的来啊。

文武双全今年用dedecms做的第一个网站

前些年一直沉迷于国外的开源程序，总觉得老外的东西高大上，老外的代码写的优雅、写的艺术。用wordpress建了大量的个人网站、企业网站，结果几年下来wordpress各种蛋疼。有GWF的问题，当然也有wordpress自身的问题。事实证明，本土化的东西才是最适应本土市场的。

连续用dedecms建了几个网站，深深的觉得其实国产的开源程序，也没有那么垃圾。实际上在我眼里，wordpress才是彻底的垃圾。dedecms合理的使用，绝对甩wordpress几条街。

dedecms绝对是一套极其强大的开源CMS

dedecms虽然已经很老很老了，但是他的开发理念至今依然不落后。HTML，CSS，javascript，php一直在变，但是你使用开源CMS开发网站的模式始终未变。dedecms的功能也非常的强大，毫不夸张的说wordpress能做到的网站，dedecms也都能做到。而且同样的网站用dedecms生成纯静态网站，速度秒杀wordpress几条街。

wordpress只是开源社区的玩具，dedecms才是真正商业化的大杀器。

新站上线感言

按照惯例，文武双全要发表“获奖感言”。感谢公司的网管兼Java程序员罗XX，为了感谢他我把后台地址改成了他的名字，于是这里就只能用罗XX来代替它的名字。还要感谢公司的美工兼高级设计师晶晶，她的优秀设计绝对是网站的点睛之笔。还要感谢不嫌弃我新站，给了我第一个友情链接的SEM专员王敏。当然，最应该感谢的是给我机会做网站的张总。

最后的最后，我必须要感谢我的父母，把我生下来抚养我长大。最最不能忘记的是我的老婆，深海乌龟。这段时间，她比较少发脾气，是我能够安心工作的坚实基础啊。

2014-10-22 网站建设开发