半个月的web网课学习成果

499 阅读2分钟

跟着网课学了半个月,对html/css/js有了初步的自己的了解

也越来越感兴趣了,前端这种能即时获得自己想要的编程效果,确实令我热爱,我自己弄了一个我平时学习的导航首页,包含了我平时要进行学习的网址,还有我的一些学习成果,当然这里只是一个本地文件,我还没学会进行服务器的搭建,把他连接到网上,所以是我自己用着的而已。给大家看看图吧。等我学会搭上服务器,我就把它弄到网上去了。接下来要看《javascript高级程序语言设计》了


1.首页   包含左下音频,以及我之前学习python时候嵩天老师的一句话,就是每天进步1%,一年下来就是进步37倍,好好学习天天向上,这里包含标题动画,还有超链接状态,背景图片固定,虽然也不是什么很厉害的特效,但是是我自己做出来的,而且我也是要用的,所以还是很满意自己的成果。



2.图片墙    主要涉及动画,前四副是图片2d转换,以及鼠标放置时的放大,第五幅是动画进行颜色的变换,第六幅动画进行图片的变换,第七幅是两个图层的叠加,当鼠标放置时,文字会浮动上来,类似一种介绍,第八幅是进行3d转换的,利用舞台眼睛距离perspective设置,最下面的小黄方块是一个动画,鼠标放置即滑动到最右边。



3.一个魔方,会旋转的魔方,会旋转的并且每一个小格会飞出去的魔方,虽然看起来简单,但是很全面的涉及了2d 3d动画,还有js语言,算是我这种初学者很好的一个案例,我还要对这段代码再进行注释,进行再次理解。



4.利用js语言的程序,web系统的应答框真的方便,还有这个简易的验证码,不过这种验证码不可能应用到真正的网页上的,因为图中的验证码可以直接复制,据我所知是有专门做验证码的公司的,利用接口对接他们产生的随机的图片,这样就不可能利用脚本复制验证码粘贴上去。