学习HTML5干货分享

登录注册

摘要：学习HTML5已经2个星期了，是刚接触HTML5，过程中难免会遇到这样那样的问题，但是，只要慢慢的跟着老师的脚步，自己掌握了一套学习的方法，学起来其实也不是很难。下面是我的心得体会：一：学习方法和路线：如果你还不是很熟悉HTML、CSS、和JavaSprint，请不要急于求成，只要打好基础。

　　来北风教育学习HTML5已经2个星期了，是刚接触HTML5，过程中难免会遇到这样那样的问题，但是，只要慢慢的跟着老师的脚步，自己掌握了一套学习的方法，学起来其实也不是很难。下面是我的心得体会：

　　一：学习方法和路线：

　　如果你还不是很熟悉HTML、CSS、和 JavaSprint，请不要急于求成，只要打好基础，一切都会变得容易起来。

　　如何才算是“熟悉”?

　　HTML常用标签你全都认识并能说出它们相同、和不同的特性吗?

学习HTML5干货分享

　　CSS中所有属性是否熟悉?特别是CSS3中的新特性和动画?

　　为什么一定要尽量使用HTML结构和CSS的方式来实现呢?是这会降低开发的复杂度、工作量和成本，更重要的是，在性能上会有更好的体现吗?

　　二：是关于下课复习：

　　老师上课讲完课之后，下课还有视频。如果上课还不了解，可以下课看看老师的视频

　　看视频的时候，你应该先动手创建一个工程，跟着视频写同样的代码，视频中如果没有讲清楚的概念和环节，网上可以查的到;或者回忆当天老师讲的内容，如果看完视频感觉没有彻底明白的话，可以再看几次，直到你感觉视频中介绍的内容你全都掌握了，遇到问题可以多和同学讨论和问值班的老师。

　　三：开发学习过程中还要常常总结和考虑下面的问题：

　　1、常见问题及解决办法;

　　2、代码规范问题;

　　3、调试技巧。

　　四：关于完成老师课后作业：

　　1、首先要明白作业的训练要点;

　　2、作业的细心明确需求说明;

　　3、再次考虑实现思路;

　　4、最后完成，进行思考是否有别的可行方法。

　　五：举例：比如制作下拉列表菜单2-1;

　　1、训练要点：

　　使用position设置相对定位和绝对定位

　　使用z-index设置层级堆叠

　　2、需求说明;

　　3、实现思路

　　初始状态

不显示，并设置二级菜单的位置

　　当鼠标移至一级导航菜单上时显示对应的二级菜单，使用超链接的伪类设置

显示出来

　　4、核心代码：

　　menu dd {

　　display:none;

　　position:absolute;

　　z-index:1;

　　left:10px;

　　top:36px;

　　}

　　.menu dl:hover dd {

　　display:block;

　　}

　　总结：总之开发过程中就是要多敲多学多练，保持stay hungry ,stay foolish(求知若饥，虚心若愚)的进行，努力学习和总结，多动动脑，多思考，多学习。只要心中有大山就一定可以把开发中遇到的问题解决的。

　　最后，感谢刘老师的教导和助教老师的解答问题，班主任老师的辛勤和同学们的热心帮助。