1、首先是本地环境的搭建,既然是手机端模板的制作,相信许多站长的本地都已经有了服务器环境。然后是要安装一款代码编辑器,例如Dreamweaver。最后,下载一套织梦CMS的源程序安装到本地的服务器环境。就可以开始下面织梦手机模板的制作教程了。
2、制作出静态页面,也就是不含服务器语言的HTML页面,需要注意的是设计时因为是移动端使用的,尽量做到自适应页面大小,这样无论移动端屏幕的分辨率大小都可以满屏正常显示。为了做演示,下图中的网页并非是手机端自适应的,而是电脑端网页,手机端的页面在制作时也是如此。
3、然后将制作的静态页面复制到本地服务器环境的程序安装模板目录(templates/default里)如果使用的不是默认模板,则复制到对应的模板目录里。需要说明的是,织梦的手机端模板与PC端模板要一一对应,例如电脑版使用的列表页模板是list_aaa.htm,那么手机端对应的模板命名就是list_aaa_m.htm。这样在手机端访问该页面时,会自动调用这个_m的这个模板。
4、替换织梦标签。现在的模板仍然是静漤逗庞俄态页面,无法动态调用到织梦程序里的数据,这时候需要将展现更新内容的板忧栝牯嚣块替换成织梦的标签,在实际使用时,页面会动态更新网站数据。关于织梦程序的标签,大家可以自行在网上搜索,有许多在线版,也有离线版下载。建议下载一份,建议随时查阅!到此,织梦手机端的模板制作就结束了,因为主要讲的是手机端模板制作,这里写的是一个流程,至于静态页面的制作需要有HTML和CSS的相关知识,这里就不做过多介绍!