当你每次用电脑或者是手机打开浏览器，映入眼帘的就是一些网站页面
你有没有和我有一样的疑问呢？像这样的网页它们是如何去制作的，下面我会带你了解和制作：
首先，你需要在你脑海里构思一个基础页面的样式图，你可以手绘或者借用ps图片编辑工具是一个不错的选择，我们就以最简单的首页为例（这里我以Facebook为例）
在借助ps软件编辑好大概样式后就会像这样：
样式模版有了以后，下面就是代码环节了！因为我们做的是最简单的样式登录界面而且是静态的页面，所以我们这里只用到的技术为h5+css样式就完全可以了。
写代码呢，你可以用电脑自动的文本编辑器也是可以的，或者到网上去下载一个html网页编辑器，我这里用的是vscode编辑器（你可以到网上去搜索下载就可以了）。打开vscode后新建一个Facebook项目然后在它里面新建html文件和一个css文件：
fb.html里面写：
具体代码：
!DOCTYPEhtml
html
head
metacharset="utf-8"
/head
titleFacebook/title
linkrel="stylesheet"type="text/css"href="fbstyle.css"
body
divid="all"
h1欢迎登录Facebook/h1
imgsrc="images/fb.png"
formaction="#"method="POST"
用户名：inputtype="text"name="name"/br/
密码：inputtype="text"name="pwd"/br/
inputtype="submit"value="登录"style="color:aliceblue;background-color:rgb(29,,);border-radius:10px;width:px;"ahref="#"忘记用户名和密码/a
/form
/div
divclass="bottom"
h3Facebook版权所有span
/spanfacebook54
gmail.