Creación de paginas web Introducción a html

  • 0

Creación de paginas web Introducción a html

Estamos prácticamente rodeados de cientos de miles de sitios web sobre los cuales navegamos a diario y esta de mas decir que en mas de alguna ocasión hemos llegado a alguno que nos ha servido tanto que lo solemos visitar con mucha mas frecuencia.

Y es que hablar de sitios web es hablar de una diversidad de conocimientos y tecnologías que intervienen para traernos a nosotros una presentación gráfica sobre la cual podemos navegar e interactuar.

Es por eso que el día de hoy empezaremos un curso para creación de sitios web.

¿Que conocimientos debo tener para empezar este curso?

 

Este curso empieza desde cero por lo que no es necesario tener algún conocimiento previo de programación y/o diseño.

¿Que herramientas utilizare?

 

HerramientaDescripción
Equipo informaticoCualquier equipo ya sea laptop o pc de escritorio sobre el cual podamos instalar las herramientas descritas en los siguientes puntos
Editor de textoDe preferencia algún editor de texto que tenga la opción de reconocimiento de lenguaje de programación utilizado para hacer mas fácil la detección de etiquetas
Navegador webSobre este se realizaran las pruebas y veremos los resultados obtenidos de las etiquetas utilizadas

HTML

HyperText Markup Language (lenguaje de marcas de hipertexto) es un lenguaje de marcado que sirve para la elaboración de paginas web, no debe confundirse con un lenguaje de programación ya que este no permite el uso de características básicas para ser catalogado como lenguaje de programación (variables,estructuras de desicion, estructuras repetitivas, etc).

Html nos servirá para maquetar nuestras paginas y luego lo combinaremos con otras tecnologías para poder darle un diseño y dinamismo al sitio.

Estructura html

Estructura básica de html5

Debemos entender que cada una de las partes marcadas anterior mente son consideradas secciones y las secciones son definidas por etiquetas como las mostradas en la imagen anterior.

Las etiquetas a parte de delimitar zonas también poseen la utilidad de modificar y/o mostrar contenido vamos a listar alguna de las etiquetas básicas de html.

EtiquetaDescripcion
<html> </html>Indica el inicio y fin de nuestra pagina.
<head> </head>
Esta es la cabecera del nuestra pagina, contendrá referencias, meta datos y carga de recursos externos para implementar en nuestra pagina.
<h1> </h1>
<h2> </h2>
<h3> </h3>
Etiquetas que sirven para establecer títulos en nuestra pagina, su orden de relevancia va de menor a mayor siendo el mas importante h1 luego h2 y asi consecutivamente

<footer> </footer> Delimita el pie de nuestra pagina en donde puede ir incluido un menú, derechos de autor, enlaces de interés, etc.
<div> </div> Es utilizado como cuadro o caja contenedora de contenido, es quizás la mas importante y mas relevante de todas las etiquetas por lo que estaremos profundizando y brindando mas detalles de esta etiqueta en el siguiente post

Editor de texto utilizado.

Sublime text

sublime_text_logo

Editor altamente recomendado que reconoce la sintaxis html y ademas permite escribir código abreviado el cual el complementa, instalación de plugins, entre muchas otras cosas mas. Les dejamos el link para que puedan descargarlo en su equipo.

Descargar

Vídeo practico.

Código fuente.

Descargar

En el siguiente post veremos lo siguiente.

  1. Modelo de caja para de las etiquetas.
  2. Más etiquetas HTML.
  3. Introducción a las hojas de estilo.

También podría interesarte

Curso programación básica

Curso arduino

Referencias de utilidad.

http://www.w3schools.com/html/

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Leave a Reply