首页 Typo3正文

TYPO3 CMS准备HTML模板

kumb Typo3 2020-07-17 12:15:26 226 0

6.3.2 准备HTML模板

下载HTML模板

(1)打开http://www.initializr.com网站,单击“Responsive”下的“Docs Demo”,如图6-35所示。

img

图6-35 打开网站

弹出的示例网站如图6-36所示。

(2)在图6-35中单击“Responsive”,选择“HTML/CSS Template”下的“Mobile-first Responsive”,并勾选“IE Classes”和“Old browser warning”;再选择“HTML5 Polyfills”下的“Modernizr”和“Respond - Alternatives”,以及“jQuery”下的“Minified”;然后选择“H5BP Optional”下的“Favicon”。具体如图6-37所示。

img

图6-36 示例网站

img

图6-37 选择模板文件的组成元素

(3)单击“Download it!”下载示例网站源程序。此时弹出图6-38所示的窗口,单击“确定”保存文件。

img

图6-38 下载示例网站源程序窗口

(4)解压。下载完成后,解压“initializr-verekia-4.0.zip”文件。解压后的文件结构如图6-39所示。

img

图6-39 解压后的示例网站文件结构

将示例网站文件导入服务器

(1)复制CSS文件。在MobaXterm软件中,打开“/ext_mydemo_one/Resources/Public/”文件夹,将所下载的源程序中的“css”文件夹复制到该文件夹下,并将目录“css”修改为“Css”,如图6-40所示。

(2)复制js文件。将所下载源程序文件中的“js”文件夹也复制到该目录下,并重命名为“JavaScript”。

(3)复制其他文件。将源文件中的“favicon.ico”文件复制到“/ext_mydemo_one/Resources/Public/Icons”目录下,将源文件中的“index.html”文件复制到“/ext_mydemo_one/Resources/Private/”目录下。

img

图6-40 在MobaXterm中修改文件夹名


我们致力于为三农(农业、农村、农民)提供专业物联网解决方案,同时也提供应用软件、微信小程序、手机App、企业网站的开发和跨境电商建站、网络营销等服务,站长微信号(mywit_net),添加后备注“黎辉物联网”,如有相关需求也可通过电子邮件(12tc@sina.cn)与我们取得联系

本站内容均来自互联网,如有涉及到侵权行为,请你及时与站长联系删除!

本文链接:https://www.kumb.cn/2945.html

发表评论

评论列表(0人评论 , 226人围观)
☹还没有评论,来说两句吧...