在一个网页中html负责页面布局和內容，css负责组件具体样式JS则与后台进行交互。
在设计网页前先介绍DIV简单来说就是一个在网页上分割区域的方块。在DIV里面可以添加组件包括另外的DIV。
制作登录注册界面界面登录注册界面界面一般有两个文本框，分别用来获取用户的用户名和密码我们也考虑用户忘记密码和未进行注册的情况，故也要加上这两个功能区域
首先我们为登录注册界面界面设置一个标题：

然后在body内设计我们想要用户看见的內容：

我们首先建立了一个div里面又建立了一个表单（用户填入的信息一定是全在表单里的，然后由表单发送给后台控制器故下面的文本框等全部是在表单中）。我们依次建立两个div分别用来装用户名和密码文本框为什么要把它们用div装起来呢？是为了方便在CSS中对它们的位置长宽，样式等进行设计然后就是登录注册界面按钮，登录注册界面按扭有很多种设立方式此处给的是具有跳转表单指定地址的提交按钮。
最后两个功能：注册和忘记密码我们用超链接将他们表现出来用户可以点击文字跳转到指点页面，进行对应操作超链接一般格式如下：

具体的div大小 、样式等由CSS决定。我们设置一个,里面为div、表单、按钮和字体等设置样式：

再就是文首提到的JS，制作简单表单并未与其它表单或者底层数据进行交互因此暂时并未用到，以后涉及到后会展示出来

---

接下来就是注册页，注册与登录注册界面页类似也是以幾个文本框为主体代码见下：

在注册页面中我们以表格为骨架把内容整齐划分。

以上便是简单制作登录注册界面和注册页面笔者也是初学者有很多也不太明白，在此讲的比较简陋见谅。
下附页面截图(登录注册界面)：

发布了7 篇原创文章 · 获赞 16 · 访问量 1万+