终于来到最激动人心的时刻了。前面江哥带领着我们狂虐H5和CSS一番后,终于要进入实践的里程了,同时打开做项目的大门。只见江哥打开他的文件夹,从中打开一张写着百度首页练习.html字样的文本。
双击打开,首先映入眼帘的是百度logo。咦,这不是百度首页吗?仿佛江哥看出了我们的功底,特意拿出老版百度的首页,相对之下简单了些许,讲起来通俗易懂。帮我们简单分析了一下网页后,说“不管怎么样,我们先把代码敲上,简单布置下格局”。“网页开头是不是一个百度的logo啊?那这个是图片吧,之前我们讲到,添加图片的标签,我们是不是用img啊?他们的整体我们可不可以把他看成一块一块的啊?那我们就用div这个标签。下面一行的文字……”
江哥就是这么一次又一次教我们新知识的同时,回顾之前所学,如此反复,对记忆的重组有很大的帮助。
来,之前我们做完了百度首页后,这股劲不能停,继续用知识冲刷你们的大脑。下面有点难,你们要细心听我分析,听的时候要同时幻想结构,有助于提高你们的想象力和分析能力。学H5什么最重要,当然是想象力,没有想象力的人生,跟暗无天地没什么两样。经过一系列的苦口婆心后,老师让同学们准备好进入主题。
呀!又是一个大项目。双击点开,弹出一个色彩斑斓的网页,这是什么呢?没错,就是网易注册界面,今天要带你们狂虐的就是他。不要看他结构繁琐,其实挺简单的,只要我分析一下,你们都会做了。首先先新建一个HTML的文件,第二步就是从上至下,从外向内的来编写我们的代码对吧……
细细品味江哥讲的网易注册界面项目,你会发现,能从书本中找到的江哥都能给你说清,就连书本上不怎么出现的内容在江哥的嘴里也能提到,所有每次听都能长知识。
大家也看到我所附上去的图片,做起来真的是so easy,too happy的。没什么,只因江哥讲解的十分通俗易懂,把问题简单化。不管做什么,只要有付出就能找到问题,我也不例外。在做的时候大部分都记不太清对应属性,丢三落四的,不过经过反复验证和问同学,最终还是完成了项目。虽然听老师讲的简单,但自己做起来还是有些吃力的,这就需要自己不断的累积和敲打代码了。
想的多,做的多,看的多自然而然就会了,这就是H5的魅力,H5的大家庭需要我,也需要你们,来加入我们吧!