ACTIVIDAD DE APRENDIZAJE CARRERA PROFESIONAL SEMESTRE ACADÉMICO MODULO FORMATIVO UNIDAD DIDÁCTICA CONTENIDO TEMA DE SESIÓN DESCRIPCIÓN DOCENTE FECHA DE SESIÓN
: : : : : : : : :
Diseño y Programación Web Primero (2020-I) Análisis y Diseño de Sistemas Web Taller de Programación Web I HOJA DE ESTILOS CSS Propiedad tablas Semana 15 (sesión 01) Prof. Jaime PARI TAPARA Lunes, 17 de agosto del 2020
POSICIONAMIENTO Y PROPIEDAD TABLAS CSS
1
Ejemplo:
2
ACTIVIDAD PRÁCTICA 02 Estimado estudiante: 1) La actividad consiste en desarrollar la estructura y diseño de presentación de la maquetación Web propuesta. Instrucciones: 1) Herramientas a utilizar: editor de código, elementos HTML, propiedades CSS y navegadores Web. 2) Actividad entregable: los archivos deben estar almacenados en el Google Drive de la cuenta personal Gmail del estudiante, los archivos como (html, css, imágenes, etc) 3) El estudiante debe entregar (URL & código QR) de la actividad en archivo comprimido a nuestra plataforma del Aula Virtual dentro de las fechas y horas establecidas bajo responsabilidad del estudiante.
MAQUETACIÓN WEB HTML Y CSS
DESARROLLO DE LA ACTIVIDAD 02 CONTENEDOR DESCRIPCIÓN DE LA ACTIVIDAD GENERAL 1. CABECERA 2. MENÚ 3. LOGO 4. IMAGEN 5. TÍTULO 6. PÁRRAFO 7. TABLA HORARIO 8. PIE DE PAGINA
NOTA
Ancho del contenedor general 80%, margen 5px y automático (Requisito obligatorio) Fondo imagen, margen 5px, titulo nivel 1, mayúscula, negrita, subrayado y centrado. (2 pts) Lista desordenada (5), cambia color de fondo de lista al pasar mouse. (3 pts) Fondo imagen (2 pts) Aplicar como fondo 3 imágenes de tamaños iguales y asignar hiperenlace relativo a las mismas imágenes (3 pts) Título nivel 2, ancho 100%, fondo color uniforme, margen 0, margen interno 3px, tamaño y color de fuente personalizado. (2 pts) Fondo de color sólido, 3 párrafos, salto de línea doble, 10px margen externo, justificado y fuente personalizado. (2 pts) Desarrolle su horario personal insertando una tabla de 6*8, aplicar combinación de celdas horizontales y verticales de acuerdo a las necesidades y asignar color de fondo personalizada (4 pts) Párrafo (nombres de la empresa y/o institución, contactos, redes sociales, apellidos y nombres del autor como derechos reservado) (2 pts) TOTAL, PUNTAJE
3