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, accesibilidad, 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

Forma de evaluación

50% evaluaciones acumulativas de encargos
50% proyecto final

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

Clase 5: Responsividad

Encargo 4: Rediseño Web

Clase 6: Reutilización

Clase 7: Javascript

Presentación de avance de grupos y clase

Clase 8: Formularios

Clase 9: Accesibilidad / SEO y GEO

Resumen de encargos considerados en las notas acumulativas

Nombre	Repositorio personal	Encargo 2 · diagramación	Encargo 3 · análisis web
Amanda Fernández	Ver repositorio @amanda485	—	—
Amanda Garviso	Ver repositorio @amngarviso	—	—
Amanda Muñoz	Ver repositorio @amunqz	Ver encargo 2	Ver encargo 3
Andres Becerra	Ver repositorio @aaaandress	—	—
Antonia Cirelli Gonzalez Tapia	Ver repositorio @cirelli20	—	—
Beatriz Castro Vega	Ver repositorio @beacastrov	Ver encargo 2	Ver encargo 3
Camila Mata	Ver repositorio @itscami25	Ver encargo 2	—
Carlos Quiroga Gatica	Ver repositorio @aetiumn	Ver encargo 2	—
Damian Maturana	Ver repositorio @damianmatu	Ver encargo 2	Ver encargo 3
Fabián Flores	Ver repositorio @fabianfloreses	—	—
Fernanda Cortés	Ver repositorio @cortesfernanda	Ver encargo 2	—
Florencia Pimentel	Ver repositorio @florenciapimentel	—	Ver encargo 3
Gerardo Acevedo	Ver repositorio @GerardoAcevedo19	Ver encargo 2	—
Gloria García	Ver repositorio @gloria-garcia	—	Ver encargo 3
Gustavo Rivera	Ver repositorio @gustavoriveraa	Ver encargo 2	—
Iván Castillo	Ver repositorio @gatocorbata	Ver encargo 2	—
Josefa González	Ver repositorio @jopi-i	Ver encargo 2	—
Josefa Rojas Maizares	Ver repositorio @josefarojas	—	—
Maria Jose Ardiles	Ver repositorio @mariajosardilesc	—	—
Martina Toledo	Ver repositorio @martidlz	—	—
Mateo Mackay	Ver repositorio @mmackay7exe	Ver encargo 2	Ver encargo 3
Millaray Zárate Robledo	Ver repositorio @jeansuit	—	—
Misael Vergara	Ver repositorio @misver-c	Ver encargo 2	Ver encargo 3
Muriel Sanchez	Ver repositorio @murisaanchez	Ver encargo 2	Ver encargo 3
Nicolás Bravo Ramírez	Ver repositorio @nikonix21	—	—
Paloma Vargas	—	—	—
Pedro Beltrán	Ver repositorio @pedropablob	Ver encargo 2	Ver encargo 3
Salvador Calderón	Ver repositorio @salvicalde	Ver encargo 2	—
Sofía Gomara	Ver repositorio @soflamaa	—	Ver encargo 3
Valentina Maldonado	Ver repositorio @valeemaldonado	Ver encargo 2	Ver encargo 3
Valeria Cartajena	Ver repositorio @valeriacma	Ver encargo 2	—

Proyectos grupales

Diseño desde el Código 2026

Tabla de Contenidos