Ir al contenido principal

RECORDAMOS LOS TEMAS TRATADOS

RECORDAMOS LOS TEMAS TRATADOS

HTML: Qué es?
HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. (wikipedia)

ESTRUCTURA DE UNA PÁGINA WEB
La página web debe estar estructurada de la siguiente manera:


ALGUNOS CONCEPTOS NECESARIOS
Navegador: Un navegador web (en inglés, web browser) es un software, aplicación o programa que permite el acceso a la Web, interpretando la información de distintos tipos de archivos y sitios web para que estos puedan ser vistos.

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Además, permite visitar páginas web y hacer actividades en ella, es decir, enlazar un sitio con otro, imprimir, enviar y recibir correo, entre otras funcionalidades más. (wikipedia)

Editor html: programas con los cuales se pueden escribir los códigos HTML estos pueden ser un editor de texto simple sin formatos como NOTEPAD o en modo gráfico con asistentes como Dreamweaver, fabricado por Adobe.

Sitio: Un sitio web es un conjunto de archivos electrónicos y páginas web referentes a un tema en particular, incluyendo una página inicial de bienvenida generalmente denominada home page, a los cuales se puede acceder a través de un nombre de dominio y dirección en Internet específicos.

Dominio de Internet: es un nombre único que identifica a un subárea de Internet.

El propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio (DNS), es traducir las direcciones IP de cada activo en la red, a términos memorizables y fáciles de encontrar. Esta abstracción hace posible que cualquier servicio (de red) pueda moverse de un lugar geográfico a otro en la Internet, aún cuando el cambio implique que tendrá una dirección IP diferente.1​

Sin la ayuda del sistema de nombres de dominio, los usuarios de Internet tendrían que acceder a cada servicio web utilizando la dirección IP del nodo (por ejemplo, sería necesario utilizar http://172.217.10.110/ en vez de http://google.com). Además, reduciría el número de webs posibles, ya que actualmente es habitual que una misma dirección IP sea compartida por varios dominios. (Wikipedia)

Etiquetas: Una etiqueta HTML es (para los más novatos en esto) aquello que vemos entre corchetes angulares en el código de nuestra web, por ejemplo: <H1> (Encabezado principal). Casi todas las etiquetas deben «encerrar» el contenido al que afecta, aunque no son el 100% de los casos, como por ejemplo: <br /> (Salto de línea)







Comentarios

  1. Es importante aprender sobre los conceptos basicos del html lo cual nos podria ayudar mucho para empezar nuestra propia pagina web

    ResponderEliminar
  2. Esta información me pareció muy útil ya que a través de ella aprendemos los conceptos básico para aprender a programar en HTML y crear nuestra propia pagina web

    ResponderEliminar
  3. Los conceptos del HTML son muy simples de aprender, y como muchas posibilidades para ponerlo en practica, el unico limitante es la imaginacion.

    ResponderEliminar
  4. Me ayudo a conocer mas sobre HTML y son faciles de entender y asi podemos ponerlo en practica creando nuestra pagina web

    ResponderEliminar

Publicar un comentario

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.

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 compl...

ASÍ RAPIDITO... COMO USAMOS SUBLIME TEXT

VAMOS CON LO QUE NOS OCUPA Sublime Text, es uno de los programas más interesantes y sencillos al momento de trabajar en el levantamiento de códigos HTML, PHP y Javascript, así que como ustedes ya han experimentado escribir html en bloc de notas, pues la cosa será más sencilla aún. Vamos pues. EL ENTORNO Se muestra como en la imagen que vemos a continuación: COMO INICIAR En sublime text debemos en primer lugar guardar el archivo con su extensión respectiva, esta extensión permitirá al programa identificar las etiquetas o códigos que debe utilizar y eso acelera la edición, ustedes han experimentado eso en visual basic. El ejemplo como se muestra en la imagen a continuación: BIEN AHORA... CÓMO FUNCIONA ESTO? Bien esto es sencillo, una vez guardado con la extensión, en este caso html, en la ventana de  edición del programa escribimos html ( minúsculas ). Seguido de la tecla TAB y sucederá la magia...naaa, sucede que sublime text identifica el programa y nos escribe a...