TEMÀTICAS
PÁGINAS WEB
* ¿Qué es un sitio web?
* ¿Qué es una páginas web?
* ¿Qué es una páginas web estática?
* ¿Qué es una páginas web dinámica?
* Extensiones de una página we
* WIX, su historia y demás datos de su interés.
LENGUAJE DE MARCADO HTML
* Historia
* ¿Qué son los lenguajes de marcado o de marcas?
* ¿Qué son las abreviaturas con "ML"?
* ¿Qué es un lenguaje de marcas?
* HTML HyperText Markup Language
* Que son las etiquetas y ejemplos de etiquetas en HTML
TEMÁTICA: PÁGINAS WEB Y LENGUAJE DE MARCADO HTML.
PÁGINAS WEB:
- ¿Qué es un sitio web?: es un conjunto de páginas HTML relacionadas entre sí por enlaces, gestionados por una única entidad o persona, accesibles desde Internet a partir de una dirección URL de su página índice (index) y con una unidad de contenido y estilo gráfico.
Sacado de: https://es.wikipedia.org/wiki/Sitio_web
- ¿Qué es una página web?:es una información capaz de contener textos, sonídos, vídeos, programas, enlaces, imágenes, etc; adaptada para la llamada World Wide Web puede ser accedida mediante un navegador web.
- ¿Qué es una páginas web estática?: es un sitio de internet que mustra el mismo contenido para todos los usuarios, en ves de proporciona contenido personalizado a la medida de cada usuario, no se actualiza a menudo. Las páginas web estáticas, que algunas veces son conocidas como páginas planas.
- ¿Qué es una página web dinámica?:Los sitios web dinámicos son aquellos que permiten crear aplicaciones dentro de la propia web, otorgando una mayor hiperactividad con los navegantes; es útil para mostrar una imagen de empresa más estable y profesional permitiendo 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.
- Extensiones de una página web: la primera extensión es el HTML y la segunda extensión es HTML, estás extensiones son estáticas; 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 Server Side Includes es una pagina que contiene etiquetas para indicar que otro fichero debe ser insertado en lugar de la etiqueta, es decir que es escogida por el disco duro del servidor y el propio servidor hace todas las sustituciones indicadas.
(1) Sacado de: Página profesional
Es una plataforma para el desarrollo web basada en la nube, 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 en línea. Es construido en un modelo de negocio freemium, ganando sus ingresos a través de actualizaciones premium; los usuarios deben comprar paquetes premium para poder conectar sus sitios a sus propios dominios, tiene capacidades de comercio electrónico o comprar almacenamientos de datos y ancho de banda adicionales.
Sacado de: WIKIPEDIA
HISTORIA DE LA PÁGINA DE WIX
- Fue fundado en el año 2006 por los israelíes Avishai Abrahami, Navad Abrahami y Giora Kaplan., está compañía tiene sede en Tel Aviv, con oficinas en San Francisco, Nueva York, Dnipropetrovsk, y Vilnius, respaldada por los inversores de "Capital". Está empresa entró en una fase beta abierta en el 2007 usando una plataforma basada en Adobe Flash. En el mes de abril del 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 los señores Besemer Venture Partners y Mangrove Capital Partners. En el mes de marzo en el 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 del 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 del 2014, Wix anunció su adquisición de OpenRest, es un desarrollador de sistemas de pedidos en línea para restaurantes. WIX fue trasladado a HTML5 en marzo del 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 . En febrero del 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 el año 2012. Para agosto del 2013, la plataforma Wix tenía más de 34 millones de usuarios registrados.
Sacado de: https://es.wikipedia.org/wiki/Wix.com
ANEXOS
Los usuarios pueden agregar funcionalidades como plugs-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.
IPO en NASDAQ
El 5 de noviembre de 2013, Wix tenía una oferta publica de venta en NASDAQ, alcanzando alrededor de $127 millones para la compañía y algunos accionistas.
Sacado de: https://es.wikipedia.org/wiki/Wix.com
Sacado de: https://es.wikipedia.org/wiki/Wix.com
(5) Sacado de: WIX
(8) Sacado de: WIX
LENGUAJE DE MARCADO HTML:
HISTORIA:Empezó 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; 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.
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.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.
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.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.
¿Qué son los lenguajes de marcado o 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,
¿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.
HTML HyperText Markup Language: es el lenguaje de la web de marcado definido como estándar, casi todas las páginas web están escritas en HTML, definiendo la forma en que las imágenes, multimedia y texto se muestran en los navegadores, incluyen elementos para conectar los documentos (hipertexto) y hacen que los documentos sean interactivos; está norma fue desarrollada por el World Wide Web Consortium (W3C), se basa en SGML (Standard Generalized Markup Language) es un lenguaje que se utiliza las etiquetas para definir la estructura de un texto.los elementos y las etiquetas son definidas por los caracteres. Pero HTML no es el único para el desarrollo también existe el W3C decidió que no había necesidad de una separación entre el estilo de una página web y el contenido.
¿Que son las etiquetas?:es una marca que delimita una región en los lenguajes basados en XML; al igual que se puede referir a un conjunto de juegos informáticos interactivos que es añadido a un elemento de los datos para identificarlo.
Ejemplos de etiquetas en HTML:<etiqueta1> <etiqueta2 atributo1="hola" atributo2="mundo"> </etiqueta2> <etiqueta3 atributo1="domin"/> </etiqueta1>
Ejemplos de balizas html:
<html>
<head>
<title>
</title>
</head>
<body bgcolor=red>
<h1>
<font color=green><font face=verdana>
</font>
</h1>
<h2>
</h2>
<p>
<a href=destino de imagen>
<img src="fuente de imagen">
</a>
</p>
</body>
</html>
Sacado de: https://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)
<html>
<head>
<title>
</title>
</head>
<body bgcolor=red>
<h1>
<font color=green><font face=verdana>
</font>
</h1>
<h2>
</h2>
<p>
<a href=destino de imagen>
<img src="fuente de imagen">
</a>
</p>
</body>
</html>
Sacado de: https://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)
TEMÁTICAS PÁGINAS WEB Y LENGUAJE DE MARCADO HTML
(14) Sacado de: Tema de un sitio web
(15)Sacado de: Plantillas profesionales
(16) Sacado de: Código de HTML
(17) Sacado de: Tipos de códigos HTML
(18) Sacado de: Leguaje de maracas HTML
Algunas etiquetas de HTML
<HTML>: indica el comienzo del documento HTML.
<HEAD>: indica que empieza la cabecera 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.
<BR />: salto de línea.
<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>: texto en cursiva.
Ejemplo de pagina básica:
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado de la página</h2>
<h3>Encabezado de menor tamaño</h3>
<p>Este es el texto de un párrafo.</p>
<p>Este es el texto de otro párrafo. Dentro de este párrafo,
pueden ir palabras <b>en negrita</b>, <i>en cursiva</i> o lo que quieras.</p>
<p>También podemos poner listas como la siguiente:</p>
<ul>
<li>Guión número uno.</li>
<li>Guión número dos.</li>
<li>Guión número tres.</li>
</ul>
</body>
<body bgcolor=?>
Establece el color de fondo, usando nombres o valores hex
Etiquetas de texto
<pre> </ pre>: crea texto preformateado.
<h1> </ h1>: crea un título grande.
<h6> </ h6>: crea un título pequeño.
<b> </ b>: crea texto en negrita.
<i> </ i>: crea texto en cursiva.
<tt> </ tt>: crea, o máquina de escribir estilo de texto-teletipo.
<cite> </ cite>: crea una cita, por lo general en cursiva.
<em> </ em>: hace hincapié en la palabra (con cursiva o negrita).
<strong> </ strong>: hace hincapié en la palabra (con cursiva o negrita).
Enlaces
<a href="URL"> </ a>: crea un hipervínculo.
<a href="mailto:EMAIL"> </ a>: crea un enlace de correo.
<a name="NAME"> </ a>: crea una ubicación de destino dentro de un documento.
<a href="#NAME"> </ a>: enlaces a ese lugar de destino en otra parte del documento.
Formato
<p></p>: crea un nuevo párrafo.
<p align=?>: alinea un párrafo a la izquierda, derecha o al centro.
<br />: inserta un salto de línea.
<ol> </ ol>: crea una lista numerada.
<li> </ li>: precede a cada elemento de la lista, y añade un número.
<ul> </ ul>: crea una lista con viñetas.
Elementos gráficos
<img src="name">: Agrega una imagen.
<img src="name" align=?>: Alinea una imagen: izquierda, derecha, centro;, superior, medio fondo.
<img src="name" border=?>: Ajusta tamaño del borde alrededor de una imagen.
<hr />: Inserta una regla horizontal.
<hr size=?>: Establece el tamaño (altura) de la regla.
<hr width=?>: Establece la anchura de la regla, en porcentaje o valor absoluto.
Tablas
<table> </ table>: Crea una tabla.
<tr> </ tr>: marcha cada fila en una tabla.
<td> </ td>: Pone en marcha cada celda de una fila.
<th> </ th>: Pone en marcha la cabecera de la tabla (una celda normal, con negrita, texto centrado).
Atributos de la tabla
<table border=#>: Establece el ancho de borde alrededor de celdas de la tabla.
<table cellspacing=#>: Ajusta la cantidad de espacio entre las celdas de la tabla.
<table cellpadding=#>: Ajusta la cantidad de espacio entre el borde de una celda y su contenido.
<td colspan=#>: Establece el número de columnas de una celda debe abarcar.
<td rowspan=#>: Establece el número de filas de una célula debe abarcar (por defecto = 1).
<td nowrap>: Evita las líneas dentro de una célula se rompa para adaptarse .
<form> </ form>: Crea todas las formas.
<select name="NAME"> </ select>: Crea un menú desplegable.
<textarea name="nombre" cols=40 rows=8> </ textarea>: Crea un área de la caja de texto. Establecer el ancho de las columnas, filas ajustar la altura.
<input type="checkbox" name="NAME">: Crea una casilla de verificación. Texto siguiente etiqueta.
<input type="radio" name="nombre" value="x">: Crea un botón de radio. Texto sigue etiquetas.
<input type=text name="foo" size=20>: Crea una línea de texto y un área. Tamaño establece la longitud, en caracteres.
<input type="submit" value="NAME">: Crea un botón Enviar.
<input type="image" border=0 name="NAME" src="name.gif"> type="image": Crea un botón
Enviar con una imagen.
<input type="reset">: Crea un botón de reinicio.
Elementos gráficos
<img src="name">: Agrega una imagen.
<img src="name" align=?>: Alinea una imagen: izquierda, derecha, centro;, superior, medio fondo.
<img src="name" border=?>: Ajusta tamaño del borde alrededor de una imagen.
<hr />: Inserta una regla horizontal.
<hr size=?>: Establece el tamaño (altura) de la regla.
<hr width=?>: Establece la anchura de la regla, en porcentaje o valor absoluto.
Tablas
<table> </ table>: Crea una tabla.
<tr> </ tr>: marcha cada fila en una tabla.
<td> </ td>: Pone en marcha cada celda de una fila.
<th> </ th>: Pone en marcha la cabecera de la tabla (una celda normal, con negrita, texto centrado).
Atributos de la tabla
<table border=#>: Establece el ancho de borde alrededor de celdas de la tabla.
<table cellspacing=#>: Ajusta la cantidad de espacio entre las celdas de la tabla.
<table cellpadding=#>: Ajusta la cantidad de espacio entre el borde de una celda y su contenido.
<td colspan=#>: Establece el número de columnas de una celda debe abarcar.
<td rowspan=#>: Establece el número de filas de una célula debe abarcar (por defecto = 1).
<td nowrap>: Evita las líneas dentro de una célula se rompa para adaptarse .
Formularios
Para las formas funcionales, tendrá que ejecutar un script CGI. El HTML sólo crea la apariencia de un formulario.
<form> </ form>: Crea todas las formas.
<select name="nombre" múltiples size=?> </ select>: Crea un menú desplegable. Tamaño establece el número de elementos de menú visible antes de necesidad de desplazarse.
<option>: Pone en marcha cada elemento de menú.<select name="NAME"> </ select>: Crea un menú desplegable.
<textarea name="nombre" cols=40 rows=8> </ textarea>: Crea un área de la caja de texto. Establecer el ancho de las columnas, filas ajustar la altura.
<input type="checkbox" name="NAME">: Crea una casilla de verificación. Texto siguiente etiqueta.
<input type="radio" name="nombre" value="x">: Crea un botón de radio. Texto sigue etiquetas.
<input type=text name="foo" size=20>: Crea una línea de texto y un área. Tamaño establece la longitud, en caracteres.
<input type="submit" value="NAME">: Crea un botón Enviar.
<input type="image" border=0 name="NAME" src="name.gif"> type="image": Crea un botón
Enviar con una imagen.
<input type="reset">: Crea un botón de reinicio.
ATRIBUTOS EN HTML
No hay comentarios:
Publicar un comentario