Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ......

9
Curso de HTML 5 y CSS 3” Por: Ing. Ubaldo Acosta www.GlobalMentoring.com.mx

Transcript of Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ......

Page 1: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

“Curso de HTML 5 y CSS 3”

Por: Ing. Ubaldo Acosta

www.GlobalMentoring.com.mx

Page 2: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

Ejercicio:

Instalación de

Sublime Text

1

www.GlobalMentoring.com.mx

Page 3: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

Objetivo del Ejercicio • El objetivo del ejercicio es instalar el editor de texto

Sublime Text. También crearemos nuestra página de HolaMundo con HTML5.

• Al finalizar deberemos observar la siguiente pantalla:

Page 4: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

Paso 1. Descarga de Sublime Text • Ir a la página http://www.sublimetext.com/

• Descargamos la versión del sistema operativo que

estemos utilizando. En el curso utilizaremos Windows, pero pueden utilizar cualquier sistema operativo:

Page 5: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

Paso 2. Instalación de Sublime Text • Una vez descargado el software, dar doble click para

instalarlo y aceptamos los valores por default.

• Al finalizar deberemos ver la siguiente pantalla:

Page 6: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

• Abrir un nuevo archivo en SublimeText, guardar el archivo como "HolaMundo.html" y escribir el siguiente código:

<!DOCTYPE html> <html lang="es"> <head> <title>Hola mundo con HTML5</title> </head> <body> <p>!Hola Mundo con HTML5!</p> </body> </html>

Paso 3. Hola Mundo con HTML5

Page 7: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

Paso 3. Hola Mundo con HTML5 (cont) • Abrimos el archivo en en navegador web como sigue:

Page 8: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

Conclusión • Con este ejercicio hemos instalado Sublime Text,

el cual es uno de los editores más utilizados al día de hoy para crea código, incluyendo HTML5, CSS y JavaScript .

• Realmente puedes utilizar cualquier editor de textos, desde un block de notas hasta Dreamweaver. La decisión final es tuya.

• Si eres programador Java, en el siguiente

ejercicio veremos cómo instalar otros IDE’s si deseas trabajar con ellos.

Page 9: Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ... • Si eres programador Java, en el siguiente ejercicio veremos cómo instalar otros IDE’s

“Curso de HTML 5 y CSS 3”

Por: Ing. Ubaldo Acosta

www.GlobalMentoring.com.mx