新闻登录页面制作

一、分析页面

1、打开原网页http://mail.swpu.edu.cn/，右击->检查

 

2、在Element选项里查看源代码并分析界面组成

 

 可以看到，该页面由三个div组成

查看三个div的组成

 

 

 

 

 

二、下载资源文件

1、复制样式文件，在style上右击->Copy-Copy Element

 

2、下载图片，在source选项下找到图片的位置，保存到本地

三、编写代码

1、创建css，js，images文件夹并将之前得到的资源导入进去

 

2、根据之前的分析写出页面，要注意修改链接

嗯，基本上一模一样

(样式文件直接复制的，参数照着抄的，能不一样吗(*￣▽￣*))

3、编写js文件静态验证用户名密码

 

 

四、将代码上传到码云上

https://gitee.com/ioklkiol/javaee_second_job/tree/master/登录界面