Está en la página 1de 16

LES DAMOS LA BIENVENIDA A NUESTRAS

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

•DEFINICIONES DE PROGRAMAS A UTILIZAR


•DESCARGA DE PROGRAMAS
•INSTALACIÓN DE PROGRAMAS IDE
•INSTALACIÓN MANEJADOR DE CONTENIDOS
•INSTALACIÓN SERVIDOR LOCAL
•EJEMPLO - EJERCICIOS
LOGRO DE LA SESIÓN
Conocer los programas
a utilizar para codificar
la página 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.

También podría gustarte