Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Clase 3
Clase 3
CONFERENCIAS MAGISTRALES
ESTRUCTURA GLOBAL DE UNA WEB
Fuente:
https://www.web-media.com.ar/nuestro-blog/actualidad/disenador-ux-
ui-vs-disenador-web.html
¡ MUCHAS GRACIAS!!!
ruthmarylopezrodrig@gmail.com
+51920825613
ruthmarylopez
@soyruthmarycoach
@ruthmarylopez
LENGUAJES DE DESARROLLO WEB
• ESTRUCTURA GLOBAL
• ESTRUCTURA DEL CUERPO
• DENTRO DEL CUERPO WEB
• DEL DISEÑO AL ESTILO UI/UX
• EJEMPLO - EJERCICIO
LOGRO DE LA SESIÓN
Conocer como se debe
hacer la estructura de
una Web según el tipo
de página
https://www.freepik.es/fotos-vectores-gratis/trofeo
ESTRUCTURA GLOBAL WEB
Fuente:
https://programacionweb1.wordpress.com/le
nguaje-de-marcado/2-4-estructura-global-de-
un-documento/
ESTRUCTURA GLOBAL WEB
Fuente: http://miblogfanny-
deluna.blogspot.com/2015/05/24-estructura-
global-de-un-documento_27.html
ESTRUCTURA DEL CUERPO
https://manual-de-html-en-linea.fandom.com/es/wiki/Los_archivos_HTML
ESTRUCTURA DEL CUERPO
https://blogsfad.educacion.navarra.es/wp2015/1sesion/
DENTRO DEL CUERPO DE UNA WEB
Fuente propia
DEL DISEÑO UI AL ESTILO UX
Fuente: https://jonmircha.com/diseno-ux-ui
EJEMPLO - EJERCICIO
<html>
<head>
<title>Ejercicio 1</title>
</head>
<body>
<p>Hola Mundo esta es mi primera
linea de codigo</p>
</body>
</html>
FUENTE: PROPIA
EJEMPLO - EJERCICIO
FUENTE: PROPIA
“La educación es el desarrollo en el
hombre de toda la perfección de que su
naturaleza es capaz.” Immanuel Kant