PÁGINAS 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 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.
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).
Fuente.la web
¿QUE ES UNA PÁGINA WEB?
Una página web se define como un documento electrónico el cual contiene información textual, visual y/o sonora que se encuentra alojado en un servidor y puede ser accesible mediante el uso de navegadores. Una página web forma parte de una colección de otras páginas webs dando lugar al denominado sitio web el cual se encuentra identificado bajo el nombre de un dominio.
La creación y desarrollo de una página web se realiza bajo un lenguaje de programación capaz de ser interpretados por los navegadores, lenguajes como el HTML, PHP, ASP, JSP o RUBY son ejemplos entre otros. Al inicio de la era de internet accesible, sobre los años 90, era necesario el conocimiento de algún lenguaje de programación para el desarrollo de una web, siendo una tarea encomendada a personas con altos conocimientos informáticos, hoy en día contamos con software especializado capaz de trabajar como un editor de texto ,estilo Word, que transforman toda la información insertada en un lenguaje de programación capaz de ser interpretado por los navegadores, de esta forma se liberalizó y se globalizó la creación de páginas webs con apenas unos escasos conocimientos informáticos, programas como Dreamweaver, Amaya, Sharepoint Designer o Mozilla Composer son entre otros los denominados WYSIWYG (acrónimo del inglés " lo que ves es lo que obtienes") capaces de crear complejas páginas webs con el entorno de un simple editor de texto.
Una vez que hemos creado y desarrollado nuestras páginas webs es necesario alojarlas en un servidor el cuál lo podemos definir como un ordenador conectado constantemente a la intranet privada o a Internet cuyo objetivo es poder disponer de la página web a cualquier hora del día. Para poder acceder al servidor es necesario el uso de programas denominados clientes FTP, los cuales conectan el ordenador personal donde se ha desarrollado la página con el servidor donde se alojará, Filezilla, File FTP o Cute FTP son entre otros ejemplos de clientes FTP.
Por último, una vez alojadas nuestras páginas webs estas son accesibles mediante el uso de navegadores los cuales permiten visualizar correctamente la información alojada y desarrollada, Chrome, Mozilla, Internet Explorer y Safari son entre otros ejemplos de navegadores ampliamente utilizados.
¿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.
Las páginas web estáticas a menudo se usan para sitios orientados hacia la prestación de ofertas o información estable a los visitantes (información que probablemente no sea necesario actualizar o alterar durante un largo periodo de tiempo). Por ejemplo, el sitio web de un negocio específico puede tener páginas web estáticas que den detalles de sus servicios, la historia de la compañía y su equipo ejecutivo. Las páginas estáticas también son buenas para mostrar los productos y servicios de un negocio.
Las páginas web estáticas a menudo se usan para sitios orientados hacia la prestación de ofertas o información estable a los visitantes (información que probablemente no sea necesario actualizar o alterar durante un largo periodo de tiempo). Por ejemplo, el sitio web de un negocio específico puede tener páginas web estáticas que den detalles de sus servicios, la historia de la compañía y su equipo ejecutivo. Las páginas estáticas también son buenas para mostrar los productos y servicios de un negocio.
Fuente.la web
¿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.
Fuente.la web
EXTENSIONES DE UNA PÁGINA WEB
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 DOSy más tarde Windows con Servidores Webs 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.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
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.
HISTORIA DEL WIX
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.
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.
Wix ofrece la única plataforma HTML5 para crear sitios web con la función de arrastrar y soltar; además de cientos de plantillas diseñadas por profesionales, alojamiento de alto nivel, innovadoras aplicaciones y miles de funciones totalmente gratis. En fin, brindamos servicios de primera calidad y nuestro modelo de negocio nos permite proporcionar sitios completamente funcionales para todos de forma gratuita.
La cobertura mundial de Wix, su kit de desarrollo de software abierto y las incomparables capacidades de diseño en su plataforma hacen de Wix un universo único.
Socios, programadores, diseñadores web y otros profesionales online pueden comercializar eficazmente sus aplicaciones y servicios a millones de personas a través de Wix.
Wix siempre está en busca de nuevas maneras de proporcionar a sus usuarios actuales y potenciales, tecnología de punta, el mejor soporte técnico y soluciones únicas para crear y administrar una impresionante presencia online.
WIX TIENE ALGO PARA CADA UNO
No necesitas ningún tipo de experiencia técnica para crear la página que siempre has deseado. Puedes personalizar tu sitio de la manera que quieras con muchas de nuestras funciones especiales que puedes agregar a tu página web; incluyendo una tienda online, un sistema de reservas para hoteles, y un avanzado blog, por mencionar algunas. También puedes conseguir suscriptores y mandarles hermosos newsletters usando Wix ShoutOut, y así mantenerlos al tanto de tus noticias.
Además de todas estas funciones, ofrecemos un App Market con cientos de aplicaciones que puedes agregar a tu página web para llevarla al siguiente nivel y mejorar tu negocio. Es más, tu sitio se convertirá automáticamente en un sitio móvil impresionante que puede ser visto desde tu smartphone / teléfono inteligente.
Imagen 6.wix
Fuente.la web
LENGUAJE DE MARCADO HTML
HISTORIA
La primera versión de este código apareció en 1991 y fue escrita por Tim Berners-Lee (TBL), siendo poco más que un diseño inicial de 18 elementos, 13 de los cuales aún se conservan. Se lo consideró poco más que una variante del Lenguaje de Marcado General Estándar (SGML) en uso y consistente en un lenguaje de etiquetas, pero ya en 1993 se reconocieron sus virtudes y su potencia en la estandarización de los lenguajes de la Red.
Entonces se inició el trabajo en Html+, una versión más desarrollada, y en 1995 se obtuvo la tercera versión del estándar: HTML 3.0, cuyas sucesivas actualizaciones (3.1 y 3.2) fueron de gran éxito en los primeros navegadores populares de Netscape y Mosaic. En 1997 aparecería el HTML 4.0, ya como recomendación de la W3C, y finalmente en 2006 la versión más reciente, HTML 5.0.
Fuente:https://concepto.de/html/
Imagen 5.marcado html
Fuente.la web
QUE SON LOS LENGUAJES DE MARCADO O DE MARCAS
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 sí 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. Para cada lenguaje de marcado, los desarrolladores de software pueden construir una aplicación para leer los documentos escrito en ese lenguaje. Los navegadores de Web leerán los documentos HTML y Microsoft Office leerá los documentos de Office. Los documentos escritos en XML pueden leerse por medio de aplicaciones personalizadas utilizando diferentes objetos de análisis gramatical o pueden combinarse con el lenguaje de estilo extensible (XLS- Extensible Stylesheet Language) para poder mostrarse en un navegador.
QUE SON LAS ABREVIATURAS CON ML
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.
Un ejemplo de cómo funciona el lenguaje de marcado puede observarse en el dictado de viva voz de un documento a una persona que lo transcribe a maquina:
- Ponga estilo de carta, ponga comillas, ponga mayúsculas, Estimado Juan, ponga dos puntos, aparte, sangría, ponga primera letra mayúscula, te escribo esta carta, ponga negrillas, de forma muy urgente, cierre negrilla, ya que no me has enviado..., etc.
- QUE ES UN LENGUAJE DE MARCAS
- Un lenguaje de marcas es una señal colocada en un texto con el fin de delimitar una parte de este para darle un formato determinado. Algunas de las marcas más empleadas son "<" y ">". Debemos 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.
HTML HYPERTEXT MARKUP LANGUAJE
Aunque el primer documento formal en formato HTML se publicó en 1991 su origen se remonta al año 1980, cuando Tim Berners-Lee propuso un nuevo sistema de hipertexto. Pero no fue hasta 1995 cuando apareció el primer estándar, en una versión más avanzada (HTML 2.0 ). El HTML es el lenguaje más usado para la elaboración de las páginas web. Su función es la de definir el texto y los demás elementos de las páginas web. Creado en un principio para la divulgación de texto y fotografías es usado ahora hasta para el ocio o la multimedia.
Una de las claves de su éxito es su sencillez en el manejo y aprendizaje de su código. Tan solo necesitamos un editor lo más sencillo posible de texto para poder crear un archivo HTML cuya extensión seria “.html” o “.htm” usables indistintamente. A nivel básico la programación de un código HTML consiste en un elemento llamado “etiquetas”. Estas son las encargadas de definir los elementos del texto. Así pues, un documento HTML quedaría definido por un texto y un conjunto de etiquetas.
Actualmente hay programas que permiten la creación de páginas web con características muy avanzadas y que facilitan mucho el uso del HTML, llegado el punto en el que ya casi no necesitamos tener nociones del código para poder crearlas. También hay muchos complementos al HTML que le permiten mucha más funcionalidad como los “javascript”.
QUE SON LAS ETIQUETAS Y EJEMPLOS DE 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.
Aunque la mayoría de las etiquetas tienen su etiqueta de apertura y etiqueta de cierre, es importante aclarar que no todas las etiquetas tienen su correspondiente etiqueta de cierre.
Algunos ejemplos de etiquetas son:
| Apertura | Cierre |
|---|---|
<html> | </html> |
<head> | </head> |
<body> | </body> |
<p> | </p> |
La etiqueta de apertura y la de cierre son las misma con la única diferencia de la diagonal "/" , es necesario la etiqueta de cierre para limitar el campo de acción de la etiqueta, por ejemplo a etiqueta
<p> nos indica el inicio de un párrafo de texto y una vez que se escribe la etiqueta de apertura el navegador tomará como párrafo todo el texto que se encuentre después de dicha etiqueta hasta toparse con la etiqueta de cierre </p>y así con las demás etiquetas según la función de cada una, la mayoría de las etiquetas de HTML son etiquetas de este tipo.| Etiqueta |
|---|
<br> |
<img> |
<hr> |
<input> |
Este segundo grupo de etiquetas no requieren de una etiqueta de cierre debido a que su campo de acción está limitado al lugar en donde se incluye la etiqueta.
En el primer ejemplo vemos la etiqueta
<br> que sirve para indica un salto de linea, creo que es fácil deducir porque no necesita etiqueta de cierre, pues es un elemento muy simple y el navegador no necesita que le digamos hasta donde "limitar" el campo de acción de esta etiqueta pues los saltos de linea son solo eso "un cambio de renglón y ya", si queremos mas de un salto de linea simplemente escribimos varios <br> seguidos, la segunda<img> sirve para insertar una imagen en la página tampoco necesita etiqueta de cierre, ya que la etiqueta se debe ubicar en el lugar en donde queramos insertar la imagen, pero hace falta algo mas para completar la etiqueta ya que un simple "img" no nos dice nada acerca de la imagen, para ello existen los atributos.
No hay comentarios:
Publicar un comentario