登陆页面

登陆页面

一.实验结果

 

二.实验过程

①获取网页设计资源

打开原网页，在需要的图片上右键点击检查，则可以发现图片的链接，由此保存下需要的所有的图片。

 

 

②网页结构分析

可以看到网页总体可以由一个大 DIV 包含 3 个 DIV 组成，每个 DIV 又根据情况包含若干 DIV 

③编码构建页面，为每个 DIV 设置基本 CSS 属性

 

CSS

 

其中增加JS代码，可以静态验证用户名密码是否为空，且当输入用户名tom，密码123的时候可以跳转到另一个页面。

 

百度云

链接：https://pan.baidu.com/s/1MHztDcXJEM_VzvGD3TvHIg
提取码：tjhp