PERIODO I

PÁGINAS WEB Y LENGUAJE DE MARCADO HTML

1. PÁGINAS WEB

*QUÉ ES UN SITIO WEB? Un sitio web es el conjunto de archivos electrónicos y páginas web referentes a un tema en particular, que incluye una página inicial de bienvenida, generalmente denominada home page, con un nombre de dominio y dirección en Internet específicos. Un sitio web es un gran espacio documental organizado que la mayoría de las veces está típicamente dedicado a algún tema particular o propósito específico. Cualquier sitio web puede contener hiperenlaces a cualquier otro sitio web, de manera que la distinción entre sitios individuales, percibido por el usuario, puede ser a veces borrosa.


Imagen relacionada
FUENTE. La web

*QUÉ ES UNA PÁGINA WEB? Una página web, o página electrónicapágina digital, o ciberpágina es un documento o información electrónica capaz de contener texto, sonidovídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascadaguiones (scripts), imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un equipo local o en un servidor web remoto. El servidor web puede restringir el acceso únicamente a redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante una transferencia desde servidores, utilizando el protocolo de transferencia de hipertexto (HTTP).


Resultado de imagen para paginas web
FUENTE. La web

*QUÉ ES UNA PÁGINA WEB ESTADÍSTICA? Es una herramienta que le da información completa e integral para analizar el tráfico que entra y se mueve a través de su sitio web. Al tener el conocimiento exacto de ver cómo los visitantes encuentran y se mueven a través de su sitio, facilita una mejor identificación de su audiencia para asegurar que la experiencia de sus clientes sea positiva.


Imagen relacionada
FUENTE. La web

*QUÉ ES UNA PÁGINA WEB DINÁMICA? Los sitios web dinámicos son aquellos que permiten crear aplicaciones dentro de la propia web, otorgando una mayor interactividad con el navegante. Aplicaciones dinámicas como encuestas y votaciones, noticiarios, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada ... donde el administrador dispone la opción de gestionar dichos apartados, agregando, editando o eliminando contenidos.


Resultado de imagen para paginas web dinamicas
FUENTE. La web


VIDEO 1. PAGINAS WEB




*WIX


 Wix.com es una plataforma para el desarrollo web basada en la nube que fue desarrollada y popularizada por la compañía Wix. Permite a los usuarios crear sitios web HTML y sitios móviles a través del uso de herramientas de arrastrar y soltar en línea.​ Los usuarios pueden agregar funcionalidades como plug-inse-commerce, formularios de contacto, marketing por correo electrónico, y foros comunitarios con sus sitios web utilizando una variedad de aplicaciones desarrolladas por Wix y de terceros.

Wix es construido en un modelo de negocio freemium, ganando sus ingresos a través de actualizaciones premium. Los usuarios deben comprar paquetes premium para conectar sus sitios a sus propios dominios, eliminar los anuncios Wix, añadir capacidades de comercio electrónico o comprar almacenamientos de datos y ancho de banda adicionales.
Resultado de imagen para wix
HISTORIA: Wix fue fundado en el 2006 por los israelíes Avishai Abrahami, Navad Abrahami y Giora Kaplan. La compañía, con sede en Tel Aviv, con oficinas en San Francisco, Nueva York, Dnipropetrovsk, y Vilnius, está respaldada por los inversores de "Capital".
La compañía entró en una fase beta abierta en 2007 usando una plataforma basada en Adobe Flash.
En abril de 2010 Wix tenía 3.5 millones de usuarios y recaudado $10 millones en financiación Serie C proporcionado por Benchmark Capital y los inversores existentes Besemer Venture Partners y Mangrove Capital Partners. En marzo de 2011, Wix tenía 8.5 millones de usuarios y recaudado $40 millones en financiación en Serie D, con lo que su financiación total a esa fecha ascendió a $61 millones.​ En abril de 2014, Wix anunció su adquisición de Appixia, una startup israelí para la creación de aplicaciones nativas de comercio móvil (M-Commerce). En octubre de 2014, Wix anunció su adquisición de OpenRest, un desarrollador de sistemas de pedidos en línea para restaurantes.



2. LENGUAJE DE MARCADO HTML

*HISTORIA

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.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
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.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C(World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).
La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.

FUENTE. La web

*QUÉ SON LOS LENGUAJES DE MARCADO? Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación.



Resultado de imagen para lenguaje de marcado
FUENTE. La web

*QUÉ SON LAS ABREVIATURAS CON "ML"?  una forma de codificación de un documento con información adicional sobre su estructura y presentación.


*QUÉ ES UN LENGUAJE DE MARCAS? Un lenguaje de marcas es una señal colocada en un texto con el fin de delimitar una parte del mismo para darle un formato determinado. Algunas de las marcas más empleadas son "<" y ">". Tenemos que tener en cuenta que el lenguaje de marcas no es un lenguaje de programación como tal pero puede contener partes de códigos de otros lenguajes de programación.


¿Qué es un lenguaje de marcas?
FUENTE. La web

*HTML HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language)es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web, pero no su funcionalidad. Otras tecnologías distintas de HTML son usadas generalmente para describir la apariencia/presentación de una página web (CSS) o su funcionalidad (JavaScript).


Resultado de imagen para HTML
FUENTE. La web

*QUÉ SON LAS ETIQUETAS? Las etiquetas son mensajes breves que el sistema aplica automáticamente a ciertas ediciones en historiales, cambios recientes y otras páginas especiales. La mayor parte de las etiquetas provienen del filtro de ediciones y la lista completa se localiza en Especial:Etiquetas.


Imagen relacionada
FUENTE. La web

EJEMPLOS:


Si se observa el código de una página web (sencillamente escogiendo en el menú del navegador «Ver -> Código fuente»), se encontrará con los paréntesis angulares < > (los símbolos "menor que" y "mayor que", que enmarcan habitualmente la etiqueta de apertura o inicio, y </ >, que acotan la etiqueta de cierre o final). Lo que hay entre las etiquetas suele ser el texto que se puede ver directamente en pantalla. Las etiquetas simplemente dan las órdenes que indican:
  1. Cómo se van a visualizar los elementos destinados a ser visibles en pantalla y cómo se visualizarán
  2. Cómo actuarán en el mismo documento los elementos no destinados a ser visibles en pantalla, así como la manera en que actuarán en relación con otros documentos

Véase el siguiente ejemplo:

<etiqueta1> <etiqueta2 atributo1="hola" atributo2="mundo"> </etiqueta2> <etiqueta3 atributo1="domin"/> </etiqueta1>
           
En este ejemplo hay tres etiquetas (etiqueta1etiqueta2 y etiqueta3). La etiqueta1 delimita, o contiene, las etiquetas etiqueta2 y etiqueta3. Las etiquetas también pueden tener atributos, que aportan información específica; por ejemplo, los atributos atributo1 y atributo2 aportan información a la etiqueta2, al igual que hace el atributo1 a la etiqueta3.
Ejemplos de balizas html:

 <html>
          <head>
             <title>
             </title>
          </head>
          <body bgcolor=red>
               <h1>
                   <font color=green><font face=verdana>
                   </font>
               </h1>
               <h2>
               </h2>
               <p>
                   <a href=destino de imagen>
                   <img src="fuente de imagen">
                   </a>
               </p>
          </body>
       </html>

Ejemplos de balizas html destinadas a interactuar con otros documentos sin ser necesariamente visibles en pantalla son, entre otros ejemplos posibles, las llamadas «metabalizas» (o metatags) que en lenguaje HTML pueden incluir palabras clave para que la página web en las que están incluidas sea referenciada con mayor rapidez y pertinencia por los motores de búsqueda.
https://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)

VIDEO 2. LENGUAJE DE MARCADO HTML


Actividad. Mi primera página web

Fuente. Maria Camila Bejarano

Actividad 2.Mi primera página web
Fuente. Maria Camila Bejarano

No hay comentarios.:

Publicar un comentario