Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Introducción a HTML con Visual Studio Code, Resúmenes de Ingeniería del Software

Este documento proporciona una introducción al lenguaje de marcado html y cómo trabajar con él utilizando el editor de texto visual studio code. Se explican conceptos clave como la estructura de un sitio web, las etiquetas html, la configuración del entorno de desarrollo y la instalación de extensiones útiles. El documento guía al usuario a través de los pasos necesarios para comenzar a crear y visualizar documentos html de manera eficiente. Con esta información, los estudiantes podrán familiarizarse con los fundamentos del desarrollo web frontend y adquirir las habilidades necesarias para construir sitios web básicos.

Tipo: Resúmenes

2021/2022

Subido el 29/10/2023

felix-antonio-alfonso-forero
felix-antonio-alfonso-forero 🇨🇴

3 documentos

1 / 14

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
PRIMER VIDEO
Para trabajar HTML necesitamos un editor de texto.
Para este módulo vamos a trabajar con “Visual Studio Code”
- Para editar el idioma en el que vamos a trabajar, iremos a la parte que dice “VIEW”
y seleccionamos “Command Palette” o con el comando Control + Shif + p.
Posteriormente escribo language y elijo la opción "configure Display Language”,
luego escojo la opción que aparece como "es" - español
- o voy a la opción que dice "Install Additional Langages..."
- Luego se despliega una barra en la que podré buscar e instalar el lenguaje
español.
Se deben instalar extensiones, que son mejoras a la versión original del programa.
La primera extensión sería "Live Server" la cual sirve para cuando estemos
trabajando con los documentos HTML podamos visualizar los mismos
automáticamente en el navegador.
Otra extensión es "Prettier - Code Formatter” Esta extensión es un formateador
del código, el cual nos va a dar una ayuda para que nuestro código se vea y se lea
bien.
Se deben crear carpetas para guardar los archivos de HTLM - se sugiere poner nombres
en minúsculas, sin espacios y sin acentos.
SEGUNDO VIDEO
¿Qué es html?
Es un lenguaje de marcado, es decir lo que se ve, no como se ve.
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe

Vista previa parcial del texto

¡Descarga Introducción a HTML con Visual Studio Code y más Resúmenes en PDF de Ingeniería del Software solo en Docsity!

PRIMER VIDEO

Para trabajar HTML necesitamos un editor de texto. Para este módulo vamos a trabajar con “Visual Studio Code”

  • Para editar el idioma en el que vamos a trabajar, iremos a la parte que dice “VIEW” y seleccionamos “Command Palette” o con el comando Control + Shif + p. Posteriormente escribo language y elijo la opción " configure Display Language” , luego escojo la opción que aparece como "es" - español
  • o voy a la opción que dice "Install Additional Langages..."
  • Luego se despliega una barra en la que podré buscar e instalar el lenguaje español. Se deben instalar extensiones, que son mejoras a la versión original del programa.  La primera extensión sería "Live Server" la cual sirve para cuando estemos trabajando con los documentos HTML podamos visualizar los mismos automáticamente en el navegador.  Otra extensión es "Prettier - Code Formatter” Esta extensión es un formateador del código, el cual nos va a dar una ayuda para que nuestro código se vea y se lea bien. Se deben crear carpetas para guardar los archivos de HTLM - se sugiere poner nombres en minúsculas, sin espacios y sin acentos. SEGUNDO VIDEO ¿Qué es html? Es un lenguaje de marcado, es decir lo que se ve, no como se ve.

Estructura de un sitio web Generalmente los sitios web están compuestos de: Frontend y backend Fontend es la capa visual, mientras que backend es la parte que no se ve.

TERCER VIDEO

¿QUÉ ES UNA ETIQUETA?

Todos los documentos que se realicen bajo HTML, deben tener la extención.html Index - Hace referencia al índice de tú sitio web. CUARTO VIDEO ETIQUETAS ESTRUCTURALES

QUINTO VIDEO

Etiquetas De Texto

Todos los atributos se escriben en ingles