procesos contables

Practica Guiada Clase 03
Esta semana vamos a ocupar parte del código que quedó hecho del video, es decir la página principal, la hoja de estilos y las imágenes.
El objetivo de esta práctica escopiar la estructura de la página principal y modificarla para lograr crear la página con el formulario de registro para los clientes.
El primer paso es copiar la página index.html, renombramos la copiaa registro.html.

Ahora hacemos doble clic sobre el archivo de registro y los vamos a abrir y luego vamos a ir a la vista de código.
Buscamos la sección del código dentro del div “cuerpo”, loseleccionamos y lo borramos.

Al cambiar a la vista de diseño debería quedar así:

Lo que vamos a hacer es agregar todos los elementos para agregar un formulario de registro. En el formulario, loselementos se van a distribuir de la siguiente forma, un texto descriptivo de lo que hay que hacer, los títulos de los campos y al lado los controles en los que se ingresa la información, debajo de todaesta estructura los botones de envío de los datos.
Lo primero que hacemos entonces es crear el formulario.

Fíjate que en el atributo action, pusimos como valor el signo “#” eso significa que losdatos se van a enviar a la misma página.
Ahora dentro del formulario vamos a crear dos div contenedores, que permitan guardar el nombre del campo y luego el objeto que el usuario debe llenar.

Ahoralo que haremos será crear el estilo para estos contenedores. Queremos que ambos contenedores tengan el mismo ancho y que los dos estén en la misma línea, esto es para que se vea con más coherencia yasí el resto de los elementos del formulario se posicione de la misma forma.

Fíjate que creamos una clase para poder aplicarla sobre cualquier estructura. Definimos un ancho de 250 pixeles, así eltercer div no va a entrar en la línea y va a pasar hacia abajo. La alineación es hacia la izquierda, además ponemos un espacio a la derecha para que no queden juntos y un espacio abajo para que no se...