好久没有更新博客园。今天写上两面的两个网址JasperMES.cn JasperMES.com.cn是想记录我在做上面两个网站时的一点心得。
老实说,现在建站的软件很多,WordPress,CMS,我考虑来考虑去,决定还是自己写。
原因是,我的网站内容比较单纯,没有交互,没有互动。以暂时产品为主,也没有在线交易。其实用简单的HTML5就可以搞定。
于是,我就开始了HTML5的学习之旅。当然,我之前会写HTML脚本和一些JAVASCRIPT。
为了增加网站的效果,我将网站设计成了两种显示方式。
1. 适用于PC端显示
2. 适用于手机移动端显示
采用两种显示方式,主要是为了显示效果,其实,我还是想做到一起,后续我可能会做到一起,不用分开,并采用自适应。
PC端显示还是比较简单,直接按照美工设计的页面固定大小展示即可。
手机移动端相对比较复杂。需要考虑到不同分辨率的手机,需要在CSS中设置不同的样式显示条件。
同时对字体大小不能像PC端显示使用pt,px这样来确定大小,而是要用em来显示。
同时,需要使用浏览器来模拟调试。(因为,我不是土豪,没有那么多的移动端设备),我采用FireFox User-Agent Switcher来模拟浏览器,并使用响应式设计模式。
感觉效果还不错。
今天先写这么点,明天继续写详细点