Scribd
Cargar
5 vistas16 páginas

Curso de Diseño Web y Usabilidad

El documento presenta una conferencia sobre la instalación e implementación de herramientas de desarrollo web como IDE, manejadores de contenido y servidores locales. Explica la descarga e instalación de programas como Sublime Text, XAMPP y WordPress, y proporciona ejemplos básicos de código HTML y CSS.

Cargado por

Eduard Quezada
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd
5 vistas16 páginas

Curso de Diseño Web y Usabilidad

El documento presenta una conferencia sobre la instalación e implementación de herramientas de desarrollo web como IDE, manejadores de contenido y servidores locales. Explica la descarga e instalación de programas como Sublime Text, XAMPP y WordPress, y proporciona ejemplos básicos de código HTML y CSS.

Cargado por

Eduard Quezada
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PPT, PDF, TXT o lee en línea desde Scribd

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:
[Link]
[Link]
¡ MUCHAS GRACIAS!!!

ruthmarylopezrodrig@[Link]
+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

[Link]
DEFINICIONES DE PROGRAMAS

Fuente: PROPIA
DESCARGA DE PROGRAMAS

[Link]

[Link]

[Link]
INSTALACIÓN DE PROGRAMA IDE

[Link]
INSTALACIÓN MANEJADOR DE CONTENIDOS

[Link]
one-com-para-WordPress-
INSTALACIÓN SERVIDOR LOCAL

[Link]
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