periodo 1


  TEMÁTICA: PAGINAS WEB Y LENGUAJE DE MARCADO HTML


¿ QUE ES UN SITIO WEB?   

un sitio web es un lugar virtual en la red que guarda contenido para que las personas tengan acceso a él. 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.
Imagen 3
Imagen relacionada

fuente: la web

Las páginas web de las que se conforma el sitio deben estar desarrolladas bajo un código llamado HTML y estar alojadas a un dominio que, en palabras simples, será el lugar que hará que el sitio web pueda visualizarse en cualquier tipo de navegador web (hosting). 
Imagen 4 
https://es.wikipedia.org/wiki/Sitio_web 
                                             
¿ QUE ES UNA PAGINA WEB ?  
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. 
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, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.

Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, una persona o un profesional concreto.

FUENTE: https://definicion.de/pagina-web/

vídeo1 .¿Es lo mismo un sitio y una pagina web ?
                                                                                      imagen 5 : clasificación de las paginas web                                                                            
¿ QUE ES UNA PAGINA WEB ESTÁTICA ?
Los sitios Web estáticos son aquellos sitios enfocados principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información, sin que pueda interactuar con la página Web visitada, las Web estáticas están construidas principalmente con hipervínculos o enlaces (links) entre las páginas Web que conforman el sitio, este tipo de Web son incapaces de soportar aplicaciones Web como gestores de bases de datos, foros, consultas on line, e-mails inteligentes...
Esta es una opción más que suficiente para aquellos sitios Web que simplemente ofrecen una descripción de su empresa, quiénes somos, donde estamos, servicios, etc... ideal para empresas que no quieren muchas pretensiones con su sitio Web, simplemente informar a sus clientes de sus productos y su perfil de empresa.
La principal ventaja de este tipo de páginas es lo económico que resulta crearlas, con un diseño vistoso e incluyendo las imágenes y el texto con el cual queremos informar a los navegantes, se puede crear fácilmente sin necesidad de ningún tipo de programación especial (php, asp, ...) un sitio Web estático.
Imagen 5
Imagen relacionada
Fuente: la web
.                  https://www.webandmacros.com/webestatica.htm                                                                        
al acceder el usuario, el servidor descarga simplemente un simple fichero con un contenido codificado en HTML que se visualiza a continuación en su navegador. Un proceso muy similar a la descarga de cualquier fichero, por ejemplo un documento PDF.
¿QUE ES UNA PAGINA 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.

La gran ventaja de los sitio web dinámicos es la versatilidad, apunta a la personalización de la información mostrada. Permite la toma de decisiones y muestra selectiva de información en función de criterios deseados.

Es útil para mostrar una imagen de empresa más sólida y profesional ya que permite guardar información en la computadora del navegante y mostrar en forma personalizada la página web de la empresa así como la información adecuada al tipo de navegante

El contenido de una página web puede ser predeterminado o generado al momento de visualizarla, o solicitarla a un servidor web


vídeo2 ¿ es lo mismo una pagina web dinamica y una pagina web estatica?


EXTENSIONES DE UNA PAGINA WEB

Las extensiones de dominios es 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".

¿ QUE ES WIX ?

WIX.COM

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 HTML5 y sitios móviles a través del uso de herramientas de arrastrar y soltar en línea.1​ Los usuarios pueden agregar funcionalidades como plug-ins, e-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.2

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.

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

La compañía entró en una fase beta abierta en 2007 usando una plataforma basada en Adobe Flash.7

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.[cita requerida] 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.8​ 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

CARACTERÍSTICAS

* Puedes crear tu propio sitio web con facilidad.
* No hay necesidad de agregar una sola línea de código de programación
* Diseñado con una vistosa interfaz gráfica con función arrastrar y colocar, el creador de sitios web se realizó de modo que sea muy fácil de usar y permita una completa libertad en la creación
* Elige entre miles de plantillas web diseñadas profesionalmente o créalas desde cero.
* Es simple agregar elementos como títulos, logos, clip art, galerías de fotos y más a medida que avances
* Debido a que todos los sitios que se crean con Wix son amigables para los motores de búsqueda, podrás lograr que lo encuentren en estos motores de búsqueda, y disfrutarás de más tráfico de público online interesado en ti y en tu sitio web gratis. 

Traslado a HTML5[editar]

En marzo de 2012, Wix lanzó un nuevo constructor de sitios HTML5, reemplazando la tecnología Adobe Flash. Los sitios existentes construidos en Flash continuaron siendo apoyados, pero todos los nuevos clientes fueron dirigidos a la nueva plataforma HTML5.10

En febrero de 2013, Wix reportó que el movimiento a HTML5 fue altamente exitoso, ayudando a atraer 25 millones de usuarios y generando ingresos anuales de $60 millones en 2012.11

Para agosto de 2013, la plataforma Wix tenía más de 34 millones de usuarios registrados









Imagen:6 estructura de wix



Resultado de imagen para wix



Imagen relacionada








imagen relacionada al diseño y al manejo del sitio

Imagen:7. logo wix

FUENTE:La web

logo de la compañía


Vídeo 3¿ como crear una pagina 
web con wix ?




vídeo para entender y complementar el tema

LENGUAJE DE MARCADO HTML 
HTML o lenguaje de marcado de hipertexto, se ha convertido en el lenguaje de marca más importante a día de hoy, gracias al crecimiento de Internet, la necesidad de ofrecer servicios remotamente y en definitiva, la necesidad de poder ofrecer fácilmente información de una forma elegante y sin morir en el intento. HTML es un derivado de SGML y nació en 1991, gracias a Tim Berners-Lee (que trabajaba en el CERN), que ante la necesidad de compartir información entre científicos creó la primera definición del lenguaje.

ETAPA LIDERADA POR EL IFT 
En la primera publicación del lenguaje se incluían un total de 22 etiquetas, de las que solo persisten a día de hoy unas 12 más o menos (como , ...), aunque las siguen reconociendo los navegadores actuales. Tras este periodo, en 1993 fue creado el borrador por la ITEF para definir definitivamente HTML como un estándar, que además incluía una definición de tipo de documento SGML, que definía su gramática.

FUNDACION DEL WORLD WIDE WEB CONSORTIUM 
Como para estos entonces, ya en 1997, eran muchas las empresas que querían tomar decisiones sobre HTML se creó el W3C y se dejó de influir el IEFT.

En enero de 1997 se publico HTML3.2 como recomendación de la W3C, que fue la primera definición redactada exclusivamente por el consorcio, fuertemente influenciado por Netscape. Inicialmente incluía formulas matemáticas, pero al final se omitieron, dando lugar a MathML (que tras 15 años y estando en la versión 3.0, prácticamente no tiene uso, habiendo sido desbancado por TeX)..

HTML4 

HTML4.0 fue lanzado como recomendación a finales de 1997 y disponía de tres variantes: transicional (se permiten elementos obsoletos), estricta (se prohíben elementos obsoletos) y de conjuntos de marcos (se usaba para las webs que están formadas por frames). A finales de 1999 se publicó HTML4.01, que no incorporó nada pero se publicó para corregir erratas.
HTML5 
En 2004 se creó la Web Hypertext Application Technology Working Group(WHATWG), con el propósito de crear un nuevo estándar que consiga llevar la web a un nivel que solo se conseguía gracias a Flash (lo que destrozaba totalmente la filosofía de la web, al ser una herramienta de pago, por lo menos para crear el contenido). En esta especificación se incluyen grandes mejoras en el apartado multimedia, permitiendo el uso de audio, video, gráficos vectoriales y creación de contenido den 2D y 3D mediante Canvas.


EL LENGUAJE HTML  .
El lenguaje HTML es el encargado de definir los contenidos de un sitio web de forma textual y estructurada. Dicho de otra forma, es el encargado de decirle al navegador web cómo debe visualizarse el sitio web. Si el título está centrado, en negrita o si tiene un enlaces, por ejemplo, son elementos del marcado en HTML.Se utiliza en paginas 
EL LENGUAJE XML 
A diferencia del HTML, el lenguaje XML o Extensible Markup Language, etiqueta toda información, entre dos marcas, pero está separado el contenido de la presentación.


El XML es un lenguaje estándar, independiente, no forma parte de ninguna empresa. Es la forma segura y fiable de intercambiar información entre diferentes programas.




Imagen:8 html
Resultado de imagen para xmlResultado de imagen para html
FUENTE:La web

ABREVIATURAS CON ML 
ML es un lenguaje de programación funcional (impuro) de propósito general, desarrollado por Robin Milner y otros, a principios de los 70 en la Universidad de Edimburgo. Su sintaxis se inspira en el ISWIM.

ML son las siglas de Meta Lenguaje, pues su objetivo inicial fue servir como lenguaje para desarrollar tácticas de pruebas en el sistema demostrador de teoremas LCF.

Es conocido por el uso del algoritmo de inferencia del tipo Hindley–Milner, que puede automáticamente inferir los tipos de la mayoría de las expresiones sin necesidad de que explícitamente se especifiquen los tipos de datos

LENGUAJE DE MARCA 

cuando hablamos de lenguaje de marca en programación web, estamos hablando de algo bien distinto. Con marca, nos estamos refiriendo a la forma de codificar un documento o web. Es una forma de definir la estructura del texto o su presentación a través de etiquetas o marcas. Este tipo de lenguajes son los que entienden los navegadores. HTML y XML, son los más conocidos.

A diferencia de los lenguajes de programación, el lenguaje de marca no tiene funciones aritméticas o variables. 
 HTML HyperText Markup Language 
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación.




Imagen:9


fuente: la web
Resultado de imagen para HTML HyperText Markup Language


¿QUE SON ETIQUETAS?  
es una marca con clase que delimita una región en los lenguajes basados en XML 
EJEMPLOS : 


<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 (ver apuente 6 y 6.1.)

<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.
Admite atributos (ver jac 8 y apuente 5.3 y 14.3).
  






Imagen. Actividad mi primera pagina web
Imagen.Atributos

fuente:Juan Camilo Martin Quiroga

No hay comentarios:

Publicar un comentario