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

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.总结：

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