Periodo 1

TEMÁTICA: PÁGINAS WEB Y LENGUAJE DE MARCADO HTML

PÁGINAS WEB

• Que es una pagina web

Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, vídeos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.

Fuente

• Que es un sitio web

Un sitio web es un lugar virtual en la red que guarda contenido para que la gente tenga acceso a él, así de simple. Se conforma por varios documentos que se acomodan de manera organizada para que sea atractivo visualmente, dichos documentos se llaman páginas web. Por lo tanto, un sitio web es la compilación organizada y estructurada de un determinado número de páginas web.

Fuente

• Que es una pagina web estática

Una página web estática es un sitio de Internet que muestra el mismo contenido para todos los usuarios, en vez de proporcionar contenido personalizado a la medida de cada usuario, y que no se actualiza a menudo. Las páginas web estáticas, que algunas veces se conocen como páginas planas, contrastan con las páginas web dinámicas que se actualizan frecuentemente y proporcionan información personalizada para usuarios individuales.

Fuente

• Que es una pagina web dinámica

         
La paginas web dinámicas son aquellas en las que la información presentada se genera a partir de una petición del usuario de la página. Contrariamente a lo que ocurre con las paginas estáticas, en las que su contenido se encuentra predeterminado, en las paginas dinámicas la información aparece inmediatamente después de una solicitud hecha por el usuario .

 Fuente

• Extensiones de una pagina web

Cuando navegas por Internet, verás que existen muchas extensiones diferentes en las URL que vayas utilizando. Normalmente, asociamos una extensión un formato html a un archivo de Internet, pero existen otros tipos muy utilizados y que seguramente te sonarán.

Cuando Internet comenzó hace ya algunos años, funcionaba casi exclusivamente sobre máquinas Unix y todas las páginas eran estáticas. La extensión estándar era html. Cuando la gente empezó a utilizar ordenadores y PCs con el sistema operativo DOS y más tarde Windows con servidores Web incorporados, las cuatro letras html empezaron a ser problemáticas. 

Al poco tiempo se hizo una normativa que permitía solo tres letras en la extensión. Esto dio paso a dos extensiones estándar: html y htm. Hubo un tiempo en que se podía distinguir si un sitio Web estaba funcionando con Unix o Windows solamente mirando la extensión, pero ahora ya no hay esa distinción.

Las páginas etiquetadas con la extensión shtml, nos revelan que se están utilizando ‘formas’ desde el lado del servidor, o dicho de otra manera, está utilizando SSI (Server Side Includes). Como se ha dicho, las páginas html y htm son estáticas. Se hace la petición a estas páginas y son enviadas tal cual al usuario que las quiere ver. Con SSI, una página puede contener etiquetas indicando que otro fichero debe ser insertado en lugar de la etiqueta de la página existente.

Esto quiere decir que la página es cogida del disco duro del servidor y el propio servidor hace todas las sustituciones indicadas. Entonces manda la página final al usuario. Esto hace que sea fácil cambiar ciertas cosas como cabeceras o pies de página en todas las páginas de un dominio.

fuente

fuente: la web
imagen 1

• Wix:

Wix es una herramienta on line para sitios web con mucha facilidad y gran atractivo, ya que están basados en tecnología flash lo que le entrega a estos sitios, grandes posibilidades de animación y personalización a partir de una serie de diseños predeterminados de planillas a elección.

Con la herramienta que funciona totalmente en línea, se pueden crear sitios web con widgets como por ejemplo el contacto o comentarios, tarjetas de presentación, recursos pedagógicos (como por ejemplo del que anteriormente hablamos aquí), e incluso animaciones en flash para después usar en otro sitio web o en un blog.

La herramienta funciona con drag&drop, lo que quiere decir que con tan sólo arrastrar, cortar y pegar podemos armar el sitio web en minutos, aunque de igual forma permite incorporar formato HTML por si se quiere agregar algún elemento externo.

El registro es sumamente sencillo al igual que el uso de la herramienta, aunque sus comandos están en inglés, pero son muy intuitivos para utilizar, además de que se puede basar un diseño en alguna plantilla de las que ofrece la aplicación con lo que el diseño es mucho más sencillo todavía, o en su efecto, borrar la plantilla y comenzar un sitio desde cero.

Fuente

• Historia

Wix fue fundado en el año 2006 por Avishai Abrahami, Nadav Abrahami y Giora (Gig) Kaplan. 

Los hermanos Abrahami y Kaplan, su amigo, desarrollaron la plataforma de Wix como resultado a la frustración generada por las complejidades que presenta la creación de sitios web. Juntos encontraron una manera revolucionaria en la que tanto personas particulares como empresas, pudieran crear y administrar sus propios sitios web.

Once años más tarde Wix sigue ayudando a casi 110 millones de usuarios, entre los cuales muchos no cuentan con habilidades avanzadas para crear una presencia online estética, profesional y funcional. Sin límites de creatividad, sin códigos complicados y con la total libertad para que te expreses y administres tu propio negocio online. 

imagen 2

Fuente

                  video 1                  

fuente

Imagen 3
fuente: la web

•   Lenguaje de marcado HTML:

¿Qué es?

HTML o HyperText Markup Language es el lenguaje de la web. Casi todas las páginas web están escritas en HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Incluye elementos para conectar los documentos (hipertexto) y hacer que los documentos web sean interactivos. HTML es un lenguaje de marcado definido como estándar. Esta norma fue desarrollada por el World Wide Web Consortium (W3C). 

Se basa en SGML (Standard Generalized Markup Language). Es un lenguaje que utiliza etiquetas para definir la estructura de un texto. Elementos y etiquetas son definidas por los caracteres ‹ y ›.

• Historia

En el año 1989, el físico nuclear Tim Berners-Lee del CERN (Centro europeo para la investigación nuclear) trabajaba en un sistema que permitiera acceder a archivos en línea sobre el protocolo de comunicaciones TCP/IP. En este año existían dos métodos para enlazar documentos electrónicos entre sí. Por una parte los enlaces o hipervínculos y por otra parte un lenguaje denominado SGML (Standard Generalize Markup Language, "Lenguaje de marcas generalizado"), que consiste en un sistema para la organización y etiquetado de documentos. La ISO normalizó el lenguaje en el año 1986. Sirve para especificar las reglas de etiquetado y no impone ningún conjunto de etiquetas especial, teniendo en cuenta estos métodos Tim Berners-Lee a principios de 1990 definió el lenguaje HTML (Hypertext Markup Language, “Lenguaje de marcas hipertextuales”) como un subconjunto de SGML y creó algo más el World Wide Web (también conocido como la Web, es un sistema de documentos de hipertexto y/o hipermedios enlazados entre si y accesibles desde interne). En 1991 creó el primer navegador de HTML que funcionaba en modo texto y para el sistema UNIX.

• ¿Qué son las abreviaturas con "ML"?

Casi todas las siglas en la web que tiene un "ML" en éllas, se trata de un "lenguaje de marcado o de marcas." Los lenguajes de marcado son los lenguajes que conforman la web.


Hay muchos lenguajes de marcas diferentes. Este artículo se centra en HTML y XML, pero hay un montón de otros lenguajes de marcado. Tres son los que se deben tener en cuenta si estás haciendo el diseño de una página web o desarrollo: HTML, XML y XHTML.

• ¿Qué es un lenguaje de marcas?

Un lenguaje de marcas es un lenguaje que anota el texto de modo que el ordenador puede manipularlo. La mayoría de los lenguajes de marcas son legibles debido a que las anotaciones están escritas de forma tal que se puedan distinguir de los textos. Por ejemplo, con HTML, XML y XHTML, las etiquetas de formato son ‹ y ›. El texto que aparece dentro de uno de esos delimitadores se considera parte del lenguaje de marcado y no parte del texto anotado. Por ejemplo <p> este es un párrafo de texto escrito en HTML </p>, al dar formato al texto que se desea imprimir (o visualizar en un ordenador o TV), es necesario distinguir entre el texto en sí y las instrucciones para imprimir el texto. Las marcas son las instrucciones para mostrar o imprimir el texto.

El marcado no tiene que ser legible por ordenador. Las anotaciones hechas en un texto en papel o en un libro son también marcas. Por ejemplo, muchos estudiantes para poner de relieve algunas frases de sus libros de texto. Esto indica que el texto en negrita es más importante que el texto que lo rodea. El color más destacado es el marcado.
El marcado se convierte en un lenguaje cuando las reglas están codificadas en torno a cómo escribir y usar el marcado. Ese mismo alumno puede tener su propio "lenguaje de marcado al tomar notas" si las reglas codificadas son como por ejemplo "marcador morado es para las definiciones, resaltador amarillo es para los detalles del examen, y notas a lápiz en los márgenes para recursos adicionales." Pero la mayoría de los lenguajes de marcas se definen por una autoridad externa para permitir su uso por muchas personas diferentes.

fuente: la web

• HTML HyperText Markup Language

HTML o HyperText Markup Language es el lenguaje de la web. Casi todas las páginas web están escritas en HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Incluye elementos para conectar los documentos (hipertexto) y hacer que los documentos web sean interactivos.HTML es un lenguaje de marcado definido como estándar. Esta norma fue desarrollada por el World Wide Web Consortium (W3C). Se basa en SGML (Standard Generalized Markup Language). Es un lenguaje que utiliza etiquetas para definir la estructura de un texto. Elementos y etiquetas son definidas por los caracteres <y>.

Pero HTML no es el único estándar para el desarrollo web. Cuando HTML fue desarrollándose se puso más y más complicado y las etiquetas de estilo y contenido se combinaron en un solo lenguaje. Finalmente, el W3C decidió que no había necesidad de una separación entre el estilo de una página web y el contenido. Una etiqueta que define el contenido por sí solo, como H1, se mantendría en HTML, las etiquetas que definen el estilo, como la fuente, han quedado obsoletas a partir de HTML 4.01 a favor de las hojas de estilo.


La nueva versión de HTML es HTML5. HTML5 añade más funciones en HTML y elimina parte de la rigidez que le fue impuesta por XHTML. Sin embargo, HTML5 aún es un lenguaje de marcas.

FUENTE

fuente: la web






Video 2
fuente

Video 3
fuente

• ¿Qué son las etiquetas en HTML?                

   
Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que tienen funciones y usos específicos y se utilizan para escribir código HTML,las etiquetas o tags son la forma de escribir código HTML.

En HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.                                                       

• Ejemplos:

Etiquetas con etiqueta de cierre:

         

Apertura	Cierre
<html>	</html>
<head>	</head>
<body>	</body>
<p>	</p>

Etiquetas sin etiqueta de cierre:

<br>

<img>

<hr>

<input>

FUENTE

Actividades HTML

# |1(mi primera pagina web)

# 2(atributos)