综合应用 HTML,CSS 和 JavaScript 技术设计基本信息系统所包括的一组页面,包括登
陆,注册,忘记密码,主页,信息页面等,所有的页面需要实现响应式布局,其中的链接,按钮需要可以点击,形成一个完整的系统。
(1) 登陆页面
要求:能够根据界面的大小自适应布局,当屏幕尺寸大于等于 650px 时,如图 1 显示;当屏幕尺寸小于等于 650px 时,如图 2 显示。
(2) 注册页面和忘记密码页面
要求:能够根据界面的大小自适应,屏幕尺寸小于等于 650px 时,显示效果如图 3,4 显示。 注册时,需要对电子邮箱、用户名、密码和出生年月进行验证;修改密码时,需要对新密码和确认密码进行验证。
(3) 主页面
要求:能够根据界面的大小自适应,屏幕尺寸大于等于 800px 如图 5 显示,显示菜单和具体内容;而当屏幕尺寸小于 800px 时,如图 6 显示,不显示菜单,仅显示具体内容。
(4) 背景风格变换
要求:在菜单处增加两个背景风格菜单(颜色方案可自行设计),点击“橘黄”菜单显示图
7 风格,点击“深蓝”菜单显示图 5 风格。
5) 用户界面
1