Diseño desde el Código 2025

Asignatura(s)	Diseño desde el Código
Año	2025
Período Académico	segundo
Tipo de Curso	Ramo Lectivo
Talleres	DG 3º, DG 4º, DO 3º, DO 4º
Profesores	Basilio Cáceres
Estudiantes	Antonia Aguirre, Jacinta Arellano, Vicente Bravo, Antonia Campillay Miranda, Stephania Corrales Aravena, Antonio Diaz, Elizabeth Escobar, German Espinoza Vargas, Pascal Gratacós, Matías Hidalgo, Carla Lorca, Josefa Maldonado, Valentina Martínez, Karina Morales, Fernanda Moya, Antonia Navarro Cassi, Denisse Navarro, Rocío Olguín, Paula Retamal Ardiles, Paula Rosenthal La Fuente, Franchesca Salgado, Sofía Segura, Agustina Silva, MartinaToledo, Ignacio Vildosola, Begoña Zamudio, Anaís Zárate, Millaray Zárate Robledo, Antonia Olguin Cantillana, Catalina Araneda, Monserrat Tapia Gonzalez, Antonia Belaustegui, Emiliano Rios
Palabras Clave	html, css, accesibilidad, estándares, diseño web
Carreras Relacionadas	Diseño

Estudiantes

Sobre a la asignatura

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

Clases

Acceso a presentaciones con las clases hechas hasta el momento:

Clase 1: Presentación del curso - Ver clase
Clase 2: Introducción a HTML - Ver clase
Clase 3: Introducción a CSS - Ver clase
Clase 4: Diagramación - Ver clase
Clase 5: Responsividad - Ver clase
Clase 6: Reutilización - Ver clase

Tareas

Tarea nº1

(Se debe crear una presentación básica en codePen utilizando elementos HTML, como primer acercamiento a los conceptos que se utilizarán y las estructuras vistas en clase.)

Estudiantes:

Antonia Campillay M. (Link a la presentación: https://codepen.io/IcmAnto/pen/ogjemwQ)
Carla Lorca (Link a la presentación: https://codepen.io/Lc4rla/pen/XJmVVNG)
Millaray Zárate Robledo (Link a la presentación: https://codepen.io/MILLARAY-ZARATE-ROBLEDO/pen/XJmVPKO)
Denisse Navarro (Link a la presentación: https://codepen.io/Denissenj/pen/yyYvwoa)
Matías Hidalgo P. (Link a la presentación: https://codepen.io/matias-hidalgo-the-builder/pen/JoYLWMV)
Begoña Zamudio H (Link a la presentación: https://codepen.io/begozamudio/pen/raOdmgx)
Sofía Segura Madariaga (Link a la presentación: https://codepen.io/SOFIA-SEGURA-MADARIAGA/pen/LEpOZwV)
Catalina Araneda Valderrama (Link a la presentación:https://codepen.io/CATALINA-ARANEDA-VALDERRAMA/pen/PwPeJmj)
Antonia Navarro (Link a la presentación: https://codepen.io/AntoniaNC/pen/ogjqRyY)
Rocío Olguín (Link a la presentación: https://codepen.io/rocioolguin/pen/wBKmMaW)
Pascal Gratacós (Link a la presentación: https://codepen.io/PASCAL-GRATACOS-SCHERPF/pen/myeLMjy)
Emiliano Ríos (Link a la presentación: https://codepen.io/Emiliano-Ignacio-R-os-Cadagan/pen/GgpdMoN
Antonia Olguin (Link a la presentación: https://codepen.io/antolguin/full/bNVMojM )
Antonia Belaustegui (Link a la presentación: https://codepen.io/ANTONIA-BELAUSTEGUI-SOTO/pen/OPyZxqv)
Martina Toledo (Link a la presentación: https://codepen.io/martidlz/pen/vELrJqm)
Vicente Bravo (Link a la presentación: https://codepen.io/vbravo404/pen/xbwjXpb)
Monserrat Tapia (Link a la presentación: https://codepen.io/smeraldo111/pen/YPyLEpY)
Stephania Corrales (Link a la presentación: https://codepen.io/STEPHANIA-CORRALES-ARAVENA/pen/qEOomLr)
Antonio Díaz (Link a la presentación: https://codepen.io/ANTONIO-DIAZ-GODOY/pen/MYaGOVK)
Paula Rosenthal (Link a la presentación: https://codepen.io/PAULA-ROSENTHAL-LA-FUENTE/pen/azvaVQO)
Jacinta Arellano (Link a la presentación: https://codepen.io/JACINTA-ARELLANO-ROJAS/pen/GgpdOOX)
Elizabeth Escobar (Link a la presentación:https://codepen.io/elizabethcodigo10/pen/LEpmqRP
Anaís Zárate (Link a la presentación: https://codepen.io/ANAIS-ZARATE-CEPEDA/pen/ByoxmQG)
Josefa Maldonado (Link a la presentación: https://codepen.io/JOSEFA-MALDONADO-GUEVARA/pen/JoYvzBy)
Fernanda Moya (Link a la presentación: https://codepen.io/fernanda-mlep/pen/bNVMPdx)
German Espinoza Vargas (Link a la presentación: https://codepen.io/GERMAN-ROBERTO-ESPINOZA-VARGAS/pen/empQYwX)
Paula Retamal Ardiles (Link a la presentación: https://codepen.io/PAULA-CONSTANZA-RETAMAL-ARDILES/pen/azvxVYw)
Karina Morales (Link a la presentación: https://codepen.io/KARINA-MORALES-PADILLA/pen/LEpoNeE)
Franchesca Salgado (Link a la presentación: https://codepen.io/FRANCHESCA-JUDITH-SALGADO-ARRIAGADA/pen/wBMXjVj)

Tarea nº2

(Ocupando el código creado para hacer la presentación básica en codePen utilizando elementos HTML, crear una carpeta en el Classroom Github, y subir tres páginas que estén conectadas entre sí).

Estudiantes:

Antonia Campillay M. (Link a la tarea: )
Carla Lorca (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-Lc4rla/Indice.html)
Millaray Zárate Robledo (Link a la tarea: )
Denisse Navarro (Link a la tarea: )
Matías Hidalgo P. (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-MatiasHidalgo2004)
Begoña Zamudio H (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-begozamudio)
Sofía Segura Madariaga (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-sofiasegura )
Catalina Araneda Valderrama (Link a la tarea:https://cataaranedav.github.io/cataaranedav-tarea-2-futbol/)
Antonia Navarro (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-AntoniaNC/)
Rocío Olguín (Link a la tarea: )https://github.com/ead-codigo-2025/ejercicios-rocioolguin7/tree/main/ejercicio1
Pascal Gratacós (Link a la tarea: )
Emiliano Ríos (Link a la tarea: https://github.com/emilianoriosc-crypto/ejercicios-emilianoriosc-crypto/tree/main/tarea%202 )
Antonia Olguin (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-antolguin/)
Antonia Belaustegui (Link a la tarea:https://github.com/ead-codigo-2025/ejercicios-antoo19 )
Martina Toledo (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-martidlz)
Vicente Bravo (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-vbravo404/ejercicio-1/index.html)
Monserrat Tapia (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-MonserratTapia/tree/main/ejercicio1-MonserratTapia)
Stephania Corrales (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-stephaniacorrales)
Antonio Díaz (Link a la tarea: )https://chamoilin.github.io/Ejercicio-2AntonioDiaz/
Paula Rosenthal (Link a la tarea:https://github.com/ead-codigo-2025/ejercicios-paurosenthal)
Jacinta Arellano (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-Jacinta-Arellano/)
Elizabeth Escobar (Link a la tarea: ) https://github.com/elizabethcodigo10/ejercicios-elizabethe/blob/main/nav.css
Anaís Zárate (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-anaiszarate-c)
Josefa Maldonado (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-Jomanzana/tree/main/ejercicio-2)
Fernanda Moya (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-fernanda-mlep/tree/main/ejercicio2 )
German Espinoza Vargas (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-germanito23 )
Agustina Silva (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-aasc17)
Karina Morales (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-KarinaMoralesXD)
Franchesca Salgado (Link a la tarea: https://github.com/ead-codigo-2025/proyecto-final-franchescasalgadoa-888/blob/main/Ejercicio%202 )

Tarea nº3

Ejercicio de diagramación en CSS, utilizando las propiedades de display vistas en clases. Ver ejercicio en la presentación

Karina Morales (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-KarinaMoralesXD/tree/main/ejercicio-3)
Matías Hidalgo (Link a la tarea: https://ead-codigo-2025.github.io/ejercicios-MatiasHidalgo2004/ejercicio2/index.html )
Elizabeth Escobar (Link a la tarea: https://github.com/elizabethcodigo10/ejercicios-elizabethe/blob/main/futbol.html )
Monserrat Tapia (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-MonserratTapia/tree/main/ejercicio3y4 )
Anaís Zárate (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-anaiszarate-c )
Stephania Corrales (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-stephaniacorrales)
Franchesca Salgado (Link a la tarea: https://github.com/ead-codigo-2025/proyecto-final-franchescasalgadoa-888/blob/main/Ejercicio%203)
Begoña Zamudio(Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-begozamudio/blob/main/tarea%203.zip)
Josefa Maldonado (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-Jomanzana/tree/main/ejercicio-3)

Tarea nº4

Ejercicio de construcción de página web simple con Bootstrap.

Anaís Zárate ( Link a la tarea: https://www.figma.com/design/Fs8egw3jeQcKQnvl69IvVQ/A-TO-Z---portafolio-azc?node-id=0-1&t=AOYtPTCjVBdXpebR-1 )

Stephania Corrales( Link a la tarea: https://www.figma.com/design/PPYLN1Wl38P8mNdoL9dv8Q/portafolio-personal?node-id=9-2&t=NDn1sNXPc5XsjnDz-1)

Josefa Maldonado (Link a la tarea: https://github.com/ead-codigo-2025/ejercicios-Jomanzana/tree/main/ejercicio-4)

Proyecto

Construir un portafolio personal de tareas y proyectos.

Repositorio de proyectos realizados, detallando cada uno por página.
Contenido real, basado en la wiki.
Presentación personal de cada uno.
Propuesta de diseño y diagramación.
Responsivo y accesible.
Fecha de entrega: 24 de Octubre

Pauta de evaluación

Diseño	Código	Requerimientos formales
Navegación eficiente	Validación del código HTML	Arquitectura de contenidos y maquetas de diseño en Wiki
Claridad de contenidos	Validación del código CSS	Repositorio publicado en classroom
Propuesta estética	Semántica en el uso de elementos HTML	Posee mínimo 10 páginas navegables
Usabilidad	Buen uso de selectores y herencia	Utiliza una tipografía web embebida
Accesibilidad	Estructura del proyecto y nombres de archivos	Utiliza imágenes apropiadamente según su formato
Responsividad	Implementa prácticas de escritura recomendadas	Utiliza sólo 1 hoja de estilos para todas las páginas

Entregables

Denisse Navarro

Arquitectura de la página: Archivo:Arquitectura de contenidos-Denisse Navarro.pdf
Diseño de la página: Archivo:Maquetación de diseño-Denisse Navarro.pdf

Jacinta Arellano

Arquitectura de la página: Archivo:Arq-de-info-proyecto-ddec-jarellano.pdf
Documento de organización: Archivo:Proyecto Final Diseño desde el Código 2025. Jacinta Arellano.pdf
Link de Codepen: https://codepen.io/JACINTA-ARELLANO-ROJAS/pen/ZYQRYvw

Diseño de la página (croquis):

Validaciones:

Carla Lorca

Arquitectura de la página: File:Arquitectura de contenidos-Esquemas-Carla_Lorca.pdf
Diseño de la página: File:WIREFRAMES-primera-versión_Lorca.pdf
Propuesta estilo visual: File:Propuesta-estilo-visual_Carla-Lorca-ver-Final.pdf
Página Wiki

Validaciones:

Diseño de la página:

Link de github: https://cataaranedav.github.io/Portafolio/

Antonia Campillay M

Arquitectura de la página:

Diseño de la página:

link a Presentaciones Google
Croquis:

Anaís Zárate

Arquitectura de la página: Archivo:ARQAZCCODE2025.pdf
Diseño de la página: https://www.figma.com/design/Fs8egw3jeQcKQnvl69IvVQ/A-TO-Z---portafolio-azc?node-id=0-1&t=AOYtPTCjVBdXpebR-1

Antonia Navarro

Arquitectura de la página: Archivo:Arquitectura de información Antonia Navarro.pdf
Diseño de la página: https://www.figma.com/design/tKl9FW4clAv57mudYl93X0/Portafolio?node-id=0-1&t=V9AsOJCbp8Px1n5U-1

Antonia Belaustegui

Arquitectura de la página: Archivo:Arquitectura de información ABS DC.png
Diseño de la página: Archivo:Foto maqueta de página.jpeg

Rocío Olguín

Arquitectura de la página:Archivo:Arquitectura-info-RO.pdf
Diseño de la página:
https://www.figma.com/design/Y0h0ftZH0nia0oQVsyj0Q9/proyecto-final-codigo?t=qdGM3gEgsZcuuI0h-0

Nombre Apellido

Arquitectura de la página:
Diseño de la página: