1、除此我们还需要掌握好HTML的语义化，像DIV CSS这也会必须会的技能，我们应该还会使用模板引擎和SCSS SASS而这个层面来说，我们开始使用Nodejs来完成前端的构建等等的一系列动作，这时候必须学会使用命令行这类工具并且，在这时候我们已经开始构建单页面应用了 高级篇 JavaScript是一门易上手的语言，也充满了；第一步在桌面上创建一个文本文件第二步将文本名改为quottesthtmlquot扩展名为html或者htm即可，看不见扩展名可以到第三步文件名改好后，右击打开方式，选择记事本第四步写代码html代码写成下图这样即可2css代码写在下图区域内3javascript代码写在下图区域内第五步在这些代码区域内；当然，如果就是习惯HTML5+CSS3放在一个文件里，也未尝不可，这里也只是建议下面来具体实现图21分为两个部分1HTML5文件2CSS3文件一HTML5部分1 HTML5的文档声明新建indexhtml文件，如果用的网页编写工具已经支持HTML5文件类型，那么，应该生成如下的HTML5模板 1 lt！DOCTYPE html 2 lthtml lang=quoten；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquotlthtml xmlns=quotltheadltmeta。

2、1 首先，下载phpcms v9系统文件之后，放在本地运行环境里并且打开这里小泽用phpstudy集成环境举例子2 单网页面的侧边导航栏，在默认模板里就有例子，如果对标签调用不熟悉，可以模仿默认模板，首先找到默认的单页面模板即pagehtml3 用开发工具打开pagehtml文件，找到单网页面的侧边导航栏；01首先，我们打开Ultraedit软件，然后切换到编辑菜单，并单击插入模板下的修改模板选项，如下图所示02接下来，在弹出的修改模板界面中，在模板组的下拉框中选择HTML选项，如下图所示 03然后我们点击左下角的加号按钮添加一个模板，如下图所示04接下来，在“模板”面板中为新模板命名，如下图所示05；使用HTML 了解HTML是什么HTML是一种制作网页的编码语言想看看它是什么样子，访问IE并右键点击空白处选择“查看源文件”你会看到一个代码页面，那就是HTML浏览器可以理解这些代码，并把这些代码解释成Web页面 在IE浏览器中，选择查看菜单中的“源”在Mozilla Firefox中，按下Ctrl+U查看网页。

3、1首先我们打开Ultraedit软件，然后切换到编辑菜单，点击插入模板下面的修改模板选项，如下图所示 2接下来在弹出的修改模板界面，在模板组的下拉框中选择HTML选项，如下图所示 3然后我们点击左下角的加号按钮进行新增模板，如下图所示 4接下来在模板面板中给要新建的模板起一个名字，如下图所示 5；1在电脑桌面空白处单击右键，新建一个记事本并打开 2在新建文件中输入如下代码 html语言都是以lthtmlltheadlttitleltbody等标签开始，以lthtmlltheadlttitleltbody标签作为结束3接下来要在lttitlelttitle标签中间输入标题如个人网页在ltbodyltbody中输入“自己做的第一个；以最简单的新闻网页为例，先是做一个模板页，假定其中3个地方要动态更换的标题，内容，日期，哪么模板中这3个地方都要用特殊的名称表示要生成html页时，先读入html模板页，再查询数据库，把查询到标题，内容，日期的实际值替换模板中的特殊名称，并按规则命名另存这个文件以上是动态生成html页的；与开发传统页面型网站相比，实现单页应用的过程中，有一些比较值得特别关注的点 从单页应用的特点来看，它比页面型网站更加依赖于JavaScript，而由于页面的单页化，各种子功能的JavaScript代码聚集到了同一个作用域，所以代码的隔离模块化变得很重要 在单页应用中，页面模板的使用是很普遍的很多框架内置了特定的模板。

4、responsesetContentTypequottexthtmlquotPrintWriter out = responsegetWriterout printlnquotlt！DOCTYPE HTML PUBLIC \quotW3CDTD HTML 401 TransitionalEN\quotquotoutprintlnquotltHTMLquotoutprintlnquot ltHEADltTITLEA ServletltTITLEltHEADquotoutprintlnquot ltBODYquotout。

5、单页面是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html， js， css所有的页面内容都包含在这个所谓的主页面中但在写的时候，还是会分开写页面片段，然后在交互的时候由路由程序动态载入。

6、创建网页页面 1在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitledhtm中文版的的默认的文件名为“无标题文档”htm就表示这个网页文件是一个静态的HTML文件给它改名为indexhtm 注网站第一页的名字通常是indexhtm或indexhtml其它；2手机工具APP相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果下面展开说下每个使用过的工具吧 基于HTML5的工具网站兔展优点页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面缺。