模仿新闻登录页面

模仿的网页地址:http://mail.swpu.edu.cn/

  • 打开网页,按F12调出源代码,能看到此网页由三个
    构成,也就是该网页由三部分组成

模仿新闻登录页面_第1张图片

 

  • 打开VSCode,创建一个代码路径文件夹,在文件夹里创建html文件,css文件及js文件,在html文件中输入!回车形成代码框架,此处我已完成

模仿新闻登录页面_第2张图片

 

  • 在原网页右键查看网页源代码,然后查找选择中间的代码复制

模仿新闻登录页面_第3张图片

模仿新闻登录页面_第4张图片

 

  • 粘贴在VSCode的html文件的中间,去掉不要的部分如短信登录

模仿新闻登录页面_第5张图片

 

 

 模仿新闻登录页面_第6张图片

 

  • 在网页源代码中找到