移动网页设计与开发 HTML5+CSS3+JavaScript

第1章 网络平台
1.1 对术语的简短说明
1.2 你是谁,你需要知道些什么
1.3 了解什么是HTML5
1.4 真正的HTML5
1.5 CSS3及其他
1.6 浏览器支持
1.7 测试,再测试,进行更多的测试
总结

第2章 结构和语义
2.1 HTML5的新元素
2.2 网页易读性倡议的无障碍的富因特网应用程序组件(WAI-ARIA)
2.3 语义标记的重要性
2.4 微格式
2.5 RDFa
2.6 微数据
2.7 数据属性
2.8 Web组件:标记的未来?
总结

第3章 设置响应性CSS
3.1 媒体查询
3.2 JavaScript中的媒体查询
3.3 自适应网页设计响应式网页
3.4 窗口关联的长度单位
3.5 响应式设计和被替换的对象
总结

第4章 CSS布局的新方法
4.1 多栏结构
4.2 弹性布局盒(Flexbox)
4.3 网格布局
4.4 更远的未来
总结

第5章 现代JavaScript
5.1 JavaScript的新功能
5.2 JavaScript库
5.3 polyfill和shim
5.4 测试和调试
总结

第6章 Device(设备)API
6.1 地理定位(Geolocation)
6.2 方向(Orientation)
6.3 全屏(Fullscreen)
6.4 振动(Vibration)
6.5 电池状态(Battery Status)
6.6 网络信息
6.7 摄像头和麦克风
6.8 网络存储(Web Storage)
6.9 拖放(Drag和Drop)
6.10 文件交互
6.11 Mozilla公司的火狐OS系统和WebAPI
6.12 PhoneGap和本地封装器
总结

第7章 图像和图形
7.1 矢量和位图比较
7.2 可缩放矢量图形
7.3 canvas元素
7.4 选择SVG或Canvas的情况
总结

第8章 新表单
8.1 新输入类型
8.2 新属性
8.3 数据单(datalists)
8.4 屏幕控件与部件
8.5 将信息显示给用户
8.6 客户端表单验证
8.7 客户端验证API(ConstraintValidation API)
8.8 表单和CSS
总结

第9章 多媒体
9.1 媒体元素
9.2 媒体框架结构
9.3 Media API(媒体API)
9.4 媒体事件
9.5 高级媒体交互
总结

第10章 网络应用程序
10.1 网络应用程序
10.2 混合应用程序
10.3 电视应用程序
10.4 Webinos
10.5 应用程序缓存
总结

第11章 前景
11.1 Web组件
总结

11.2 CSS的前景
总结

附录A

时间: 2024-10-01 08:06:27

移动网页设计与开发 HTML5+CSS3+JavaScript的相关文章

HTMl5/CSS3/Javascript 学习推荐资源

HTMl5/CSS3/Javascript 学习推荐资源 前端的定义应该是数据内容的展示,在国内大家都觉得前端只是HTML+CSS+Javascript,但是实际上与展示有关的都是前端,所以Ruby/Python/Nodejs/Java/ASP .NET只要和展示有关的部分都可以称之为前端.在这里由于篇幅的限制,我们只推荐与HTML+CSS+Javascript三者有关的前端技术 入门 w3school html5 简单HTML5的入门教程 w3school css3 简单的CSS3入门教程 J

检测 HTML5\CSS3\JAVASCRIPT 在浏览器的适应情况

CSS3 Selectors Test : 这是CSS3.INFO网站提供的css选择器测试页面,它能够详细显示当前浏览器对所有CSS3选择器的支持情况.启动测试,浏览器会自动测验,并已列表的方式显示当前浏览器对所有css3选择器的支持情况     http://tools.CSS3.info/selectors-test/test.html When can I use :这是一个专业的测试网站,为广大网页设计师提供CSS3\HTML5\SVG\JAVAScript api 技术的浏览器支持情

web前端全部课件(html5+CSS3+javascript+dom+bom+jquery+jqm+bootstrap+angular+ext+weixin+less)

一.HTML5 BASIC课件 Unit01:Web基础知识.HTML快速入门.文本 Unit02:图像和链接.表格.结构标记 Unit03:列表.表单.其他常用标记 二.CSS3 BASIC课件 Unit01:CSS 概述.CSS 语法\尺寸与边框 Unit02:框模型.背景.渐变\文本格式化-1 Unit03:文本格式化-2.表格.浮动.显示 Unit04:列表.定位 三.京东首页实战(无PPT) 四.WEB UI课件 Unit01:Photoshop基本操作.网页切图.图像优化 Unit0

2019前端面试经典(html5+css3+JavaScript)

前端目录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 网络安全相关 webpack相关 其他 Html相关 1 html语义化 意义:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析.注意: 1.尽可能少的使用无语义的标签div和span: 2.在语义不明显时,既可以使用div或者p时,尽量用p, 因为p在默认情况下有上下间距,对兼容特殊终端有利: 3.不要使用

网页设计和开发中,关于字体的常识

本文的最新内容将在GitHub上实时更新.欢迎在GitHub上关注我,一起入门和进阶前端. 前言 我周围的码农当中,有很多是技术大神,却常常被字体这种简单的东西所困扰. 这篇文章,我们来讲一讲关于字体的常识.这些常识所涉及到的问题,有很强的可操作性,都是在实际业务中真实遇到的,都是需要开发同学和产品经理.设计师不断重复沟通的. 字体真的只是"系统默认,无从解释"这么简单吗?是产品被忽悠?还是开发在敷衍?二者之间的博弈究竟谁能胜出?学会本文,你就能胜出. 字体分类 常见的字体可以分为两类

25 个非常好的网页设计和开发的资源

点这里 Here’s the 25 Best Weekly Web Design & Development Resources #18 Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Ha

学习HTML5+CSS3+Javascript的第一周

Javascript是一种轻量级.解释型的Web开发语言.JS代码需要写在<script></script>标签中,作为脚本语言的标识符来分隔其他源代码.避免与html标签和css样式混淆. js代码严格区分大小写.javascript暂不支持constant关键字,不允许用户自定义常量.javascript使用var关键字声明变量,先声明后使用:声明变量之后,在没有初始化之前,它的初始值为undefined(未定义的值).变量命名规则:1.首字符必须是大写或小写字母.下划线.或美

html5+css3+javascript 自定义弹出窗口

效果图: 源码: 1.demo.jsp 1 <%@ page contentType="text/html;charset=UTF-8" language="java" %> 2 <html> 3 <head> 4 <title>demo12.jsp</title> 5 <script type="text/javascript" src="js/myLayer.js&q

HTML5/CSS3/JavaScript

基本元素 元素名 属性名 属性说明 作用备注 <!--...-->     代码备注 <html>     根元素 <head>     页面头部 <title>     页面标题 <body>     页面主体 <h1>~<h6>     定义标题(字体大小区别) <p>     定义段落 <br>     插入一个换行 <hr>     定义水平线 <div>     定