SlideShare una empresa de Scribd logo
1 de 9
INTEGRANTE:
KELVINT CHACON
ANALISIS DE SISTEMA
¿QUÉ ES HTML?
HTML es el lenguaje con el que se definen las páginas
web. Básicamente se trata de un conjunto de etiquetas
que sirven para definir el texto y otros elementos que
compondrán una página web.
Historia de HTML

El origen de HTML se remonta a 1980, cuando el físico Tim Berners-
Lee, trabajador del CERN (Organización Europea para la
Investigación    Nuclear)    propuso  un   nuevo      sistema  de
"hipertexto" para compartir documentos.
El primer documento formal con la descripción de HTML se
publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y
todavía hoy puede ser consultado online a modo de reliquia
informática.
¿QUÉ ES UN SITIO WEB?

Un sitio web es una colección de páginas
web relacionadas y comunes a un dominio
de internet o sub-dominio en la World
Wide Web Internet.
¿QUÉ SON HIPERTEXTO?
Hipertexto (en inglés hypertext) es un sistema para
escribir y mostrar texto que enlaza a información
adicional sobre ese texto. El término fue acuñado por
Ted Nelson para referir a un sistema no lineal de buscar
y conseguir información basado en enlaces asociativos
entre documentos. La World Wide Web utiliza el
protocolo de transferencia de hipertexto (HTTP) para
enlazar páginas web y archivos multimedia.
¿QUÉ     ES UN HIPERVÍNCULO?
 Hipervínculo es un enlace, normalmente entre dos páginas web
de un mismo sitio, pero un enlace también puede apuntar a una
página de otro sitio web, a un fichero, a una imagen, etc. Para
navegar al destino al que apunta el enlace, hemos de hacer clic
sobre él. También se conocen como hiperenlaces, enlaces o links.
¿QUÉ ES PÁGINA WEB?
Una página web es el nombre de un documento o información
electrónica adaptada para la World Wide Web y que puede ser
accedida mediante un navegador. Esta información se
encuentra generalmente en formato HTML o XHTML, y puede
proporcionar     navegación      a    otras      páginas      web
mediante enlaces de hipertexto. Las páginas web
frecuentemente incluyen otros recursos como hojas e estilo en
cascada, guiones (scripts) e imágenes digitales, entre otros.
ESTRUCTURA BÁSICA DE HTML
La estructura HTML se empieza con la etiqueta <html> y acaba con
</html>. Todo lo que esté en medio será la página web. Dentro de
<html></html> se encuentran 2 partes diferenciadas.La primera
<head></head> es la cabecera de la página. Aquí irán cierta información
que no es directamente el contenido de la página. Aquí se pone el título de
la página, los metadatos, estilos, código javascript (todo esto se estudiará
en capítulos venideros). La primera que se suele estudiar es <title></title>,
que indica el título de la página (lo que el navegador pone en la parte
superior izquierda).La segunda parte es <body></body>. Aquí va
propiamente el contenido de la página: fotos, párrafos, formularios, etc.
                    La estructura básica de una
                    página web es la siguiente:
                               <html>
                          <head> </head>
                           <title> </title>
                               <body>
                              </body>
                               </html>
ASPECTO AL DISEÑAR UNA PAGINA WEB
 No elegir un hosting gratuito o barato.
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).
Hacer una buena elección en el nombre del dominio (dominio genérico)
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.
Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener una
mejor visibilidad en Internet.
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 hobbies.
 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.
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.
 No tener excesivo uso de imágenes y animaciones en flash.
Que no sea pagina web excesivamente animada, ya que esto hace que el visitante se
distraiga a tal punto que prefiera abandonar la pagina.
Si usted o su empresa están en el propósito de tener presencia en Internet, no olvide que
cuenta con el respaldo de Mercadeo Paginas Web -soluciones integrales en comercio
electrónico.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (12)

Historia de la web
Historia de la webHistoria de la web
Historia de la web
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Diagrama de clases
Diagrama de clasesDiagrama de clases
Diagrama de clases
 
Spring tool suite instalacion
Spring tool suite instalacionSpring tool suite instalacion
Spring tool suite instalacion
 
RECURSIVIDAD C++
RECURSIVIDAD C++RECURSIVIDAD C++
RECURSIVIDAD C++
 
Introducción a php
Introducción a phpIntroducción a php
Introducción a php
 
Javascript es6-ejercicios-resueltos-parte-1
Javascript es6-ejercicios-resueltos-parte-1Javascript es6-ejercicios-resueltos-parte-1
Javascript es6-ejercicios-resueltos-parte-1
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
 
Bloc de notas
Bloc de notasBloc de notas
Bloc de notas
 
Topicos Avanzados de Programacion - Unidad 2 GUI Interfaz Grafica de Usuario
Topicos Avanzados de Programacion - Unidad 2 GUI Interfaz Grafica de UsuarioTopicos Avanzados de Programacion - Unidad 2 GUI Interfaz Grafica de Usuario
Topicos Avanzados de Programacion - Unidad 2 GUI Interfaz Grafica de Usuario
 
Accediendo a los Contenidos del AVA
Accediendo a los Contenidos del AVAAccediendo a los Contenidos del AVA
Accediendo a los Contenidos del AVA
 
Agregar espacios en html
Agregar espacios en htmlAgregar espacios en html
Agregar espacios en html
 

Destacado

Ventajas y desventajas av. tecnologicos
Ventajas y desventajas av. tecnologicosVentajas y desventajas av. tecnologicos
Ventajas y desventajas av. tecnologicosenriquebolanos
 
Paso por el mundo perdido,escalada al tepuy roraima
Paso por el mundo perdido,escalada al tepuy roraimaPaso por el mundo perdido,escalada al tepuy roraima
Paso por el mundo perdido,escalada al tepuy roraimaVictor José Hernández
 
RESUMEN DE ACUERDOS CCT-PQV 2014-2016
RESUMEN DE ACUERDOS CCT-PQV 2014-2016RESUMEN DE ACUERDOS CCT-PQV 2014-2016
RESUMEN DE ACUERDOS CCT-PQV 2014-2016Jose Marriaga
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5 verosorio
 
Características novedades html5
Características novedades html5Características novedades html5
Características novedades html5Xa Ba
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas webalbafa1995
 
Diferencia de html y html 5
Diferencia de html y html 5Diferencia de html y html 5
Diferencia de html y html 5Daviid Siilva
 
Posiciones y medidas de la cancha de baloncesto
Posiciones y medidas de la cancha de baloncestoPosiciones y medidas de la cancha de baloncesto
Posiciones y medidas de la cancha de baloncestoCATALINAZA
 
biografia html
biografia htmlbiografia html
biografia htmlrulascch
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaverferluferroj
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anterioresXa Ba
 
Historia del Facebook
Historia del FacebookHistoria del Facebook
Historia del Facebookshadru
 
Resumen historia de mexico
Resumen historia de mexicoResumen historia de mexico
Resumen historia de mexicoServus
 

Destacado (20)

breve historia de html
breve historia de htmlbreve historia de html
breve historia de html
 
Historia de html
Historia de htmlHistoria de html
Historia de html
 
Mapa conceptual html 1
Mapa conceptual html 1Mapa conceptual html 1
Mapa conceptual html 1
 
Html evolucion
Html evolucionHtml evolucion
Html evolucion
 
Ventajas y desventajas av. tecnologicos
Ventajas y desventajas av. tecnologicosVentajas y desventajas av. tecnologicos
Ventajas y desventajas av. tecnologicos
 
Paso por el mundo perdido,escalada al tepuy roraima
Paso por el mundo perdido,escalada al tepuy roraimaPaso por el mundo perdido,escalada al tepuy roraima
Paso por el mundo perdido,escalada al tepuy roraima
 
RESUMEN DE ACUERDOS CCT-PQV 2014-2016
RESUMEN DE ACUERDOS CCT-PQV 2014-2016RESUMEN DE ACUERDOS CCT-PQV 2014-2016
RESUMEN DE ACUERDOS CCT-PQV 2014-2016
 
HTML - HTML5
HTML - HTML5 HTML - HTML5
HTML - HTML5
 
Características novedades html5
Características novedades html5Características novedades html5
Características novedades html5
 
Lenguaje de programación de páginas web
Lenguaje de programación de páginas webLenguaje de programación de páginas web
Lenguaje de programación de páginas web
 
Diferencia de html y html 5
Diferencia de html y html 5Diferencia de html y html 5
Diferencia de html y html 5
 
Posiciones y medidas de la cancha de baloncesto
Posiciones y medidas de la cancha de baloncestoPosiciones y medidas de la cancha de baloncesto
Posiciones y medidas de la cancha de baloncesto
 
Creadores de google
Creadores de googleCreadores de google
Creadores de google
 
biografia html
biografia htmlbiografia html
biografia html
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaver
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anteriores
 
Temas de html
Temas de htmlTemas de html
Temas de html
 
Google
GoogleGoogle
Google
 
Historia del Facebook
Historia del FacebookHistoria del Facebook
Historia del Facebook
 
Resumen historia de mexico
Resumen historia de mexicoResumen historia de mexico
Resumen historia de mexico
 

Similar a Resumen html

Introdución al html
Introdución al htmlIntrodución al html
Introdución al htmlramoniutepi
 
Estructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTMLEstructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTMLAlejandra Vanegas
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no ajack4555
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aJoonLee2000
 
Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..dennisaguiriano
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webprofetellez
 
Producto 3
Producto 3Producto 3
Producto 3LaloWR11
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016profetellez
 
Power point de redes
Power point de redesPower point de redes
Power point de redesjimey
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de htmlalexander polanco
 
Precentacion conceptos basicos de la Programacion en HTML.pptx
Precentacion conceptos basicos de la Programacion en HTML.pptxPrecentacion conceptos basicos de la Programacion en HTML.pptx
Precentacion conceptos basicos de la Programacion en HTML.pptxsantiagovelasquez01
 

Similar a Resumen html (20)

Html
HtmlHtml
Html
 
Introdución al html
Introdución al htmlIntrodución al html
Introdución al html
 
Introduccion al html
Introduccion al htmlIntroduccion al html
Introduccion al html
 
Estructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTMLEstructura de una Pagina Web en HTML
Estructura de una Pagina Web en HTML
 
Página Web
Página WebPágina Web
Página Web
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Producto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no aProducto 3 joon y jorge 9no a
Producto 3 joon y jorge 9no a
 
Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..Desarrollo Pagina Web!!..
Desarrollo Pagina Web!!..
 
Guia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia webGuia no 1 cómo crear mi propia web
Guia no 1 cómo crear mi propia web
 
Producto 3
Producto 3Producto 3
Producto 3
 
Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016Guia 1 introduccion al html inesani 2016
Guia 1 introduccion al html inesani 2016
 
Html
HtmlHtml
Html
 
Power point de redes
Power point de redesPower point de redes
Power point de redes
 
Como hacer una página web fácil
Como hacer una página web fácilComo hacer una página web fácil
Como hacer una página web fácil
 
Html
HtmlHtml
Html
 
Alexander y diego paginas de html
Alexander y diego paginas de htmlAlexander y diego paginas de html
Alexander y diego paginas de html
 
Html
HtmlHtml
Html
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Precentacion conceptos basicos de la Programacion en HTML.pptx
Precentacion conceptos basicos de la Programacion en HTML.pptxPrecentacion conceptos basicos de la Programacion en HTML.pptx
Precentacion conceptos basicos de la Programacion en HTML.pptx
 
Tema 1
Tema 1Tema 1
Tema 1
 

Resumen html

  • 2. ¿QUÉ ES HTML? HTML es el lenguaje con el que se definen las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web.
  • 3. Historia de HTML El origen de HTML se remonta a 1980, cuando el físico Tim Berners- Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos. El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags (Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
  • 4. ¿QUÉ ES UN SITIO WEB? Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de internet o sub-dominio en la World Wide Web Internet.
  • 5. ¿QUÉ SON HIPERTEXTO? Hipertexto (en inglés hypertext) es un sistema para escribir y mostrar texto que enlaza a información adicional sobre ese texto. El término fue acuñado por Ted Nelson para referir a un sistema no lineal de buscar y conseguir información basado en enlaces asociativos entre documentos. La World Wide Web utiliza el protocolo de transferencia de hipertexto (HTTP) para enlazar páginas web y archivos multimedia.
  • 6. ¿QUÉ ES UN HIPERVÍNCULO? Hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como hiperenlaces, enlaces o links.
  • 7. ¿QUÉ ES PÁGINA WEB? Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas e estilo en cascada, guiones (scripts) e imágenes digitales, entre otros.
  • 8. ESTRUCTURA BÁSICA DE HTML La estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. La estructura básica de una página web es la siguiente: <html> <head> </head> <title> </title> <body> </body> </html>
  • 9. ASPECTO AL DISEÑAR UNA PAGINA WEB  No elegir un hosting gratuito o barato. 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). Hacer una buena elección en el nombre del dominio (dominio genérico) 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. Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener una mejor visibilidad en Internet. 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 hobbies.  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. 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.  No tener excesivo uso de imágenes y animaciones en flash. Que no sea pagina web excesivamente animada, ya que esto hace que el visitante se distraiga a tal punto que prefiera abandonar la pagina. Si usted o su empresa están en el propósito de tener presencia en Internet, no olvide que cuenta con el respaldo de Mercadeo Paginas Web -soluciones integrales en comercio electrónico.