PÁGINAS WEB:
* ¿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: https://co.godaddy.com/blog/que-es-un-sitio-web/
Imagen 1:
* ¿Que es una página 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 específico conocido como HTML. Es algo a lo que estamos acostumbrados a acceder si leemos este artículo pero no todos conocen realmente su funcionamiento.
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.
FUENTE: https://www.aboutespanol.com/que-es-una-pagina-web-3202308
Imagen 2:
* ¿Que es una página 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.
Imagen 3:
* ¿Que es una página web dinámica?
Una web dinámica es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Ejemplos de aplicaciones dinámicas son encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada.
Una web dinámica es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Ejemplos de aplicaciones dinámicas son encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada.
Como hemos mencionado las páginas web son documentos y, como tales, suelen tener una extensión que nos da una idea sobre del tipo de contenido que posee ese documento. Las extensiones más habituales de las páginas web con las que nos podemos encontrar a la hora de navegar son:
- html, y htm: Suele ser la extensión estándar para páginas web estáticas, formadas por contenido html.
- asp (Active server pages): Son páginas dinámicas que se generan en el momento de ser visitadas. Están escritas en un lenguaje de programacón similar al Visual Basic de Microsoft.
- jsp (Java server pages): Son páginas dinámicas al igual que las anteriores pero que estan escritas con el lenguaje de programación Java de Sun.
Si bien todos los documentos con las extensiones anteriores son páginas web, únicamente los .html o.html son páginas web estáticas, y por tanto las únicas que podremos ver directamente con el navegador. Las páginas .asp, .jsp o .php, para poder visualizarse deberán estar contenidas en un servidor web.
Recordemos una página web estática presentará:
- Absoluta opacidad a los deseos o búsquedas del visitante a la página
- El proceso de actualizacion de es lento, tedioso y escencialmente manual
- El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos o el diseño de la página a su gusto
- Para cambiar los contenidos de la página, es imprescindible acceder al servidor donde está alojada la página
Mientras que una página web dinámica:
- Gran número de posibilidades en su diseño y desarrollo.
- Se puede alterar el diseño, contenidos o presentación de la página al gusto
- El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.
- Emplea un grán número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.
FUENTE: http://cefire.edu.gva.es/file.php/1/Comunicacion_y_apertura/B3_PaginaWeb/pgina_web_esttica_vs_dinmica.html
Imagen 5:
* WIX
¿Que es?
Historia
¿Que es?
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.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.
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.[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.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.
Video 1: Como crear una página web con WIX
LENGUAJE DE MARCADO HTML:
* Historia
Los inicios de HTML se deben a Tim Berners-Lee cuando trabajaba en el CERN (Centro Europeo de Investigación Nuclear). Y es que estando como trabajador del CERN se encontró con la problemática de poder facilitar el acceso a la información con la que trabajaban desde cualquier ordenador del centro o de otras instituciones que trabajaban con ellos.
Buscaban una forma sencilla y estándar de acceder a toda la información. Es en ese momento cuando nace el protocolo HTTP (hypertext transfer protocol) y las páginas HTML.
Además ideó que las páginas estarían unidas entre sí, estarían enlazadas. Era el concepto de hipertexto.
Para la definición del estándar HTML, Tim Berners-Lee se basó en el lenguaje de marcado SGML (Standard General Markup Language). Este lenguaje define reglas de etiquetado y estructura generales. A partir de SGML se han definido lenguajes como HTML, Postscript, RTF,…
Tras tener el desarrollo del sistema de Hipertexto interno, Tim Berners-Lee lo presentó a una convocatoria para desarrollar el sistema Hipertexto en Internet junto con el ingeniero de sistemas Robert Cailliau. La propuesta que presentaron la llamaron World Wide Web (W3).
La primera versión del HTML nace hacía 1989 como un subconjunto de SGML y es especificada mediante un documento que se denomina HTML Tags.
Imagen 6
* ¿Qué son los lenguajes de marcado o de marcas?
Un lenguaje de marcado(markup languaje) o lenguaje de marcas es una forma de codificar un documento que utiliza una notación especial para marcar las diferentes secciones de un documento, junto con el texto, incorpora etiquetas omarcas que contienen información adicional acerca de la estructura del texto o su presentación.
* ¿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.
FUENTE:https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html
*HTML HyperText Markup Language
FUENTE:https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html
*HTML-eXtended HyperText Markup Language
‹ /hr ›
‹ img ›
FUENTE:https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html
* ¿Que son las etiquetas ?
*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:https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html
*HTML-eXtended HyperText Markup Language
XHTML 1.0 es HTML 4.0 redefinido para cumplir con el estándar XML. No hay muchas diferencias importantes entre HTML y XHTML:
XHTML está escrito en minúsculas. Mientras que las etiquetas HTML se puede escribir en MAYÚSCULAS, mezcladas o en minúsculas, para ser correctos, las etiquetas XHTML deben estar todas en minúscula.
Todos los elementos XHTML deben tener una etiqueta final. Los elementos con sólo una etiqueta, como HR y IMG necesita una barra de cierre (/) en el extremo de la etiqueta:
‹ /hr ›
‹ img ›
Todos los atributos deben ser citados en XHTML. Algunas personas eliminan las comillas alrededor de los atributos para ahorrar espacio, pero son necesarias para un XHTML correcto.
XHTML requiere que las etiquetas se aniden correctamente. Si se abre una negrita ‹ b › y luego un elemento de cursiva ‹ i › se debe cerrar el elemento cursiva (‹ i ›) antes que la negrita (‹ b ›).
Los atributos XHTML deben tener un nombre y un valor. Los atributos que son independientes en HTML deben ser declarados con valores, así, por ejemplo, el atributo de noshade de recursos humanos se habrían de escribir noshade = "noshade".
FUENTE:https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html
* ¿Que 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.
Las ediciones pueden filtrarse por etiquetas en las páginas de cambios recientes o de contribuciones indicándola en el formulario apropiado.
Imagen 7
* Ejemplos de etiquetas en HTML
- <html>: indica el comienzo del documento HTML.
- <head>: indica que empieza la cabecera de la página. En ella se suele poner el título (<title>) de la web, una descripción y otras informaciones relacionadas con el contenido de la página.
- <body>: es el cuerpo de la página, donde va lo que se ve en el navegador al cargar una web. En el body van los textos, las imágenes y todos los contenidos de la web.
- <h1>, <h2>, etc.: son los títulos o encabezados. Se utilizan para establecer determinados textos de la página como titulares, suelen tener un tamaño de fuente mayor para diferenciarlos del resto del texto. Son importantes en el posicionamiento en buscadores.
- <a>: define los enlaces.
- <table>: es una tabla, y dentro de esta tenemos filas <tr> y celdas <td>.
- <p>: el texto dentro de esta etiqueta forma un párrafo.
- <img>: imágenes.
- <ul>: los textos dentro de esta etiqueta se estructuran en listas. Mediante el uso de <li> definimos cada guión dentro de la lista, y usando <ol> en lugar de <ul> tendremos listas ordenadas.
- <b> y <strong>: se utilizan para resaltar el texto.
- <u>: texto subrayado.
- <i> y <em>: texto en cursiva.
Video 2: Lenguaje De Marcado HTML
Actividad Marcado HTML:
Actividad Atributos:
uy que rico chiky
ResponderBorrar