Pequeño sitio demo Php

Indicaciones de la actividad:
Retoma el caso de estudio de la actividad 2:
1. Estructurar las páginas del sitio en html y agregar el diseño con archivos css, como se
indica a continuación:
a. ÁRea pública.
- Debe contar con un menú (en la parte superior), con los siguientes enlaces: o Principal o “Home”
o Servicios
o Inscripciones
o Contacto
o Acceso a usuarios
- La página que debe cargar al inicio es la página principal, la cual mostrará el nombre de la escuela, misión, visión y valores. En esta página debes agregar lo siguiente:
  o o o
Título de la página utilizando la etiqueta de encabezado que corresponda.
Una imagen relacionada con la escuela debe ir en el centro de la página.
Agregar los párrafos que necesites de acuerdo con el contenido de la página, destacando datos importantes en negrita.
- La página de Servicios debe contener lo siguiente:
o Título de la página utilizando la etiqueta de encabezado que
corresponda.
O Unatablacon3columnasy2filasquetendránlasiguienteinformación
(debe contener al menos 6 productos).
▪ Título o nombre del servicio
▪ Breve descripción del servicio (máximo 5 líneas) ▪ Imagen del servicio


- La página de Inscripciones debe contener lo siguiente:
o Título de la página utilizando la etiqueta de encabezado que
corresponda.
O Un texto contenido en un párrafo, el cual indique la finalidad del
formulario.
O El formulario debe contar con los siguientes campos para ingreso de
información.
▪ Nombre del alumno
▪ Apellido Paterno
▪ Apellido Materno
▪ CURP
▪ Fecha de nacimiento (dd/mm/aaaa)
▪ Estado de la república
▪ Grado escolar al que desea inscribirse
▪ Teléfono de contacto
▪ Correo electrónico
▪ Agregar los botones para cancelar y enviar formulario.
Nota. Para los inputs debes usar los atributos de HTML5 para diferenciar los campos tipo texto, numérico, fecha o correo electrónico.
- La página de Contacto debe contener lo siguiente:
o Título de la página utilizando la etiqueta de encabezado que
corresponda.
O Una imagen de un croquis o mapa de ubicación la cual debe estar
centrada.
O Enuntextotipolistaalineadoalaizquierdadebecontenerlosiguiente:
▪ Dirección de la escuela ▪ Teléfono de contacto
▪ Correo electrónico
▪ Horario de atención
- La página de Acceso a Usuarios debe contener lo siguiente:
o Título de la página utilizando la etiqueta de encabezado que
corresponda.
O Formulario con los siguientes campos:
▪ Nombre de usuario
▪ Contraseña
▪ Agregar el botón de Iniciar Sesión.
 

  Nota. Para los inputs debes usar los atributos de HTML5 para
diferenciar los campos tipo texto y contraseña.
b. ÁRea administrativa.
- A diferencia de las páginas del área pública, el menú en esta área debe tener los siguientes enlaces:
o Consultarinscripciones
o Cerrar sesión (debe tener un enlace a la página inicial de la escuela)
- La página consultar inscripciones debe contener lo siguiente:
o Una tabla con 6 columnas que tendrán la siguiente información (debe
contener al menos 2 registros).
▪ Nombre completo del alumno
▪ Correo
▪ Fecha de inscripción
▪ Grado
▪ Estado de la República
▪ Acciones: En cada registro o fila debe contener los textos de
Ver | Editar | Borrar
2. Definir el diseño del sitio (colores del sitio, botones y texto, así como la tipografía),
Nota: deberás enlazar el archivo css externo al html, no será válido tener código
css dentro del html.
3. Cada archivo HTML debe contener un pie de página (Footer) con su nombre e iniciales
de la materia “PW1”
4. En el documento de entrega agregar las pantallas que demuestren el sitio en
ejecución.
5. Enviar en un archivo .RAR o .ZIP la carpeta que contenga los archivos de tu sitio web
y el documento de formato de entrega el cual debe contener una introducción y una conclusión de al menos 1⁄2 cuartilla.