Web技术之HTML静态网页设计

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