这种情况下建议题主在网上学习+课本学习同步进行：
网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。
其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。
其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。
其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学
HTML5入门：HTML5入门-网易云课堂
CSS3：CSS3-网易云课堂
JavaScript：JavaScript-网易云课堂
书的话，还是推荐一些经典的吧：
《HeadfirstHTML&CSS》：入门级必备，难度合适
《JavaScriptDOM编程艺术》：同样入门级教材
《HTML5权威指南》：内容全面，进阶阶段可看
《JavaScript高级程序设计》：JS圣经，殿堂级教材
建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了
2、如果只需要能制作出简单的H5页面，就可以绕过代码这关，善用各类H5制作平台，应该都能轻松上手。
Maka：MAKA.im|简单、强大的HTML5创作工具
印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。
初页：初页-优质H5手机页、微信海报
和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接制作，胜在速度。
秀制作：秀米XIUMI
来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。
Epub360意派：Epub360意派-专业级H5微场景设计平台
模板不多，但自由度较高，适合有设计感的设计师来操刀制作，发挥交互功能，不过只能免费制作10个，而且作品还自带logo，有ipad版和web版。
入门教程http://dl.pconline.com.cn/html_2/1/110/id=5512&pn=0.html
更多教程
http://www.enet.com.cn/eschool/zhuanti/dreamweaver/
标签选择器-Dreamweaver从入门到精通视频教程（视频教程真的没多大用处）
http://v.ku6.com/show/v_CsFEUUMddlJ2c7.html
