Diseño desde el Código 2026

Asignatura(s)	Diseño desde el Código
Año	2026
Período Académico	segundo
Tipo de Curso	Ramo Lectivo
Profesores	Basilio Cáceres ver
Basilio Cáceres
Estudiantes	Gerardo Acevedo, Maria Jose Ardiles, Andres Becerra, Pedro Beltrán, Nicolás Bravo Ramírez, Salvador Calderón, Valeria Cartajena, Iván Castillo, Beatriz Castro Vega, Fernanda Cortés, Fernanda Díaz Lomboy, Amanda Fernández, Fabián Flores, Gloria García, Josefa González, Antonia González, Javiera Iturrieta, Mateo Mackay, Valentina Maldonado, Camila Mata, Damian Maturana, Amanda Muñoz, Florencia Pimentel, Carlos Quiroga Gatica, Gustavo Rivera, Josefa Rojas Maizares, Franchesca Salgado, Muriel Sanchez, MartinaToledo, Paloma Vargas, Paz Vega Soto, Misael Vergara, Millaray Zárate Robledo, Sofía Gomara, Amanda Garviso ver
Gerardo Acevedo Maria Jose Ardiles Andres Becerra Pedro Beltrán Nicolás Bravo Ramírez Salvador Calderón Valeria Cartajena Iván Castillo Beatriz Castro Vega Fernanda Cortés Fernanda Díaz Lomboy Amanda Fernández Fabián Flores Gloria García Josefa González Antonia González Javiera Iturrieta Mateo Mackay Valentina Maldonado Camila Mata Damian Maturana Amanda Muñoz Florencia Pimentel Carlos Quiroga Gatica Gustavo Rivera Josefa Rojas Maizares Franchesca Salgado Muriel Sanchez MartinaToledo Paloma Vargas Paz Vega Soto Misael Vergara Millaray Zárate Robledo Sofía Gomara Amanda Garviso
Palabras Clave	html, css, acesibilidad, estandares, diseño web
Carreras Relacionadas	Diseño
Docencia Vinculada	Sí

Sobre a la asignatura

Viernes, 14:30 a 17:00 hrs
Matta 79, Sala 3B

Clase 1: Introducción a la asignatura

Primer ejercicio

Crear una página básica de presentación personal:

Documentar como Encargo 1 en Wiki
Levantamiento de contenidos
Instrucciones básicas de diseño
Disclaimer de uso de IA

(Número de Tarea 01) Enviar link de codepen o github

Clase 2: Acerca de HTML

Segundo ejercicio

Actualizar página básica de presentación personal:

Dividir contenido en 3 paginas
Inicio (index html)
Sobre mi
Contacto (u otros)
Agregar un menú de navegación
Disclaimer de uso de IA

(Número de Tarea 02) Enviar link de github

Ambos ejercicios (1 y 2) corresponderán al Encargo 1 para la evaluación

Clase 3: Acerca de CSS

Encargo 2

Ejercicio de estilos y diagramación básica:

Identificar elementos con estilos comunes y asignar clases a conveniencia.
Agrupar elementos en contenedores.
Primer acercamiento a displays: display: flex y display: grid

Link a encargo en la presentación

Clase 4: Navegación y diagramación

Encargo 3

Análisis de 1 sitio y 1 plataforma web:

¿Qué partes de la pantalla se mueven y cuáles quedan fijas al hacer scroll?
¿Cómo se distribuyen las columnas, usando las herramientas de desarrollador del navegador?
¿Cómo reacciona ese layout cuando la pantalla se reduce al tamaño móvil?
¿Les parecen apropiadas las decisiones tomadas? ¿Harían algún ajuste?

Instrucciones

Entregar como 1 página HTML dentro de su repositorio.
Agregar a su repositorio una sección con los encargos 2 y 3
URL pública a través de Github Pages

Link a encargo 3 en la presentación