大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
HTML5 制作响应式网页,首先需要考虑是全平台适配还是只是移动端适配。这里以移动端响应式网站为例,讲述如何制作响应式网页。
创新互联建站长期为上千多家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为普洱企业提供专业的成都网站建设、成都网站设计,普洱网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。
1、选定基本设计尺寸,一般以1080为基准。确定响应式web设计的应用场景之后,和美工(或设计师)沟通,之前,一般需要美工出几套主流移动设备屏幕分辨率的设计图,现在,使用流式布局以及rem等可以使用一套设计图,以最常用的移动设备屏幕分辨率为基准。
2、当美工完成设计图之后,前端工程师的工作就开始了。这时你就可以使用PS或是FW进行切图了。一般说来,Fireworks cs6切图更快,但是Fireworks有时会有图片失真的情况发生,所以,有时需要使用PS进行配合,PS有切片工具可以专门用来切图。
具体代码:
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
};
可以挑选专业的h5制作工具来制作h5页面。
不同于简单替换图片文字,专业的h5页面制作工具有丰富的交互功能可供使用,制作出来的h5页面更酷炫和丰富,使用户印象深刻,比较知名的工具有:epub360等。
通常我们所说的H5就是H5广告,大多是在微信上宣传营销使用的,而HTML5是第五代HTML的标准,可以说,H5都是基于 HTML5 实现的,包括目前我们看到的大部分网页,基本上所有H5都遵循HTML5这个规范,不然就会出现问题。
它是一种基于互联网的网页编程语言,而手机端广告只不过是其中的一个点。2007年W3C(万维网联盟)立项HTML5,直至2014年10月底,在经历了各种被实验,被抛弃,被甩,被各家大佬当皮球踢来踢去之后,html5的规范终于正式定稿了!
现在以HBuilder工具编写为例:
1. 打开此工具,在项目管理器中右键单击创建一个web 项目
2.右键单击项目名称,新建一个HTML文件----form01.html
!DOCTYPE html
!--
作者:offline
时间:2017-01-06
描述:form表单
在form标签中,有两个经常使用的属性
action:表单提交服务器地址
method: 表单提交的方法/方式----get/post
其他提交方式---put delete
提交方式----get(默认的提交方式)
1.请求的参数放到地址栏中
2.不安全
3.存在缓存
4.传输数据的大小收到限制
提交方式----post
1.请求的参数放到http协议中
2.相对安全---账号密码等信息不会放到地址栏中
3.没有缓存
4.传输数据的大小限制较小
修改成post之后,可能会出现错误信息。
input标签:定义输入字段,用户可在其中输入数据。
属性:
type 指示 input标签的类型,默认的是text
按钮类型: 普通按钮 button 重置按钮 Reset 提交按钮 submit
value 定义要显示的文本。
--
html
head
meta charset="utf-8"
titleform表单1/title
/head
body
form action="" method="post"
input type="text" name="username" value="zhangsan" /
input type="submit" value="提交" /
/form
/body
/html
3.查看此网页是不是HTML5,主要看表头
4.HTML5新增了很多新内容,具体可以查看API,例如:在网页中嵌套音频/视频文件的格式