Ir al contenido principal

ESCRIBIENDO CÓDIGO EN VSC

Bueno, vamos ahora a crear nuestro primer código utilizando Visual Studio Code, les recuerdo que estos pasos se lo hizo también con SUBLIMETEXT 3, se preguntarán entonces, porque lo hacemos si ya conocemos este otro programa, bueno pues recordemos que estamos en un proceso de aprendizaje y no se quiere dejar pasar por alto estas herramientas, ustedes decidirán cual de ellas les es más eficiente o más cómoda para trabajar, así que bueno, hagámoslo; con el programa iniciado VSC, crearemos un nuevo archivo, así:

Si das clic en nuevo archivo, aparece un cuadro de texto allí vamos a escribir index.html, inmediatamente VSC reconoce el tipo y coloca su icono en color tomate, miremos la imagen y claro, ustedes van haciendo igual en su computador:


El siguiente paso: como ya el programa reconoce que se trata de un archivo HTML, escribiremos la primera sentencia en el área de trabajo "html" y nos muestra una lista, elegiremos HTML 5: entonces el programa automaticamente completará la estructura total del nuestra página web, hazlo, debe quedar así:


y luego así:


Añadimos en la zona Title y colocamos UELAM WEB, y en la zona body, escribe p y dale ENTER, la etiqueta <p> parrafo se autocompleta, allí añadimos así:

<p>Ejemplo de mi primer sitio web</p>

Guarda con CTRL + S

Abre la carpeta donde guardaste el archivo y ejecutalo con el navegador
FIREFOX QUANTUM DEVELOPER y listo hemos construido nuestro primer archivo HTML5
con VSC.

Comentarios

Entradas populares de este blog

INFORMACION OFICIAL PARA EL ESTUDIANTE DE BACHILLERATO TÉCNICO

Con el objetivo de tener en claro los procedimientos y directrices que el Ministerio ha desarrollado e implementado para la finalización del año escolar 2019 - 2020 en concordancia con los difíciles y duros momentos que hemos tenido que como sociedad afrontar, pongo en conocimiento el Instructivo que los bachilleratos técnicos debemos delinear hasta el fin del año el 30 de junio, dudas e inquietudes que tengan por favor vía correo y el mensajero de WhatsApp.

CONFIGURACIÓN DEL ENTORNO DE VISUAL ESTUDIO CODE VSC

El idioma ya lo cambiamos con el post anterior, veamos ahora como podemos configurar el área de trabajo o entorno de trabajo, que quiere decir esto, pues que debemos indicar a VSC donde vamos a guardar nuestros archivo, procedemos de la siguiente manera: Damos clic en la opción "agregar carpeta de área de trabajo" y seguido direccionamos a una carpeta previamente creada, allí es donde los archivos creados en este programa se va a almacenar, podemos también tener el programa abierto y arrastrar y soltar la carpeta sobre el programa y se agregará de la misma manera como área de trabajo. Listo, ahora una vez configurada nuestra área de trabajo, vamos  crear nuestro primer archivo...