miércoles, 17 de septiembre de 2014

Tutorial de HTML:



Aquí está un pequeño tutorial, básico, para aplicar cada concepto de HTML con sus respectivos comandos. Si deseas, puedes aplicar los pasos conforma a que lo veas.

Tabla de Comandos


Tabla de comandos:

Detalle del comandoAbreCierra
Principio de Documento..<html>...</html>
Encabezado y Título<head><title>....(titulo del archivo)....</title></head>
Color de Fondo de Página<body bgcolor="#RRVVAA">----
Imagen de Fondo<body background="XXX.gif (o jpg)">----
Imagen Individual<img src="YYY.gif (o jpg)">----
Imágen (Ancho y Alto)<img src=".." width="n" height="n">-----
Espacio "libre"<img src=".." hspace="n">-----
Color del Texto (parcial)<font color="#RRVVAA"></font>
Tamaño del Texto (parcial)<font size="n"></font>
Punto y a Parte<br>-----
Linea (s) en blanco<p>-----
"As you See"<pre></pre>
Línea Embebida<hr="n">-----
Negrita*Cursiva*Subray<b> * <I> * <U></b> * </I> * </U>
Subíndice * Superíndice<sub> * <sup></sub> * </sup>
Centrado*Izquierda*Derecha<center>*<left>*<right></center>*</left>*</right>
Enlace "lejano"<a href="http://...">....</a>
Enlace "ab.html" en tu PC<a href="ab.html">....</a>
Enlace misma página<a href="#pepe">....</a>
Localiz.anterior<a name="pepe">....</a>
Enlace Correo<a herf="mailto: dir.mail...">...</a>
Arch.de Sonido<bgsound src="xx.wav"> (o .mid)-----
Desplazam. Marquesina<marquee>(texto)</marquee>



En ésta tabla, podrás observar los distintos comandos de HTML. Si estás usando el bloc de notas u otro editor, ésta tabla es ideal. las etiquetas son elementos que permiten al texto hacer distintas funciones que ofrece HTML, a pesar de que no sean muchas funcionalidades, puesto que se trata de una página web estática al estar escrita en HTML.

Importancia del lenguaje HTML

Importancia del lenguaje HTML:

El HTML aún es usado en éstos tiempos, a pesar de que a veces se crea que es algo obsoleto. Es ideal para clases de computación, y en tiempos pasados, donde la tecnología no era tan avanzada, cuando no se usaba mucho Google, éste lenguaje permitió el desarrollo de las páginas web llamativas e innovadoras. además, otra razón es la siguiente, y cito:  hoy en día es imprescindible que un sitio web sea correctamente indexado en los motores de búsqueda como Google, Yahoo y MSN. Y para ello, su código HTML debe estar bien estructurado y optimizado para la indexación.

HTML dinámico

HTML dinámico:


HTML también puede ser dinámico, es decir, permitiría la interacción página web-usuario,  sólo si éste lenguaje se combina con otros para lograr así, ser dinámico, como JavaScript, VBScript, Java, ASP y PHP . DHTML, o Dinamic Hiper Text Markup Language, es la combinación de éstos lenguajes con el HTML. También puede hacerse uso de capas, de animaciones Flash, de applets java y de hojas de estilo CSS.


Lenguaje HTML

Lenguaje HTML:

 


El HTML o Hiper Text Markup Languge, es un lenguaje de programación de páginas web. éste lenguaje abarca dos elementos esenciales: el hipertexto y las etiquetas. El hipertexto, es aquel que permite escribir un texto estructuradamente, y que no solo se compone de texto únicamente, sino que también poseer imágenes, sonidos y vídeos. Las etiquetas, son lo que delimitan cada componente del lenguaje html, marcando así el inicio o el fin de un elemento del texto. Los navegadores, son quienes se encargan de interpretar cada código de html en los documentos.


Editores de HTML:

Existen distintos programas encargados de editar html, entre los cuales se encuentran: Macromedia Dreamweaver, Microsoft Frontpage, Adobe Pagemill, y otros programas cuya ventaja es que son gratuitos. Pero el más básico de todos, ideal para una persona principiante es el Bloc de Notas, por su fácil y sencillo manejo.

Clases de sitios web.


Clases de sitios web
Existen distintos tipos de sitios web, que se clasifican según determinada característica, como su lenguaje de programación o su utilidad. Sin embargo, existe una clasificación de página web, que es la más importante: los sitios web estáticos y dinámicos. veámoslos:

  • Los sitios web estáticos:

    Los sitios web estáticos, son aquellos en los cuales, los podemos encontrar con lenguaje HTML, y que además, únicamente están destinadas a mostrar la información, puesto que estos no permiten tanta interacción con el usuario. Los sitios web estáticos poseen las siguientes características:

    1. Ausencia de movimientos.

    2. El usuario tiene muchas limitaciones. Esto quiere decir que no pueden interactuar con la página, puesto que el usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos.

    3. Proceso de actualización completamente tedioso y manual.

    4. Ausencia de funcionalidades avanzadas.

  • Los sitios web dinámicos:

    A diferencia de los sitios web estáticos, los de ésta clase de sitio web poseen mayor interacción con el usuario. Éstos suelen usar el lenguaje PHP, y además poseen distintas funcionalidades. estas y otras características son:


    1. Gran número de diseños.

    2. Actualización rápida y sencilla.

    3. Gran número de soluciones predeterminadas.

    4. No requieren de conocimientos técnicos para su desarrollo, como lo necesita las páginas web estáticas.




Paginas estaticas vs Dinamicas

¿Qué es un sitio web?

Sitio web

Un sitio web es un conjunto de páginas, relacionadas entre si. Puede estar constituido por mas de una página web que ademas pueden ser ingresadas por un mismo dominio.
En general los sitios pueden ser de empresas, servicios, información, educación, tecnología, etc.
¿Cómo se dice: sitio web o página web?

 Se utiliza erróneamente el término página web para referirse a sitio web. "Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web". Dicho lo anterior, entonces, no debemos confundir éstos conceptos distintos.