甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
)，confirm()和prompt()来获得，可以利用这些对话框来完成js的输入和输出，实现与用户能进行交互的js代码。
创新互联自成立以来，一直致力于为企业提供从网站策划、网站设计、成都网站设计、做网站、成都外贸网站建设公司、电子商务、网站推广、网站优化到为企业提供个性化软件开发等基于互联网的全面整合营销服务。公司拥有丰富的网站建设和互联网应用系统开发管理经验、成熟的应用系统解决方案、优秀的网站开发工程师团队及专业的网站设计师团队。
经纬度有相差那个是正常的，用户用浏览打开时定位的IP不是用户本身电脑的IP，而是公网出口的IP.简单的说，你用电信上网，那用IP定位到的可能是你附近的某个电信大楼。
其实说实话，你来这里求助也不会有人帮你编码的，因为做至少也要一个小时。而且如果是有偿就会有人帮你做。希望我的回答可以帮到你，有什么不懂可以追问。
sublimetext是所有编辑器里边支持emmet比较好的的唯一一款。webstorm是所有编辑器里边唯一内置emmet的一款，并且将emmet的精神往前推动的一款。
如果你是需要写代码实现的话，要学习，HTML，css，这些基础，了解网页的布局和前端的样式；但如果你只是想实现这个网页的效果，使用epub360或coolsite360都可以 可视化的制作出来，完全不需要代码，像ppt一样制作H5网页。
请注意您的CSS代码中，将article标签进行了定义。
1、html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。
2、新增的结构标签：header元素 表示页面中一个区块或真个页面的标题。内hgroup元素 表示对真个页面或页面中的容一个内容区块的标题进行组合。article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。
3、canvas 新元素：canvas 标签定义图形，比如图表和其他图像。
4、audio 标签定义声音，比如音乐或其他音频流。canvas 标签定义图形，比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。
5、html5新增的表单元素有以下几种：datalist，keygen，output三种无素。datalist 元素 datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。
首先你得学会HTMLCSSjavascript三个最基本的技术。学会后，可以采用bootstrap这种前端开发框架来进行网页设计。
必须掌握基本的Web前端开闭技术，包括CSS、HTML、DOM、JavaScript、Ajax、jquery、Vue、jquery-mobile、zepto等。在掌握这些技术的同时，还必须清楚地了解它们在不同浏览器中的兼容性、渲染原理以及存在的bug。
响应式布局最简单的就是用css3来实现。我举一个最简单的例子。下面是html代码。
你可以在3个步骤中学习到响应式设计和媒介查询（Media Queries）的基本原理（假定你了解基本的CSS知识）。第一步：Meta标签 大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。
1、接下来，我们使用canvas来绘制线条。首先，新建html文件，并在文件中添加canvas标签，如下所示。
2、我们可以用canvas绘制直线，圆形，矩形，字符等等。
3、使用HTML5 canvas绘制一个矩形，我们需要用到Canvas上下文的rect（）方法。接下来我们就来看看具体的代码实现。
4、其中创建一个canvas元素就可以创建一个画布，但是如果你不设置参数的话，在浏览器上面是不显示的。所以可以设置一些参数让画布显示出来。
html5的特点有：语义特性、本地存储特性、设备兼容特性 、连接特性、网页多媒体特性、三维图形及特效特性、性能与集成特性与CSS3特性等。
HTML5新特性如下：脱机缓存。您可以在关闭浏览器并再次打开时还原数据，以减少网络流量。音频和视频可以自由嵌入，多媒体形式更加灵活。地理位置。
离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。音频视频自由嵌入，多媒体形式更为灵活。地理定位。
左右框架型布局 这类网站主要由左边栏和内容区组成，组成比较简洁，主要用于精彩内容的呈现，主要是很多个人站点、博客的首选。
了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
制作工具的话，可以选择意派Epub360，该工具的编辑页面功能按钮设计简洁明了，DIY程度较高，不需要自己敲代码，只需要确定好H5创意设计和页面布局，然后再在编辑器内通过添加图文音乐、设置动画特效等等步骤，一步步去实现就行了。
页面布局是用HTML来实现的，CSS只是添加样式，网站提倡的结构和样式相分离就是这个意思。HTML实现的是骨架，css可以说是实现了装饰。
）浮动是从网页布局的角度来定义元素的显示，而行内和块状属性主要是从元素自身的性质来定其显示的。5）当元素没有定义边框时，可以把内边距作为外边距使用。有时候外边距会有重叠现象的。
将开发过程拆分出来，按照开发中的一步步操作，讲解每一步相关知识和技术。伴随着学习者的阅读、学习和操作，一步步实现符合前端开发规范的网站的开发与制作。