Curso de HTML 5 y CSS 3” - Global · PDF fileHTML 5 y CSS 3 ” Por: Ing. Ubaldo ......
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/1.jpg)
“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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/4.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/5.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/6.jpg)
• 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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/7.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.ec/reader034/viewer/2022042708/5a7978c47f8b9a770a8c3271/html5/thumbnails/9.jpg)
“Curso de HTML 5 y CSS 3”
Por: Ing. Ubaldo Acosta
www.GlobalMentoring.com.mx