INTRODUCIÓN AL HTML…      RAMÓN CARRILLO
¿Qué es HTML?Es un lenguaje de programación que se utiliza para eldesarrollo de páginas de Internet.       Se trata de la ...
HISTORIA DEL HTML      Este lenguaje fue desarrollado por la Organización Europea deInvestigación Nuclear (CERN) en el año...
HISTORIA DEL HTML      El norteamericano Tim Berners-Lee fue el primero en proponeruna descripción de HTML en un documento...
¿Qué es un Sitio Web?       Es un espacio virtual en Internet. Se trata de un conjunto depáginas web que son accesibles de...
¿Qué son Hipertexto e Hipervínculo?        Hipertexto                           Hipervínculo     Es el lenguaje que utiliz...
Defina Pagina WEB     Una página web es un documento o información electrónicaadaptada para la World Wide Web que generalm...
Estructura Básica de una Pagina              WEBLa estructura básica de una página web es la siguiente:< HTML>< HEAD>< TIT...
Aspectos a Considerar en el Diseño         de Paginas WEB1. No elegir un hosting gratuito o barato.2. Comprar un nombre de...
Aspectos a Considerar en el Diseño        de Paginas WEB7. No tener Navegación pobre (encontrar las páginas a través de un...
Próxima SlideShare
Cargando en…5
×

Introdución al html

286 visualizaciones

Publicado el

0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
286
En SlideShare
0
De insertados
0
Número de insertados
1
Acciones
Compartido
0
Descargas
4
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Introdución al html

  1. 1. INTRODUCIÓN AL HTML… RAMÓN CARRILLO
  2. 2. ¿Qué es HTML?Es un lenguaje de programación que se utiliza para eldesarrollo de páginas de Internet. Se trata de la sigla que corresponde a Hyper TextMarkup Language, es decir, Lenguaje de Marcas de Hipertexto,que podría ser traducido como Lenguaje de Formato deDocumentos para Hipertexto, Se trata de un formato abierto quesurgió a partir de las etiquetas SGML (Standard GeneralizedMarkup Language). Concepto traducido generalmente como“Estándar de Lenguaje de Marcado Generalizado” y que seentiende como un sistema que permite ordenar y etiquetardiversos documentos dentro de una lista. Este lenguaje es el que se utiliza para especificar losnombres de las etiquetas que se utilizarán al ordenar, noexisten reglas para dicha organización, por eso se dice que esun sistema de formato abierto.
  3. 3. HISTORIA DEL HTML Este lenguaje fue desarrollado por la Organización Europea deInvestigación Nuclear (CERN) en el año 1945 con la finalidad dedesarrollar un sistema de almacenamiento donde las cosas no seperdieran, que pudieran ser conectadas a través de hipervínculos.Primeramente crearon un dispositivo llamado “memex”, el cual eraconsiderado como un suplemento para la memoria. Posteriormente, Douglas Engelbart, diseñó un entorno de trabajopor computadora que recibiría el nombre de ON Line System queposeía un catálogo para facilitar la tarea de búsqueda dentro de unmismo organismo. Recién en 1965, Ted Nelson acuñó el término hipervínculo,ideando una estructura que se encontraba conectada de formaelectrónica y que más tarde permitiría la creación de la World WideWeb (1989), un sistema de hipertexto a través del cual era posiblecompartir una variada información sirviéndose de Internet (servía parala comunicación entre investigadores nucleares que formaran partedel CERN).
  4. 4. HISTORIA DEL HTML El norteamericano Tim Berners-Lee fue el primero en proponeruna descripción de HTML en un documento que publicó en 1991. Allídescribía veintidós componentes que suponen el diseño más básico ysimple del HTML.El tipo de codificación que se utilizó para el desarrollo de este sistemade hipervínculos debía ser comprendido, tanto por ordenadorestontos como por mega-estaciones, por eso fue necesario crear unoabsolutamente simples, tanto en lo que respectaba al lenguaje deintercambio (HTML), como el que hacía referencia al protocolo de red(HTTP).
  5. 5. ¿Qué es un Sitio Web? Es un espacio virtual en Internet. Se trata de un conjunto depáginas web que son accesibles desde un mismo dominio osubdominio de la World Wide Web (WWW). Los sitios web incluyen documentos HTML, fotografías,sonidos, vídeos, animaciones Flash y otro tipo de contenidos quepueden compartirse en línea. La URL raíz del sitio web se conocecomo portada o homepage. Lo más habitual es que esta portadafacilite el acceso a todas las páginas del sitio mediantehipervínculos (también conocidos como enlaces o links). Un sitio web es un gran espacio documental organizado quela mayoría de las veces está típicamente dedicado a algún temaparticular o propósito específico. Cualquier sitio web puedecontener hiperenlaces a cualquier otro sitio web, de manera que ladistinción entre sitios individuales, percibido por el usuario,puede ser a veces borrosa. No debemos confundir sitio web con página web; esta últimaes sólo un archivo HTML, una unidad HTML, que forma parte dealgún sitio web.
  6. 6. ¿Qué son Hipertexto e Hipervínculo? Hipertexto Hipervínculo Es el lenguaje que utilizan Es un link o accesolos programadores para directo desde una página webdesarrollar páginas web HTTP hacia otra, hacia una descarga,(Protocolo de transferencia de hacia una parte de la mismaHipertexto, por sus siglas en página, etc.Inglés). Digamos la base de Que tan sencillo darletoda página web. click y te lleva a otro lugar en la web.
  7. 7. Defina Pagina WEB Una página web es un documento o información electrónicaadaptada para la World Wide Web que generalmente forma parte deun sitio web. Su principal característica son los hipervínculos de unapágina, siendo esto el fundamento de la WWW. Se conoce como página web al documento que formaparte de un sitio web y que suele contar con enlaces (tambiénconocidos como hipervínculos o links) para facilitar lanavegación entre los contenidos. Las páginas web están desarrolladas con lenguajes demarcado como el HTML, que pueden ser interpretados por losnavegadores. De esta forma, las páginas pueden presentarinformación en distintos formatos (texto, imágenes, sonidos,videos, animaciones), estar asociadas a datos de estilo ocontar con aplicaciones interactivas.
  8. 8. Estructura Básica de una Pagina WEBLa estructura básica de una página web es la siguiente:< HTML>< HEAD>< TITLE>Título de la página</TITLE>< /HEAD>< BODY>Aquí van todas las etiquetas o instrucciones del documento< /BODY>< /HTML>Un documento HTML se divide en dos partes: El encabezamiento que está comprendido por las etiquetas <HEAD> y </HEAD>.Dentro podemos encontrar información del documento que no se verá en la página web.De esta parte destacaremos la etiqueta <TITLE> y </TITLE>. El título que le pongamos anuestra página debe ser breve y descriptivo de su contenido, ya que será lo que verán losdemás cuando incluyan nuestra página a su agenda de direcciones "bookmark".El cuerpo que está comprendido por las etiquetas <BODY> y </BODY>. aquí dentro habrátodo lo que queramos que aparezca en nuestra página web (texto, imágenes, sonidos,...).Las etiquetas que pongamos no aparecerán en el navegador
  9. 9. Aspectos a Considerar en el Diseño de Paginas WEB1. No elegir un hosting gratuito o barato.2. Comprar un nombre de dominio propio (comprobar si el dominio no ha sido penalizado por Google anteriormente, si se trata de un dominio ya existente).3. Hacer una buena elección en el nombre del dominio (dominio genérico).4. Diseñar considerando los motores de búsqueda ( usar excesivamente tecnología flash que no es amigable con los buscadores). Sitio web bien diseñado técnicamente, sin errores de compatibilidad.5. Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener una mejor visibilidad en Internet.6. No olvidarse del mercado objetivo. Desde el punto de vista del marketing y la comercialización en internet, es importante nunca perder el rumbo, el propósito inicial de para que fue realizada la pagina web, es el de ser un negocio no es un hobbie.
  10. 10. Aspectos a Considerar en el Diseño de Paginas WEB7. No tener Navegación pobre (encontrar las páginas a través de un menú simple rápido, en definitiva, que el usuario encuentre lo que quiere). Considerar un tema muy importante la Usabilidad Web para una correcta presentación y uso de la pagina web.8. No Utilizar palabras clave incorrectas, ser relevante en el sentido de lo que la gente busca en los buscadores de Google, Yahoo! y Live Search.9. No tener excesivo uso de imágenes y animaciones en flash.10. Que no sea pagina web excesivamente animada, ya que esto hace que el visitante se distraiga a tal punto que prefiera abandonar la pagina.

×