设计到底是什么，在看了一个上午的国外优秀的展示网站后。我还是没有弄懂design是什么意思。
很多觉得漂亮的网站大多使用了flash技术，在鼠标划过，已经动画上面有很好的用户体验，看上去极富动态感觉。
做CSS的时候我还以为自己是在设计，才发现设计其实就是那张PSD的图片，我做的还远远不是设计。
才知道单凭CSS是不能设计出很漂亮的网站的，在设计之初就应该打好草稿，如何作图。但是PS我不会。
也没有任何的艺术细菌，这是个悲剧。
做一个静态页面实在也太单调了，我想到自己应该学好js，毕竟用HTML5代替FLASH是一个趋势。
看了一点jquery的知识，还没有什么感觉，哪天自己要亲自动手完成一个特效，但是这个需要机会。
星空网的未来好似是那么不明了。DNN的使用我了解的却很少了。
再过3天就要离开，但是不会停止学习。对PHP的理解加深了，对程序的理解也是一样。到了这个时候我才发现编程也并非那么复杂的定西。
熟能生巧。what does design mean?我还是不知道。所以还会不停的学习。
Tags: DNN
如何增加css代码的复用率，这个制约着开发的效率。
这么多天学习DNN皮肤，我懂得了一点就是结构化。在DNN皮肤的制作中，我发现了DNN在写html和css代码的连个很大的优点。
其中一个就是固定的一个HTML代码块，叫做pane结构，还有一个代码块叫做container，container代码是书写在pane结构中的。
在书写了很长时间的CSS之后很多人都会发现自己写的结构放佛是固定的。
从上到下，一次是head,logo menu,然后是banner，下面再是某种左右或者上下结构。。
在DNN中pane结构就是用了解决下面的问题的，pane结构大致是这样子的。
<div id=”allPane”>
<div id=”TopPane” runat=”server” visible=”false”></div>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td id=”LeftPane” runat=”server” visible=”false”></td>
<td>
<div id=”HeadPane” runat=”server” visible=”false”></div>
<div>
<div id=”CenterTopPane_AB_A”><div id=”CenterTopPane_A” runat=”server”></div></div>
<div id=”CenterTopPane_AB_B”><div id=”CenterTopPane_B” runat=”server”></div></div>
</div>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td id=”MiddleLeftPane_A” runat=”server” visible=”false”></td>
<td id=”MiddleCenterPane_A” runat=”server”></td>
<td id=”MiddleRightPane_A” runat=”server” visible=”false”></td>
</tr>
</table>
<div id=”ContentPane” runat=”server” visible=”false”></div>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tr>
<td id=”MiddleLeftPane_B” runat=”server” visible=”false”></td>
<td id=”MiddleCenterPane_B” runat=”server”></td>
<td id=”MiddleRightPane_B” runat=”server” visible=”false”></td>
</tr>
</table>
<div>
<div id=”FooterPane_ABCD_A”><div id=”FooterPane_A” runat=”server”></div></div>
<div id=”FooterPane_ABCD_B”><div id=”FooterPane_B” runat=”server”></div></div>
<div id=”FooterPane_ABCD_C”><div id=”FooterPane_C” runat=”server”></div></div>
<div id=”FooterPane_ABCD_D”><div id=”FooterPane_D” runat=”server”></div></div>
</div>
<div id=”FooterPane” runat=”server” visible=”false”></div> </td>
<td id=”RightPane” runat=”server” visible=”false”></td>
</tr>
</table>
<div id=”BottomPane” runat=”server” visible=”false”></div>
</div>
由一张很大的表组成，上下左右各有头部，上下左右，各有很多pane。pane结构的CSS代码如下：
#allPane {
padding:0px 22px 3px;
min-height:280px; position:relative; z-index:11;
}
.dnnpane {
padding: 0 10px 0;
}
.pane-box,.MiddleCenterPane_A {
vertical-align: top;
}
.LeftPane,.RightPane {
width: 20%;
vertical-align: top;
}
.MiddleLeftPane_A,.MiddleRightPane_A {
width: 27.3%;
vertical-align: top;
}
#CenterTopPane_AB_A {
float: left;
width: 50%;
}
#CenterTopPane_AB_B {
float: right;
width: 49.9%
}
html>/**/body #CenterTopPane_AB_B {
width: 50%;
}
#Middle_ABC_A,#Middle_ABC_B {
float: left;
width: 33.333%;
}
#Middle_ABC_C {
float: right;
width: 33%;
}
html>/**/body #Middle_ABC_C {
width: 33.333%;
}
#FooterPane_ABCD_A,#FooterPane_ABCD_B,#FooterPane_ABCD_C {
float: left;
width: 24.9%;
}
html>/**/body #FooterPane_ABCD_A,html>/**/body #FooterPane_ABCD_B,html>/**/body #FooterPane_ABCD_C {
width: 25%;
}
#FooterPane_ABCD_D {
float: right;
width: 24.9%;
}
html>/**/body #FooterPane_ABCD_D {
width: 25%;
}
.CenterTopPane_A,.CenterTopPane_B,.MiddleCenterPane_A,.MiddleLeftPane_B,.MiddleCenterPane_B,.MiddleRightPane_B,.FooterPane_A,.FooterPane_B,.FooterPane_C,.FooterPane_D {
width: auto !important;
}
.DNNEmptyPane {
width: 0;
margin: 0;
padding: 0;
}
/* =E Pane */
pane的结构是很灵活的，没有任何绝对的像素，都采用白分比以及最小宽高组成。如果不往pane加内容pane也就不显示。
这个大大的方便了CSS的编码，只要做少量的修改既可以增加和完善pane，并且可以不断的重复使用。
在DNN中的另外一个优势是container，在网页布局中我们总是使用各种类似容器的东西承载各种内容。
就像一个小盒子，每个盒子都有标题，背景，然后有一个内容框。做这样一个框框放置于pane结构中。选好适合的pane效果就排出来了。
container的代码相对简单，这里就不全部放出了。
大致就是这些，在DNN中的MENU使用了jquery的一个jdmenu的控件，这个给导航条的建立提供了很大的方便，这一点也是很方便的，限于篇幅以后附上。
到现在我竟然发觉自己对DNN的了解已经超过joomla了。相比较与我曾经接触过的一些PHPCMS的的经验，发现DNN的有点其实有很多。
很多时候我们认为在linux平台下最好最省钱，因为不用购买windows，才知道使用lamp平台构建网站还是很不方便的，很多公司自己的服务器才不会安装linux呢，毕竟服务器不单单是web服务器也包括很多其他的东西需要管理，使用linux无形之中就需要有专门的维护人员，然而使用window服务器就可以完全免除这样的问题了。
对与windows的操作很多人都会，这个其实还要更加省钱一些。虽然IIS也可以安装APACHE但是这个优势也并不大。
另外一个值得对比的就是模版，使用PHPCMS，模版即意味着功能与外观，模版不仅是一个DIV+CSS的构架，并且是一个结合了PHP与SQL语句的大段代码。
这样导致模版中出现很多的服务器代码，严重的影响了维护与修改。在这一点上的模块化程度真的很低。
在使用DNN之后，我发觉其实它的有点就在于此了，美工制作皮肤很少受服务器代码的影响，这里的美工只要懂得CSS+DIV布局就可以做一套完整的设计，对与王站皮肤外观就可以有更好的体验。
说到皮肤，在PHPCMS上修改皮肤外观是很麻烦的，因为多个页面，使用的样式表在操作上并不可视化，修改了查看效果也是有很大的差异。
在DNN皮肤制作之中，就免除了这些，皮肤包括skin和container两部分，一个完整的皮肤需要一个skin并且可以拥有多个containner这样子在布局就会有很大的好处，即便是每一个页面也可以有独特的色彩搭配。这样的做法实在是很不错。
然而缺陷在于DNN的模块相对与较少，中文的资源也不多。在PHPCMS中新闻模块之类的东西在开发皮肤的时候直接使用SQL语句对新闻表进行查询就可以得到一个新闻更新展示的模块，在DNN中便相对麻烦，得通过安装模块包进行实现。
然而模块有模块的好处，方便了哪些不懂代码的人也可以方便的进行操作。
我突然明白为什么DNN在国外要比国内发展的好，就是因为模块化，使用者不必懂任何的代码就可以打造一个很个性化的网站。
学校的星空网使用DNN将会成为一个不错的选择。
打开腾讯微博，看了半天，最近好像什么事情也没有了，动车事故不谈了。网友们大概也是很无聊了。
有人说在中国微薄要比社交网络火，我觉得很正确，中国人总是关心很多新闻，想知道内幕，大概是被蒙骗了太久，所以凡事都要求个有图有真相，国外微薄就不会很火，因为生活平淡，谁也不会没事瞎嚷嚷。
又检查了一遍QQ空间的回复，没有什么。暑假了很多人都回家了，大家用手机也不会时常去访问别人的空间。
所以我终究还是觉得孤单了。不是么。
实习的生活归于平淡，也就那样了，我还是那么的不善于交际，还是喜欢写很长的博客，还是那样什么都不变。
到现在我甚至也不翻墙了，有的话也只是写这个博客。关闭评论的时间是一周，所以没有什么人来留言了。
本来想象在工作的时候是可以学到很多东西的，现在才知道，学习时间也是一种投资，要学习就要充分的利用时间。
用这个笔记本的小键盘时间长了回学校用台式机键盘还挺不方便的。
最近和黎正讨论星空网的事情，发觉DNN挺适合星空网的，这个又意味着我将再写一套皮肤，当然我想在没有压力的情况下是难不倒我的。
想到这个竟然有了些许的兴奋，有点想，自己去做了一个网站，无论是什么样的。
今天看了看PHPCMS的模板制作教程，想想还是很复杂的。
但是如果要做，这个对我将来也会有很大的提升。将来我到底是做web还是做其他呢？
我研究了一下新来的实习生，他们的技术水平，相对而言是比较浅的那种。
由他们我就想起了那帮软件班的同学，他们将来去公司上班的时候也是这个样子的。
如果遇到肯培养的公司说不定还真的能继续去IT，但是如果不行，相信大多数人还是会去做销售吧。
有的时候不是现实所迫，是自己浪费了青春。
我有点期待回去学校，那将会是怎么样，我会继续学习不？会继续做PHP的项目不？我想还是会的，只是想进步还是很困难。
想想大一的时候我还为谈女朋友什么的很担心，一副饥渴的样子，现在感觉踏实了不少，可以什么都不想。
大概人在稳定的时候才是最充实的吧，否则总会觉得缺失了什么，或者会感觉有什么事情没有完成的慌张，这充实指的是感情和物质生活，两样都满足了，也就无欲无求了。
这个月，我都处于这样的状态，只是还过几天我可能就要面临经济危机了。
不过还好，那样的日子持续不了多久。
渴望重生，虽然不能挣脱现实。但是毕竟是有了向上的力量与眼光。
用心生活吧。
Tags: DNN
一、皮肤的制作要求：
1.皮肤要兼容IE7火狐和谷歌。
2.还有网页横向纵向也要都能延伸
3.按照效果图进行制作。
4.通过W3C验证。
5.container不能定宽和高。需要延伸。
皮肤总结。
1.虽然皮肤以及容器是可以随内容延伸，但是一些间距是固定的，比喻容器中一段文字与另一段文字之间的距离。上下左右的间距都需要和设计图上一致
2.文字的大小写，超链接的颜色，文字的位置都必须一致。
3.切图的时候要小心，一个像素的偏差就会导致效果上有断节，放大之后会很明显。
4.正确的写浮动，定位，清除浮动，否则IE7的效果很奇怪。
5.Css是复制过来的，里面有很多不必要的属性，会对自己的效果有影响，大胆的清除，然后看效果，没有用的就删除。
6.一个简单的背景色的使用，位置不对的时候可能就把切的透明背景给浪费了，有的时候圆角不一定要切很多张，适当的用边框线也可以收到很好的效果。
Subscribe RSS Feed