新闻登录页面制作

一、分析页面

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/登录界面

 

posted on 2020-05-16 17:14  空理彷徨的程序世界  阅读(251)  评论(0)    收藏  举报

导航