Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Clase 4
Clase 4
CONFERENCIAS MAGISTRALES
CONOCIMIENTO E INSTALACIÓN DE
IDE PLANTILLAS
LÓPEZ RODRÍGUEZ RUTHMARY JOSEFINA
MAGISTER EN EDUCACIÓN SUPERIOR
DOCENTE DISEÑO WEB
DISEÑO WEB UI/UX CURSO DE DISEÑO DE
PÁGINAS WEB
Permite al estudiante desarrollar habilidades para la
elaboración de páginas web creativas. Integra en su
dinámica los procesos de comunicación conservando
la identidad de la imagen. Entabla comunicación
directa con el consumidor mediante dinámicas
interactivas creativas. Diseña, edita y genera un
producto gráfico estático y dinámico a través de un
proyecto de investigación aplicada. Promoviendo
siempre la usabilidad y funcionalidad de la página
web estudiando al cliente y a los clientes del cliente.
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
https://www.freepik.es/fotos-vectores-gratis/trofeo
DEFINICIONES DE PROGRAMAS
Fuente: PROPIA
DESCARGA DE PROGRAMAS
https://www.sublimetext.com/3
https://www.apachefriends.org/es/index.html
https://wordpress.org/
INSTALACIÓN DE PROGRAMA IDE
https://www.nilovelez.com/2020/12/guia-para-configurar-sublime-text/
INSTALACIÓN MANEJADOR DE CONTENIDOS
https://help.one.com/hc/es/articles/115005585849--C%C3%B3mo-instalo-un-tema-
one-com-para-WordPress-
INSTALACIÓN SERVIDOR LOCAL
https://es.wikipedia.org/wiki/XAMPP
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>EJERCICIO2</title>
</head>
<body>
<h1 style="color: pink">título</h1>
<h2>título</h2>
<h3>título</h3>
<h4>título</h4>
<h5>título</h5>
<h6>título</h6>
FUENTE: PROPIA
EJEMPLO - EJERCICIO
<p> son las siglas de <em>HyperText Markup Language</em>, que puede traducirse como lenguaje
de marcas o marcado de hipertexto. </p>
<p>Los curso son:
<ul type="square">
<li>matematica</li>
<li>comunicación</li>
<li>física</li>
</ul>
<ol>
<li>escribir 20 lineas</li>
<li>colorearlas</li>
<li>colocar borde</li>
</ol>
</p>
</body> FUENTE: PROPIA
</html>
"El hombre comienza, en realidad, a ser
viejo cuando deja de ser educable".
Arturo Graf.