HTML5开发从入门到精通要掌握哪些

HTML与CSS - PC端网页布局

HTML5与CSS3 - 移动端网页布局

JavaScript原生脚本语言

jQuery - 快速开发JavaScript

AJAX - 前后台数据交互

HTML5的学习，建议按照如上顺序进行学习，可以借助《HTML5布局之路》《Head First JavaScript程序设计》等比较不错的书籍学习

网页设计的步骤是策划-作图-静态页-编程-测试-发布-维护-改版重构 循环

切图是一个技术也是一种艺术，不少美工都具有切图的功底！不过，也不是所有的网页都需要切图！因此，切图的选学的，而且，没有追求的话，切的乱七八糟也没关系！

html标签的用法 必学

这个是必学的，毕竟页面还是html标签组成的！你要熟知大部分标签的用法！这个可以去w3school学习进阶！

css 样式和样式表 必学

css是目前网页设计中的主要角色！也是程序和美工的区别之一！css可以简单理解为美化！你可以使用他设置颜色，大小，边距，行距，字体，位置等等等....

浏览器兼容 选学

html页面最终要在浏览器中运行和查看！但是，不是所有的浏览器都遵循同一个标准，因此，你的页面在每个浏览器底下或多或少的都有一些不同！你要学会找到问题，解决问题！最大限度的保证在每个浏览器下看起来都差不多！

javascript &jQuery 选学

JS和JQ是两个不同的东西，js在网页中的主要作用就是网页“特效”了。比如滑动，展开收起，幻灯片等等~~团队细分中，html页面是由前端设计师制作的，网页设计师仅仅负责效果图的制作！但是，现在的网页设计师明显的需要具备多门“手艺”才能混，js是其中之一！

Action script 选学

AS是flash中的常用到的一种语言！主要是制作全flash网站或者flash+xml交互模块！ 如flash幻灯片，图表等~

学习建议：

目前的大部分html教程都是垃圾教程，是网站为了赚取流量到处复制粘贴的千篇一律的扯淡字符串（还不能算是文章，只能算是一个字一个字组成的页面，因为连发布者都不知道里面写了什么）！个人建议，你最好下载几个chm格式的手册，如html手册，css手册等~备用查询，作为字典！我学习的时候是读的《Head First xHtml + css》，一周入门html+css！不过，学习肯定离不开勤学苦练！以下是我建议的学习方法：

1.认识标签，学会是使用h标题，p段落，ul列表，div元素，img插入，a链接

2.学会添加标签属性 class=“name”，id=“name”，table的相关属性

3.学会引入外部文件，<link /> <script src=""></script> <img src="" />

4.一个完整简单的html，严格按照html的结构制作一个纯html标签组成的页面，无样式，能区别出标题，列表，链接，段落

5.css学习入门：字号，边框，float浮动，clear清除浮动，background背景

6.页面模块划分：header,mian-body,footer 头部，内容，页脚

7.页面布局细分：三列，两列，四列，多列，【国字形、常字形】

8.html，css分离使用，在html引入外部css样式表

9.图片美化页面

大致以上几点，循序渐进！而且，尽量手写代码，使用记事本即可~因为，你要不断的去认识和书写一些常用的标签和拼写！【实际工作中，编辑软件都有代码提示功能，那仅仅是为了加速工作效率，但并不适合新手使用，否则，就懒惰了！不利于记忆和理解！】