第二次作业——模仿登录页面

1.打开需要模仿的页面:http://mail.swpu.edu.cn/

2.按F12,查看网页的源码:

3.通过分析源码可以初步了解该页面的结构——分为三部分 head,body,foot

4.具体结构:

5.如背景图片,颜色,大小,位置的获取方法:

通过查看页面的代码的方式,能够很便利地获取对应地参数和素材。并且在模仿时,如果发现和原页面有不一样的地方可以通过对比自己和其源代码,可以明白是什么地方的代码不一样导致的。

6.js静态验证部分:

7.最终效果:

账号密码输入成功后,跳转至原页面:

8.码云地址:https://gitee.com/shuaipb/j2ee-homework

9.总结:

  在这之前,我并没有多少相关的基础,这次作业基本上是我在边学习,边模仿,才制作出来的。在自学时,通过模拟网页的方法,能够很好的帮助自己消化刚刚学习的知识,利于巩固基础。

猜你喜欢

转载自www.cnblogs.com/XiaoPB/p/12913686.html