设计这个网站所需要的重点知识以及核心代码

img


越具体越好.就是设计一个简单的页面，需要讲一些具体的思路，能够实现上面页面的输入就行，不需要运行。

前端技术：前端三大件（HTML/HTML5、CSS/CSS3、LESS/Javascript）、jQuery、RequireJS、AngularJS、React、Vue等；
后端技术：node.js、Java、php等；
中间件：Nginx、Dubbo；
数据库：MySQL、MongoDB、HBase；
数据库可视化工具：Navicate、xampp；
代码管理：Git、svn；
构建工具：webpack、gulp、Jenkins；
接口管理/调试工具：postman、swagger等；
远程管理工具：VPN、向日葵、ToDesk。

补全1楼的，也简化下
前端技术：前端三大件（HTML/HTML5、CSS/CSS3、LESS/Javascript）、jQuery、RequireJS、AngularJS、React、Vue等；
后端技术：node.js、Java、php，asp,asp.net,c#,cgi等，当然哪怕c语言也可以用来做网页；
数据库：MySQL、MongoDB、HBase,mssql,oracle,access,sqllite；
数据库可视化工具：Navicate、xampp,DMW,VS Code...；
代码管理：Git、svn,notepad也算是,notepad++(本地)，gitee远程..
接口管理/调试工具：postman、swagger
服务器 iis,phpstudy,notejs服务器，bt(宝塔)，

http://t.csdn.cn/2Oxrs
题主可以借鉴一下我的文章，里面包含源码。
网站搭建的跟你所描述的差不过，就是没有上传视频和验证码功能，其他都具备

用原生写吧
核心技术就是form表单提交；ajax保存提交的内容或者直接form表单提交；

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>信息录入</title>
<script language="javascript">
function validate(){
if (document.getElementById("myname").value==""){
alert("请填写姓名!");
return false;
}
if(document.getElementById("password1").value!=document.getElementById("password2").value||document.getElementById("password1").value=""){
alert("请输入合法密码!");
return false;
}
}
</script>
</head>
<body>
<form action="simple2.jsp" method="post" onSubmit="return validate()">
请输入姓名:
<input type="text" id="myname" name="myname"><br>
请输入密码:
<input type="password" id="password1" name="password1"><br>
确认密码:
<input type="password" id="password2" name="password2"><br>
<input type="submit" value="提交">
<input type="reset" value="复位">
</form>
</body>
</html>

这是一个学员打卡的网页设计，其实是一个web应用设计。
如果是web这个应用要上线，放网上，要准备硬件服务器，公网IP，域名、备案等等一系列，所以干脆用微信小程序，官方有教程可以了解，具体实现应该是外包给专门的人做。。。那就只需要了解微信小程序的技术内容就行。

这个问题是认真的么