人类的一切创造源于模仿。
——楔子
本次作业要求如下:
参考swpu 邮件主页,编写一个新闻后台登录页面,并用Js静态验证用户名密码是否为空,用户名为tom 密码为 123跳转到另一个页面
发布到码云或github上
并编写一篇博文,介绍开发过程,博文中 包括 码云或github作业代码地址。
那么让我们开始吧。
一、分析
首先是页面相关的分析环节:
header:
content:
foot:
二、获取图片资源
按f12保存下载即可
三、代码
简单的敲代码,模仿页面
具体代码放在码云➡码云直通车
效果图:
四、JS静态验证
大概是这样子:
只有正确输入才能跳转
五、注意
盒子有默认的外边距和内边距,要记得消除掉
六、码云