JasperMES.cn JasperMES.com.cn 我的MES网站

好久没有更新博客园。今天写上两面的两个网址JasperMES.cn JasperMES.com.cn是想记录我在做上面两个网站时的一点心得。

老实说，现在建站的软件很多，WordPress，CMS，我考虑来考虑去，决定还是自己写。

原因是，我的网站内容比较单纯，没有交互，没有互动。以暂时产品为主，也没有在线交易。其实用简单的HTML5就可以搞定。

于是，我就开始了HTML5的学习之旅。当然，我之前会写HTML脚本和一些JAVASCRIPT。

为了增加网站的效果，我将网站设计成了两种显示方式。

1. 适用于PC端显示

2. 适用于手机移动端显示

采用两种显示方式，主要是为了显示效果，其实，我还是想做到一起，后续我可能会做到一起，不用分开，并采用自适应。

PC端显示还是比较简单，直接按照美工设计的页面固定大小展示即可。

手机移动端相对比较复杂。需要考虑到不同分辨率的手机，需要在CSS中设置不同的样式显示条件。

同时对字体大小不能像PC端显示使用pt,px这样来确定大小，而是要用em来显示。

同时，需要使用浏览器来模拟调试。（因为，我不是土豪，没有那么多的移动端设备），我采用FireFox User-Agent Switcher来模拟浏览器，并使用响应式设计模式。

感觉效果还不错。

今天先写这么点，明天继续写详细点