cuales son los pasos a seguir

[Zeroed]

Hola cómo estas?. Mira te diré la forma en como yo lo hago tal vez podría ser util.

1. Proceso de maquetado: diseña la forma en como será
esto es un trabajo en conjunto con css y html. Así darás forma a tu sitio, utiliza responsive para hacerlo
2. Vamos a javascript: Cuales serán las funciones que utilizarás?, que parámetros recibirán desde html, si utilizas jquery tu trabajo será menos tedioso, además preparás el campo para los ajax que mandaras a tus archivos php

var data = "&url="+url+'&parent='+parent+"&child="+child; //Parametros

//Ingreso a php
$.ajax({
url: 'retorno.php',
type: "post",
data:data,
success: function(html){
//Retorno a javascrip desde php
}
});

Revisa que todos los eventos javascript funcionen correctamente
Revisa, corrije.

3. Php: Con los parametros que recibes desde javascript, ahora organiza las instrucciones para enviar esos parametros a mysql. Te recomiendo que crees una clase mysql y organices los procedimientos que utilizarás.
Revisa los procedimientos de entrada de datos y los retorno

4. MySql: Crea las tablas que utilizarás y revisa que tengan concordancia con las instrucciones que has creado en php, cualquier detalle errado te generará problemas.

5. Revisa tu aplicación y corrige... Y listo.

Espero que te sirva. Saludos. Zeroed!