制作在线编译代码的网站需要以下几个步骤：

1. 选择编程语言和编译器。根据您要提供的编程语言和编译器，您需要选择一个可以支持这些编程语言的服务器。

2. 选择网站的框架。您可以使用许多不同的网站框架，包括Node.js、React、Angular JS等。

3. 在网站中嵌入编辑器。您需要为用户提供一个好用的编辑器，让他们可以输入、编辑和调试代码。

4. 构建用户接口。您需要创建一个适合用户编辑和编译代码的UI。

5. 处理编译和运行。完成了编辑器和用户界面的设计和开发后，您需要编写适当的代码来处理编译和运行代码。

6. 测试和部署。最后，您需要测试您的网站，并确保它可以满足用户需求。然后，将网站部署到一个可访问的服务器上。

请注意，开发在线编译器网站需要一定的技术知识和经验。如果您不是高级开发人员，请考虑与专业开发公司合作。