模拟SWPU邮件登录页面设计流程 一.开发工具准备 本次开发该页面时使用的开发工具为vscode—— 在下载安装完成后,需要下载各类插件——如汉化.通过浏览器打开网页插件等. 二.开发过程 首先,打开要模仿的网页https://mail.swpu.edu.cn/,然后使用鼠标右键单击出现菜单并选择检查元素查看网页源代码. 在打开后我们可以从元素标签页中显示的代码里看出,该网页布局分为三个div部分. 之后,打开VSCODE,建立好项目文件夹,并新建一个网页用于仿写该页面. 然后,返回源页面,打开…