clase-01
lunes 13 marzo 2023, presencial
intro desarrollo sitios web + lenguaje HTML
presentación docente
- aarón montoya-moraga https://montoyamoraga.io/ https://github.com/montoyamoraga/
- NYU ITP https://tisch.nyu.edu/itp
- Processing https://processing.org/
- p5.js https://p5js.org/
- School of machines https://www.schoolofma.org/
- Opera of the future https://www.media.mit.edu/groups/opera-of-the-future/
- Future sketches https://www.media.mit.edu/groups/future-sketches/
- Sinestesia https://www.sinestesia.cc/
- Universidad de Chile - FAU https://fau.uchile.cl/
presentación estudiantes
- por qué estás estudiando diseño?
- qué fue lo más emocionante que aprendiste el semestre pasado?
- qué fue lo más difícil?
- qué quieres aprender este semestre?
- por qué tomaste este curso?
inspiraciones varias
- Aaron Swartz https://es.wikipedia.org/wiki/Aaron_Swartz
- Ada Lovelace https://es.wikipedia.org/wiki/Ada_Lovelace
- Andreas Refsgaard https://andreasrefsgaard.dk/
- Ciat-Lonbarde https://www.ciat-lonbarde.net/
- Constanza Piña https://es.wikipedia.org/wiki/Constanza_Pi%C3%B1a
- CW&T https://cwandt.com/
- Delight Lab https://www.instagram.com/delight_lab_oficial/
- Gaurav Patekar https://www.gauravpatekar.in/
- Katya Rozanova https://www.katyarozanova.com/
- Leo Fender https://es.wikipedia.org/wiki/Leo_Fender
- Limor Fried https://es.wikipedia.org/wiki/Limor_Fried
- Lisa Jamhoury https://lisajamhoury.com/
- Manifold Works https://manifold.tv/
- Manoloide https://www.instagram.com/manoloide/
- Matt Romein https://matt-romein.com/
- Nicole He https://nicole.pizza/
- Nicole L’Huillier https://nicolelhuillier.com/
- Rafael Benguria https://es.wikipedia.org/wiki/Rafael_Benguria
- Rhizomatiks Research https://research.rhizomatiks.com/
- Robert Moog https://es.wikipedia.org/wiki/Robert_Moog
- Sam Lavigne https://lav.io/
- Schorr Guitars http://schorrguitars.de/
receso
herramientas para programar páginas web
- editor de texto: recomendado es Microsoft Visual Studio Code https://code.visualstudio.com/
- navegador web: recomendados son Mozilla Firefox y Google Chrome
código HTML
el código escrito en HTML está compuesto por etiquetas.
las etiquetas, en general, se abren, y se cierran, para delimitarlas.
a grandes rasgos, una página web necesita empezar y terminar con la etiqueta HTML
dentro de esta etiqueta, hay dos secciones principales, el encabezado (HEAD) y el cuerpo (BODY)
<html>
<head></head>
<body></body>
</html>
aprendamos cómo hacer párrafos y texto usando la referencia en https://www.w3schools.com/
ahora aprendamos cómo darle un título a nuestra página web con la misma referencia.
agreguemos una imagen a nuestra web así
bibliografía adicional
- https://www.w3schools.com/html/default.asp