JAVAEE第二次作业

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

 

 2.鼠标右击查看网页源代码，或者F12查看网页源代码

 

 3.通过对源代码的分析，网页主要由三部分构成，上中下。

 

 4.拷贝所需要的的图片文件到自己的项目中开始搭建网页

项目结构如图所示，imgs文件夹中存放文件，js文件夹中存放一些js函数。

 

5.参考网页的布局上中下

 

 在body中有三个DIV分别对应页面的top center 以及buttom部分。

6.最终实现效果为：

 

 7.添加一些js静态验证，增加用户体验。

 

 点击登录按钮，触发点击事件。

8.最终实现效果为：

 

 

 

 

 9.将项目部署到tomcat服务器上，可通过ip地址访问静态页面；

链接为：http://101.37.17.200:8080/JAVAEE_html/login.html

10:将项目发布到码云：码云链接为

链接为：https://gitee.com/duan-p/JAVAEE.git