【文件属性】:
文件名称:ping-coming-soon-page:前端导师Ping单列即将推出
文件大小:169KB
文件格式:ZIP
更新时间:2021-05-04 00:12:13
HTML
前端导师-Ping即将推出页面
欢迎! :waving_hand:
感谢您检查此前端编码挑战。
挑战可让您提高现实工作流程中的技能。
为了应对这一挑战,您需要对HTML,CSS和JavaScript有基本的了解。
挑战
您面临的挑战是建立“即将推出”页面,并使其看起来与设计尽可能接近。
您可以使用任何喜欢的工具来帮助您完成挑战。 因此,如果您有想要练习的东西,请随时尝试。
您的用户应该能够:
根据设备的屏幕尺寸查看网站的最佳布局
查看页面上所有互动元素的悬停状态
使用input字段提交他们的电子邮件地址
提交form时,如果出现以下情况,则会收到错误消息:
input字段为空。 针对该错误的消息应显示“糟糕!好像您忘记添加电子邮件了”
电子邮件地址格式不正确(即正确的电子邮件地址应具有以下结构: name@host.tld )。 针对此错误的消息应显示“请提供有效的电子邮件地址”
需要挑战方面
【文件预览】:
ping-coming-soon-page-master
----style-guide.md(705B)
----.gitignore(23B)
----images()
--------favicon-32x32.png(1KB)
--------illustration-dashboard.png(21KB)
--------logo.svg(3KB)
----README.md(7KB)
----style.css(1KB)
----index.html(3KB)
----design()
--------desktop-preview.jpg(27KB)
--------desktop-hover-error-states.jpg(42KB)
--------mobile-design.jpg(47KB)
--------mobile-error-state.jpg(52KB)
----.gitattributes(66B)