模仿网页

模仿网页

准备工作

1. 下载写网页的工具，这里我使用的是VS Code，可以直接去官网下。
2. 选择要模仿的网页：这里选择的是学校的邮件系统：http://mail.swpu.edu.cn/，也可以选择自己想要模仿的界面，步骤差不多

 

开始模仿

如果完全无前端知识，我觉得能以最快的方式，先看到模仿效果，有很大的激励效果。接下来就以比较简单的方式先完成一个界面的制作，再详细解释每一部分的界面和代码的对应关系。

 

首先要创建一个项目，网页项目的创建比较简单，一个文件夹就可以搞定，自己随便在某一个目录下新建一个文件夹，然后打开已经下好的vs code，vscode的汉化网上有简单教程，步骤还是蛮简单的。

 

简单说一下：在下面所示的输入框中输入相应的插件名字，然后安装就可以了。一个是汉化，一个是用来运行我们的html网页。这里我已经安装了，所以显示的是已启用。