EVIDENCIA: IE-AP06-AA7-EV03-Diseño-Desarrollo-Interfaz-Web-SI.

AUTORES:
FICHA: 1881621, GRUPO: 7

MARIO ALBERTO SANTANA CARREÑO

ANDRES GUILLERMO ORDOÑEZ FLOREZ
LEIDY MARISOL LUENGAS GERENA

Instructor:
ADRIAN FARID RUIZ MONTAÑA

SERVICIO NACIONAL DE APRENDIZAJE – SENA

Tecnólogo en Análisis y Desarrollo de Sistemas de Información 2020
 Evidencia
Diseño y desarrollo de la interfaz web

DESCRIPCIÓN DE LA EVIDENCIA.

Con base en los conocimientos adquiridos en los objetos de aprendizaje: “Introducción al diseño
web con html “y el refuerzo realizado en el laboratorio: “diseño de interfaces web” se deberá
realizar el diseño y desarrollo de las interfaces web del proyecto de desarrollo en curso.

Para presentar la evidencia se deben seguir los siguientes pasos:

Paso 1: realizar el diseño de las interfaces web. Para realizar este diseño se puede apoyar en
dibujos a mano alzada, o usar algunas de las herramientas para realizar bosquejos. El resultado de
este proceso es la maquetación o “layout” del sitio web y servirá para generar los archivos html y
css.

Paso 2: definir los estilos que usarán los elementos HTML del diseño. La hoja de estilos del
sistema deberá llamarse “estilos.css”.

Paso 3: generar los archivos html de los formularios del proyecto. Las páginas web deben
contemplar los siguientes aspectos:

1. Página principal: con encabezado,menú, cuerpo, contenidos, pie de página.

2. Páginas de los formularios: deben contener el diseño de los formularios que se usarán
para interactuar con la base de datos.

Los formularios deben estar asociados a una opción del menú principal.

La página principal debe nombrarse como “principal.html”.

Los formularios deben nombrarse como “frm_<nombre_del_formulario>.html”

Nota: no deben usarse tablas html para el diseño de los campos de los formularios. Este diseño se
debe usar con los estilos en cascada.

Paso 4: Comprimir los archivos html y css en formato .zip y subirlo a la plataforma.

INSTRUMENTO DE EVALUACIÓN

La evaluación de la presente evidencia se hará teniendo en cuenta las variables y criterios de

evaluación establecidos en el instrumento de evaluación específico para esta evidencia, es
importante su lectura para mayor comprensión de lo requerido.

Nombre instrumento de evaluación: IE-AP06-AA7-EV03-Diseño-Desarrollo-Interfaz-Web-SI.

FORMA DE ENTREGA
Debe enviar el archivo a través de la plataforma virtual en el área correspondiente indicada por el
instructor encargado. Al momento de realizar la entrega tenga en cuenta los siguientes pasos:

Ingrese al menú principal de la plataforma y ubique el área de “Actividades” e ingrese al enlace

“Fase Desarrollo”, posteriormente acceda a la carpeta de la Actividad de Proyecto correspondiente,
y haga entrega de la evidencia. En caso de dificultades comuníquese oportunamente con el
instructor a cargo.

Pasos para enviar evidencia:

• Clic en el título de la evidencia.

• Clic en Examinar mi equipo y buscar el archivo previamente guardado.
• Dejar un comentario al instructor (opcional).
• Clic en Enviar.

 Diseño de interfaz del proyecto en html