十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
H5edu教育HTML5开发解答
创新互联专注于企业全网营销推广、网站重做改版、蓝田网站定制设计、自适应品牌网站建设、H5开发、成都做商城网站、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为蓝田等各大城市提供网站开发制作服务。
一.前期准备:
1.购买云主机(本人用的是阿里云)
2.下载一个tomcat(tomcat7.0)
3.JDK1.7.0
3.在云主机里下载一个压宿包
4.准备一个谷歌浏览器包
二.步骤:
1.登陆管理云服务管理控制台,复制公网ip
2.连接云主机方法:①.网页连接 (有点慢)②.远程连接(记得提前修改密码)将公网ip复制到远程连接桌面的计算机栏,用户名:administrator 密码:自己修改的
3.打开云主机后,装上谷歌浏览器、tomcat、装上jdk、配置好环境,可百度查询配置环境步骤。
4.将项目放入tomcat的webapps里面,然后打开tomcat里的bin里面的tomcat7.exe双击,然后在双击startup.exe,看到项目运行,一般就没有太大问题。
三.见证奇迹的时刻:
1.记得要先在浏览器里测试,以免不成功造成失败,先在浏览器中输入localhost:8080+你的项目
2.运行出来后,那么你就成功了,可以在随便一个电脑上登陆你的页面。只要在浏览器中输入(公网ip+端口号+你的项目)。
IE9+、FF、Opera、Chrome都是支持HTML5的\x0d\x0a \x0d\x0aHTML而已,不需要服务端,编辑器用记事本、Notepad++、Dreamweaver都行\x0d\x0a推荐后者吧,起码有代码提示、站点管理等功能——8版本之后的Dreamweaver还真没用过,一直用VisualStudio了??\x0d\x0a \x0d\x0a测试方面??浏览器打开行就行,不行就调\x0d\x0a另外以上浏览器都有HTML元素查看器的,方便你调整\x0d\x0a \x0d\x0aIE9的是F12开启调试功能
如何使用Bootstrap
针对 Bootstrap 的 HTML
清单 • 是一个有用的框架 HTML 文件,用于结合使用 Bootstrap 与一个固定布局和响应特性:
清单 • 用于 Bootstrap 项目的基本框架 HTML 文件 (listing1.html)
缩小版本
在 Bootstrap 下载中,请注意,每个 CSS 和 JavaScript 文件有两个版本可用(例如 bootstrap.js 和 bootstrap.min.js)。第一种形式是一个常规文件,第二种形式是压缩文件或 “缩小文件”。就像在本文中一样,使用缩小版本即可实现最有效的页面加载。
listing1.html 的开始之处的 DOCTYPE 声明将其标记为一个 HTML5 文件。head 元素内的 meta标记控制移动的小屏幕布局。(为方便起见,我将它们称作 meta/viewport 标记。)默认情况下,大多数移动设备按比例缩小 Web 页面,使之适应屏幕大小,就像在桌面浏览器窗口中一样。这就是为什么许多网站上的文本和图像在手机浏览器中看起来很小的原因。meta/viewport 声明中的 initial-scale=1.0 部分禁用了这一行为,告诉设备要保持页面的原有尺寸。该声明表示 Web 设计人员(在本例中为 Bootstrap)已经完成了实现较小屏幕的响应式设计这一任务,所以在默认情况下,没必要采用蛮力方法。
打开myeclipse6.5工具
点击菜单window,找到Preferences点击
在下图中搜索“Tomcat”
在展开的列表中找到“tomcat 6.x”点击
点击后,在右边出现的界面中,找到Tomcat 6在硬盘中的安装路径。并把Enable选中。最后点击OK按钮保存。
点击JDK,来配置JDK,在左边Tomcat6.x的下边。在右边的界面中添加(“Add”)jdk的安装路径。
安装成功
html5运行在网页端,不需要服务器可以运行。下载个编辑器就可以学习。推荐webstrom,sublime。如果是新手,最少不要依赖这些编辑器。