PERIODO I

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

LOS SITIOS Y PÁGINAS WEB


¿Qué 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
.Se conforma por varios documentos que se presentan 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.  


                                Resultado de imagen para sitio web
  Imagen 1
Fuente: la web

¿Que es una pagina web?

Una página web es un documento disponible en Internet, o World Wide Web (www), codificado según sus estándares y con un lenguaje un específico conocido como HTML. Es algo a lo que estamos acostumbrados a acceder diariamente.

A estos sitios se puede llegar a través de los navegadores de Internet, que reciben la información del documento interpretando su código y entregando al usuario la información de manera visual.

Una página web necesita un lugar donde alojarse para que cuando el usuario solicite la información desde su navegador, la información que esta contiene se cargue y aparezca en el ordenador. Es por ello que los sitios web se encuentran en un servidor web o host, que podría definirse a grandes rasgos como un gran ordenador que entrega el contenido cuando se solicita por la red. Este mismo servicio de almacenamiento se conoce como hosting.
los elemento de una pagina web son:

-Texto
Texto en una pagina web. El texto es el elemento más significativo de cualquier pagina web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en hipertexto. Los textos han convertido el inglés en el idioma universal de la red.

-Imágenes
Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la página, y por lo tanto, los tiempos de descarga. Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal.

-Espacios web
Espacio Servidor de páginas Web. Para que el sitio Web donde nuestra pagina se encuentra sea visible ante todos necesitamos colocarlo en un servidor.

-Un nombre de dominio
Nombre de dominio.El nombre de dominio es la primera parte de una dirección Web que identifica al servidor que almacena y sirve su sitio.

-Hipervínculo
Enlaces, hivervínculos en HTML. Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando relaciona varias página mediante enlaces.

-Vídeo
Vídeos en pagina web. Mientras Internet es cada vez más asequible, confiable y veloz, los programas de edición de vídeo se hacen más cercanos a los usuarios. Ahora es más fácil realizar un vídeo desde una cámara digital o un teléfono móvil con cámara incorporada y que termine subiendo a la Web para ponerlo al alcance de todos.

-Sonidos
Sonido en páginas Web. Un elemento cada vez más importante. La comercialización de nuevos dispositivos digitales móviles como el iPhone ha potencializado este elemento.

Además de incorporar sonido en la página Web puede descargar de ellas archivos de audio para sus dispositivos móviles.

-Formulario
Formularios en una pagina web. Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos para llenarse con alguna finalidad.

También se utiliza para referirse al conjunto  de campos solicitados por u determinado programa.

¿Cuales son los tipos de páginas web?

-Páginas web dinámicas 
Imagen relacionada
Imagen 2
Fuente: la web

Son aquellas que se construyen usando además del HTML otros lenguajes de programación como PHP que permiten programar en ellas aplicaciones para todo tipo de funciones: blogs, foros, tiendas, etc. La característica principal es que el contenido es fácilmente y frecuentemente modificado.

-Páginas web estáticas
Resultado de imagen para paginas web estaticas
Imagen 3
Fuente:la web

Son aquellas páginas que solamente utilizan el lenguaje  HTML y eventualmente un estilo CSS (Cascading Sheet Stile). Las páginas web estáticas se enfocan en ofrecer un contenido permanente y son adecuadas para las empresas que solo buscan mostrar una descripción concisa de la misma.                                                                                                                    vídeo 1                      Diferencias entre una pagina web estática y una página web dinámica


¿Qué es una extensión de dominio?

Estas son la parte final del nombre de un dominio y revelan la naturaleza del sitio.
Algunos de los que indican el contenido del sitio web son:

.com para uso comercial
.org para asociaciones sin fines de lucro
.edu para instituciones académicas
.net para servicios de Internet
.info para sitios web informativos
.biz para negocios

Algunas extensiones de Internet usado y reservado para un país o territorio dependiente son:

.mx para México
.es para España
.ar para Argentina

.tv para Tuvalu. Es muy popular (y por tanto valioso) ya que coincide al significado de la palabra "televisión".

WIX 


¿Qué es WIX?

Es una plataforma de origen Israelí, cuyo objetivo es permitirte crear una pagina web . Su eslogan es “Crea tu increíble página web. Es gratis” Efectivamente, con WIX puedes crear una página web de  fácil y gratuitamente.


¿Por qué es tan popular?




WIX es increíblemente popular, tiene más de 60 millones de usuarios y presumen de que cada día 45.000 usuarios nuevos se suman a utilizarla. ¿A qué se debe?



-Es muy fácil de usar. Hasta un niño puede construir una web en WIX en poco tiempo.

-Tiene plantillas muy vistosas, que prometen un diseño muy atractivo.
-Hacer tu web es gratis si no te importa que esté llena de publicidad y que tu dominio acabe en .wix.com
-Ofrecen alojamiento gratuito básico.


Imagen relacionada
Imagen 4
Fuente: la web


EL LENGUAJE MARCADO

¿QUÉ ES?

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.

El lenguaje de marcas más extendido es el HTML (HyperText Markup Language, lenguaje de marcado de hipertexto), fundamento del World Wide Web (entramado de comunicación de alcance mundial).

Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como poseen los lenguajes de programación. Históricamente, el marcado se usaba y se usa en la industria editorial y de la comunicación, así como entre autores, editores e impresores.

La palabra "lenguaje marcado" puede ser abreviado"ML" por su nombre en ingles markup Lenguage

EL LENGUAJE HTML

HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto. Algunas personas piensan que HTML incluye el diseño gráfico de las páginas web, sin embargo, eso no es cierto ya que HTML sólo sirve para indicar como va ordenado el contenido de una página web. Esto lo hace por medio de las marcas de hipertexto las cuales son etiquetas conocidas en inglés como tags.


vídeo 2
Los orígenes del lenguaje HTML
Fuente:https://www.youtube.com/watch?v=FId9w-FMJJ0

Algunas de las etiquetas (o tags) mas usados son:

<HTML> … </HTML>
Delimita y engloba toda la página web, que consta de cabecera y cuerpo.

<HEAD> … </HEAD>
Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.

<TITLE> … </TITLE>
Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.
Metadatos
La cabecera admite otras muchas etiquetas.

<BODY> … </BODY>
Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse.

El formato de caracteres permite cambiar tanto el tipo de fuente como su tamaño y aspecto.
Se pueden utilizar varias etiquetas HTML para dar distintos formatos a un grupo de caracteres:

Formatos Físicos:
-Negrita:        <B>…</B>
-Cursiva:        <I>…</I>
-Subrayado:        <U>…</U>
-Teletipo:        <TT>…</TT>
-Tachado:        <STRIKE>…</STRIKE>
-Grande:        <BIG>…</BIG>
-Pequeña:        <SMALL>…</SMALL>
-Superíndice:        <SUP>…</SUP>
-Subíndice:        <SUB>…</SUB>



-Formatos Lógicos:

-Cita:            <CITE>…</CITE>
-Código:        <CODE>…</CODE>
-Definición:        <DFN>…</DFN>
-Énfasis:        <EM>…</EM>
-Grueso:        <STRONG>…</STRONG>
-Palabras clave:    <KEY>…</KEY>
-Ejemplos:        <SAMP>…</SAMP>
-Usuario:        <KBD>…</KBD>
-Variables:        <VAR>…</VAR>

-Ejemplo literal:    <XMP>...</XMP> (ignora las etiquetas HTML de dentro)

ACTIVIDAD DEL 21 DE MARZO: MI PRIMERA PÁGINA


fuente:Valentina Ocampo Grosso



ACTIVIDAD DEL 04 DE ABRIL: ATRIBUTOS EN HTML


fuente:Valentina Ocampo Grosso




FUENTES


No hay comentarios:

Publicar un comentario