September 14, 2011 · by Gerzo Karim 1 Comment y 0 Reactions
Qué es una página web: Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene algún tipo de información como texto, imagen, video, animación u otros. Una de las principales características de las páginas web son los Hipervínculos — también conocidos como links o enlaces — y su función es la de vincular una página con otra.
Es por ello que a Internet se le conoce como la telaraña (Web) mundial, porque una página web se vincula con otra y así sucesivamente hasta ir formando una enorme telaraña de documentos entrelazados entre sí.
Una página web forma parte de un Sitio Web o Sitio de Internet, este no es más que el conjunto de páginas web que lo componen ordenadas jerárquicamente bajo una misma dirección de Internet (URL). Las páginas web son visualizadas a través de Navegadores Web que interpretan el código con el que son diseñadas estas.
En la actualidad las páginas web se pueden ver en múltiples dispositivos como Computadoras, Smartphone, Netbooks, Consolas de Videojuegos, incluso en Refrigeradores de última generación y un sin fin de dispositivos más.
Ahora bien…
¿Para qué sirve una página web?, ¿Cuáles son los beneficios de una página web?
Una página web o más bien dicho un sitio web tiene múltiples beneficios y utilidades que van desde el uso personal — E-mail, Redes Sociales, Páginas Personales, Blogs, etc. — hasta el uso en los Negocios y Empresas y es aquí donde queremos profundizar más en el resto de este artículo, en resaltar los múltiples beneficios que tienen las páginas web en los Negocios y Empresas.
Y es que no importa si tienes un negocio local o una empresa nacional o internacional, los beneficios que ofrece Internet son muchos al corto y mediano plazo — y los costos son realmente muy accesibles en comparación con otros medios. Uno de los principales beneficios que tendrás al contar con una página web para tu negocio es tenerlo literalmente abierto las 24 horas del día los 365 días del año.
Esto quiere decir que podrás prospectar clientes (atraer personas interesada en lo que ofreces) a cualquier hora y en cualquier parte. Tus clientes podrán ver a que te dedicas, donde estas ubicado, los productos y/o servicios que ofreces y un sin fin de información más — y todo a un simple click de distancia.
También podrás realizar transacciones (compras y ventas) las 24 horas del día, tus clientes pueden ir a tu sitio web pagar allí mismo algún producto o servicio y recibirlo al instante, todo esto mientras tú te encontrabas en otra parte en ese momento — En contraste de tu negocio físico que tienes que estar presente para realizar cualquier transacción — claro está que esto depende mucho del tipo de productos o servicios que manejes pero lo anterior créeme esta sucediendo ahora mismo.
Pongamos un ejemplo para que puedas visualizar todos los beneficios con los que cuenta un negocio al contar con una página web. Imaginemos un pequeño negocio local de venta de libros, este abre su sitio web al público y empieza a atraer clientes interesados en sus productos de todas partes por medio de secciones como Títulos del mes, Recomendaciones de usuarios, Bestsellers, etc.
Además abre un foro para que los usuarios interactúen entre ellos y se cree un círculo de lectura online, crea una comunidad de usuarios interesados en la lectura y se apoya en las redes sociales para darle más viralidad a su página web. En menos de lo que se espera su pequeño negocio local ya cuenta con sucursales en varias partes del País y todo gracias al alcance con el que cuenta su negocio por medio de la página web.
¿Puedes ver el potencial?, la poderosa herramienta que puede llegar a ser una página web bien diseñada para un negocio y con objetivos bien claros y específicos. Tampoco es abrir el sitio web y esperar de la noche a la mañana un crecimiento exponencial, que tus ventas se disparen con tan solo abrirla. Una página es un canal más de ventas y comunicación para tu negocio y como tal se requiere trabajo y esfuerzo para lograr lo anterior.
Pero créeme no es difícil si se tienen las herramientas y se cuenta con la experiencia para hacerlo. Es por ello que si estas interesado en contar con una página web para tu negocio o empresa no dudes en checar las múltiples opciones con las que contamos para hacer crecer tu negocio apoyados en la más alta calidad y tecnología de vanguardia, cientos de clientes nos avalan, que esperar y mira lo que tenemos para ti.
Qué es una Página Web?
September 14, 2011 · by Gerzo Karim 1 Comment y 0 Reactions
Qué es una página web: Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene algún tipo de información como texto, imagen, video, animación u otros. Una de las principales características de las páginas web son los Hipervínculos — también conocidos como links o enlaces — y su función es la de vincular una página con otra.
Es por ello que a Internet se le conoce como la telaraña (Web) mundial, porque una página web se vincula con otra y así sucesivamente hasta ir formando una enorme telaraña de documentos entrelazados entre sí.
Una página web forma parte de un Sitio Web o Sitio de Internet, este no es más que el conjunto de páginas web que lo componen ordenadas jerárquicamente bajo una misma dirección de Internet (URL). Las páginas web son visualizadas a través de Navegadores Web que interpretan el código con el que son diseñadas estas.
En la actualidad las páginas web se pueden ver en múltiples dispositivos como Computadoras, Smartphone, Netbooks, Consolas de Videojuegos, incluso en Refrigeradores de última generación y un sin fin de dispositivos más.
Ahora bien…
¿Para qué sirve una página web?, ¿Cuáles son los beneficios de una página web?
Una página web o más bien dicho un sitio web tiene múltiples beneficios y utilidades que van desde el uso personal — E-mail, Redes Sociales, Páginas Personales, Blogs, etc. — hasta el uso en los Negocios y Empresas y es aquí donde queremos profundizar más en el resto de este artículo, en resaltar los múltiples beneficios que tienen las páginas web en los Negocios y Empresas.
Y es que no importa si tienes un negocio local o una empresa nacional o internacional, los beneficios que ofrece Internet son muchos al corto y mediano plazo — y los costos son realmente muy accesibles en comparación con otros medios. Uno de los principales beneficios que tendrás al contar con una página web para tu negocio es tenerlo literalmente abierto las 24 horas del día los 365 días del año.
Esto quiere decir que podrás prospectar clientes (atraer personas interesada en lo que ofreces) a cualquier hora y en cualquier parte. Tus clientes podrán ver a que te dedicas, donde estas ubicado, los productos y/o servicios que ofreces y un sin fin de información más — y todo a un simple click de distancia.
También podrás realizar transacciones (compras y ventas) las 24 horas del día, tus clientes pueden ir a tu sitio web pagar allí mismo algún producto o servicio y recibirlo al instante, todo esto mientras tú te encontrabas en otra parte en ese momento — En contraste de tu negocio físico que tienes que estar presente para realizar cualquier transacción — claro está que esto depende mucho del tipo de productos o servicios que manejes pero lo anterior créeme esta sucediendo ahora mismo.
Pongamos un ejemplo para que puedas visualizar todos los beneficios con los que cuenta un negocio al contar con una página web. Imaginemos un pequeño negocio local de venta de libros, este abre su sitio web al público y empieza a atraer clientes interesados en sus productos de todas partes por medio de secciones como Títulos del mes, Recomendaciones de usuarios, Bestsellers, etc.
Cuáles son las partes de una página web??
•Alimentos
Tecnología de alimentos Lugar para los que nunca se rinden
admisionesareandina.com/Alimentos
•Gestión Simple de Proyect
Sí, es fácil. Nada que instalar. ¡Pruébalo de forma gratuita!
www.smartsheet.es
•Estudia Matemáticas
Estructura mental para resolver ¡En el Poli te damos más!
www.estudiaenelpoli.edu.co/Matema
•Ve a Tengo Ganas De Ti
Películas y Series Online. Prueba Gratis de Un Mes.
Botón (dispositivo)De Wikipedia, la enciclopedia libre
Saltar a: navegación, búsqueda
Botón de aparato electrónico.
Botoneria de diversos aparatos electrónicos.Para otros usos de este término, véase Botón.
Un botón o pulsador es un dispositivo utilizado para activar alguna función. Los botones son de diversa forma y tamaño y se encuentran en todo tipo de dispositivos, aunque principalmente en aparatos eléctricos o electrónicos. Los botones son por lo general activados al ser pulsados, normalmente con un dedo. corriente mientras es accionado. Cuando ya no se actúa sobre él vuelve a su posición de reposo.
Puede ser el contacto normalmente cerrado en reposo NC, o con el contacto normalmente abierto en reposo NA.
Usos[editar]El "botón" se ha utilizado en calculadoras, teléfonos, electrodomésticos, y varios otros dispositivos mecánicos y electrónicos, del hogar y comerciales.
En las aplicaciones industriales y comerciales, los botones pueden ser unidos entre sí por una articulación mecánica para que el acto de pulsar un botón hace que el otro botón para ser puesto en libertad. De esta manera, un botón de parada se puede "forzar" un botón de inicio para ser puesto en libertad. Este método de unión se utiliza en simples operaciones manuales en las que la máquina o proceso no tienen circuitos eléctricos para el control.
Funcionamiento[editar]El botón de un dispositivo electrónico funciona por lo general como un interruptor eléctrico, es decir en su interior tiene dos contactos, al ser pulsado uno, se activará la función inversa de la que en ese momento este realizando, si es un dispositivo NA (normalmente abierto) será cerrado, si es un dispositivo NC (normalmente cerrado) será abierto.
Rollover
Características Principales
Preguntas Frecuentes
¿ Qué es Rollover?
¿ Ejemplos de Rollover?
¿ Cuándo se hace efectivo el rollover?
¿ Dónde aparece el rollover?
¿ El interés y los procedimientos por concepto de rollover cambian de acuerdo al Broker?
¿ Qué es el Rollover?
Rollover es el interés que usted paga o recibe por mantener una posición abierta por un tiempo superior a un día interbancario. Cada divisa tiene un interés asociado consigo misma y como dentro del mercado forex las operaciones se realizan entre pares de divisas, cada operación no solo involucra 2 monedas diferentes, sino que también involucra sus dos diferentes tasas de interés. Si la tasa de interés de la moneda que usted compra es superior a la tasa de interés de la moneda que usted vende, entonces usted gana el interés por rollover (roll positivo). Si la tasa de interés de la moneda que usted compra es menor a la tasa de interés de la moneda que usted vende, entonces usted tendría que pagar el interés por rollover (roll negativo). El interés por Rollover puede añadir un costo o ganancia adicional en su operación. La estación de operaciones de FXCM calcula y reporta automáticamente el rollover por usted.
¿Ejemplos de Rollover?
Cuando usted compra el par EUR/USD, usted está comprando el Euro y vendiendo el dólar estadounidense para pagar su compra. Por ejemplo: si la tasa de interés del Euro es 4.00%, y la tasa de interés del dólar estadounidense es 3.00% usted está comprando la moneda con mayor tasa de interés, por tal motivo usted gana el interés por rollover algo así como el 1.00% sobre una base anual, que es el resultado del diferencial entre las dos tasas de interés. Si usted vende el par EUR/USD, usted gana la tasa de interés del dólar estadounidense y paga la tasa de interés del Euro, como resultado usted paga un interés por rollover del 1.00% sobre una base anual.
Una de las estrategias más conocidas dentro del mercado forex ha sido el Carry Trade. La estrategia del Carry Trade toma ventaja de las diferencias en tasas de interés entre países y el elevado nivel de apalancamiento disponible en el Mercado forex . .
Sin un manejo adecuado del riesgo, un alto nivel de apalancamiento puede llevar a grandes pérdidas y ganancias.
Operar en el mercado forex con un nivel elevado o incluso moderado nivel de apalancamiento puede que no sea adecuado para todo tipo de inversor.
¿ Cuándo se hace efectivo el rollover?
5 pm en Nueva York es considerado el principio y final de operación diaria en el mercado forex. Cualquier posición que se encuentre abierta pasadas las 5pm, es considerada que se mantendrá un día interbancario adicional y es sujeta al rollover. Una posición que sea creada a las 5:01pm no está sujeta al rollover hasta el día siguiente, mientras que una posición creada a las 4:59pm se encuentra sujeta al rollover a las 5pm. El crédito o débito de cada posición que se encuentre abierta, será cargado a las 5pm y se verá reflejado en el balance de su cuenta dentro de la siguiente hora.
Fines de Semana y días festivos:
La mayoría de los bancos alrededor del mundo cierran el sábado y domingo, lo que significa que no hay rollover durante esos días, sin embargo el interés es liquidado por esos dos días el miércoles, debido a esto ese día se liquida el interés por rollover de 3 días. Durante los días festivos el rollover no es liquidado, sin embargo este interés por un día es añadido 2 días laborales antes de que llegue el día festivo. Normalmente, el interés de un día festivo por rollover ocurre si el país de una de las monedas operadas tiene un importante festivo. Por lo tanto para el día de la Independencia de Estados Unidos el 4 de Julio, los bancos estarán cerrados y el interés por rollover de un día debe ser añadido a las 5pm del 1 de Julio, esto aplicaría para todos los pares que usen el dólar.
¿ Dónde puedo observar el rollover?
FXCM sigue detenidamente y presenta claramente las tasas de rollover. Por favor tenga en cuenta que las tasas de interés son facilitadas a FXCM por múltiples bancos globales. Hacemos todo lo posible por presentar las tasas de rollover un día antes de que éstas sean aplicadas en su cuenta. Sin embargo, durante momentos de extrema volatilidad en el mercado, las tasas pueden cambiar durante el día.
Usted puede ver el interés por rollover Abriendo una Cuenta Demo. Para observar las tasas por rollover de hoy, utilice la ventana de Cotizaciones Simples. Haga clic en la etiqueta de Cotizaciones Simples. Las tasas por rollover de todos los pares de divisas las encuentra en las columnas de Rollover Venta y Rollover Compra. La columna de Rollover Venta le muestra cuanto rollover usted pagaría ó ganaría si usted decide vender 1 lote de un par de divisas (y mantiene la posición abierta a las 5pm). Si el número que aparece es negativo, usted pagaría la cantidad. Si el número es positivo usted puede ganar la cantidad. La cantidad mostrada será denominada en la moneda en que se encuentre denominada la cuenta, lo que significa que para una cuenta de operación denominada en dólares americanos, la cantidad del rollover será revelada en dólares americanos.
¿El interés y los procedimientos por concepto de rollover cambian de acuerdo al Broker?
Sí. Además de nuestra política de transparencia al reportar el rollover, debido al volumen nocional de operaciones que FXCM genera a los proveedores de liquidez con que negocia, FXCM es capaz de transmitir a sus clientes competitivas tasas de rollover en ambos lados de cada par de divisas.
ADVERTENCIA DE ALTO RIESGO: Las operaciones en divisas y/o en contratos de diferencia se hacen utilizando márgenes, lo cual trae consigo un alto nivel de riesgo y podría no ser adecuado para usted ya que podría sufrir una pérdida total de su depósito. No debe invertir dinero que no esté en posición de perder. Usted debe estar atento y debe comprender completamente todos los riesgos relacionados con el mercado y las operaciones. Antes de decidir operar los productos ofrecidos por FXCM, usted debe considerar cuidadosamente su situación financiera y su nivel de experiencia. FXCM puede proporcionar comentarios generales, los cuales no pretenden ser asesoramiento de inversión y no deben interpretarse como tal. Por favor busque el asesoramiento de un consultor financiero independiente. Por favor haga clic aquí para leer la advertencia de riesgo completo.
FXCM Inc., sociedad cuyas acciones se cotizan en la Bolsa de Nueva York (NYSE: FXCM), es una sociedad de cartera y su único activo es la participación de capital social en FXCM Holdings, LLC. Forex Capital Markets Limited es una subsidiaria operativa de FXCM Holdings, LLC. Todas las referencias en este sitio a "FXCM" se refieren a FXCM Inc. y a sus subsidiarias consolidadas, incluyendo FXCM Holdings, LLC y Forex Capital Markets Limited.
BannerDe Wikipedia, la enciclopedia libre
Saltar a: navegación, búsqueda Este artículo o sección necesita referencias que aparezcan en una publicación acreditada, como revistas especializadas, monografías, prensa diaria o páginas de Internet fidedignas.
Puedes añadirlas así o avisar al autor principal del artículo en su página de discusión pegando: {{subst:Aviso referencias|Banner}} ~~~~
Para la localidad estadounidense, véase Banner (California).
Banner de Wikipedia.Un banner (en español: banderola) es un formato publicitario en Internet. Esta forma de publicidad online consiste en incluir una pieza publicitaria dentro de una página web. Prácticamente en la totalidad de los casos, su objetivo es atraer tráfico hacia el sitio web del anunciante que paga por su inclusión.
Los banners se crean con imágenes (GIF, JPEG o PNG), o con animaciones creadas a partir de tecnologías como Java, Adobe Shockwave y, fundamentalmente, Flash. Están diseñados con la intención de llamar la atención, resaltar notorios y comunicar el mensaje deseado. Por lo tanto, estos banners no necesariamente mantienen la línea gráfica del sitio.
Cualquier sitio web es susceptible de incluir toda clase de banners y otros formatos publicitarios, aunque en la mayoría de los casos, son los sitios con contenidos de mayor interés o con grandes volúmenes de tráfico los que atraen las mayores inversiones de los anunciantes.
Índice [ocultar]
1 Eficacia de comunicación
2 Formato
3 Banner para imagen de la compañía
4 Véase también
5 Enlaces externos
Eficacia de comunicación[editar]Cada vez que un usuario accede a una página web concreta en la que se ha previsto la inclusión de un banner, éste aparece. Esto se conoce como «impresión». En los formatos habituales, cuando el usuario hace clic sobre el banner, automáticamente es redirigido a otro sitio web, decidido por el anunciante, lo que se conoce como «click through».
Cuando se relaciona el número de click through con las impresiones se obtiene una tasa denominada ratio de click through (CTR por sus siglas en inglés, Click through ratio) que mide el número de veces que alguien ha hecho clic sobre el banner respecto al número de veces que se ha mostrado dicho banner -número total de impresiones-. Esta tasa puede variar muchísimo en función de la campaña de publicidad pero se puede considerar aceptable si ronda entre el 0,1% y el 1%.
Habitualmente, el CTR es el principal indicador que se emplea para medir la eficacia de una campaña de publicidad online. En ocasiones sirve también para determinar el coste que el anunciante pagará por la campaña, aunque fundamentalmente este coste viene determinado por el número de impresiones.
Formato[editar]El formato clásico de banner es horizontal y mide 468×600píxeles, aunque existen muchos otros formatos en función del soporte -el sitio web que los acoge-. De hecho, comúnmente el término banner se emplea para referirse a todo tipo de formatos publicitarios online, aunque existen piezas de muy diferentes características. Entre otras:
Robapáginas, de formato cuadrado o rectangular. Los formatos de robapáginas más frecuentes son: 200x200, 250x250, 250x350 y el 300x250, siendo este último el más utilizado.
Rascacielos o ½[[Categoría:]]Banner skyscraper, cuando el formato es vertical; sus medidas suelen ser 120x600 y 160x600. Puede ser también flotante desplazándose de arriba hacia abajo según el usuario baje o suba dentro de la web.
Botón, en formatos pequeños;
Banner layer, cuando la publicidad aparece sobreimpresionada en tu cuarto.
Banner para imagen de la compañía[editar]Los banner originalmente se crearon para dirigir público entre distintos sitios web; pero, por su bajo CTR, muchas compañías lo usan como publicidad equivalente a una valla publicitaria común en una autopista, pero en este caso en un sitio web.
En vez de mostrar banners con solamente referencia sobre un servicio o artículo, se coloca la imagen de la página web o compañía objetivo. Dado que la mayoría de los usuarios los miran aunque no hagan clic, estos banners tienen bastante impacto y se utilizan como una herramienta de marketing. Un caso típico de esta orientación de banners en la página principal de yahoo, donde sus banners suelen ser muy vistosos por su gran cantidad de animaciones.
http://es.wikipedia.org/wiki/Banner
Lenguaje de programación para paginas web
Enviado por pfravioli
Anuncios Google
Administración Empresas
Más gestión y emprendimiento ¡En el Poli te damos más! www.estudiaenelpoli.edu.co/AdmEmpre
Curso Programacion Java
Online, Videos, Foros, Profesor. 2 pagos de US$ 99 Inscríbete Ahora! Capacityacademy.com/Curso-de-Java
Diseñadora De Paginas Web
Visible en Móviles + Redes Sociales Profesionales, Económicas Efectivas www.eschergrafico.net
.
Indice
1. Introducción
2. Que es el HTML
3. Orígenes del HTML
4. Creación de páginas web con lenguaje HTML
5. Etiquetas de párrafo
6. Como insertar una imagen
7. Conclusión
8. Bibliografía
1. Introducción
El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.
A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo.
Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una página web.
2. Que es el HTML
El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.
El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .html
Estos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.
También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.
A continuación vamos a hablar un poco de historia:
3. Orígenes del HTML
1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML.
1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP.
1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.
1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch).
1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.
1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.
1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (también conocido como Mozilla), que tiene una amplia aceptación entre los usuarios, pero que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.
1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.
1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.
1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.
1998. HTML 4.0.
4. Creación de páginas web con lenguaje HTML
Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.
A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.
Estructura de los documentos de HTML
Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD> cabeza y <BODY> cuerpo.
La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento <TITLE>.
En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes, sonidos, hipervínculos, etc.
Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:
Ejemplo:
<HTML>
<HEAD>
<TITLE> Título de mi página de Internet </TITLE>
</HEAD>
<BODY>
<H1> <CENTER> Primera pagina </CENTER> </H1>
<HR>
Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.
<P> Aquí va un segundo párrafo.
</BODY>
</HTML>
Para escribir títulos se usa la etiqueta <Hx></Hx> en donde x es un número.
Ejemplo:
<h1>Titulo principal</h1>
<h2>Titulo secundario</h2>
<h3>Titulo terciario</h3>
<h4>Titulo cuarto nivel</h4>
<h5>Titulo quinto</h5>
<h6>Titulo sexto</h6>
Quedaría mas o menos así:
Titulo principal
Titulo secundario
Titulo terciario
Titulo cuarto nivel
Titulo quinto
Titulo sexto
5. Etiquetas de párrafo
Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.
Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes:
<p align="left"> Párrafo... </p> Alinea a la izquierda.
<p align="center"> Párrafo... </p> Realiza un centrado.
<p align="right"> Párrafo... </p> Alinea a la derecha.
Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando <BR>.
Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es <HR>
Etiquetas para darle formato al texto:
Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y color
Formato:
<B> y </B> Sirve para colocar un texto en Negrita.
<U> y < /U> Sirve para subrayar un texto
<STRIKE> y </STRIKE> Sirve para tachar un texto.
<STRONG> y </STRONG> Cumple la misma función que <B>
<I> y <I> Para colocar un texto en cursiva.
<EM>texto con énfasis</EM> texto con énfasis
<CITE>citación</CITE> citación
<DFN>definición</DFN> definición
<KBD>teclado</KBD> teclado
<SAMP>ejemplo</SAMP> ejemplo
SIZE: Regula el tamaño de los caracteres.
Ejemplo:<font> texto... </FONT>.
FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.
Ejemplo:
<FONT> texto…</FACE>
Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:
1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)
2. Mediante la especificación del nombre del color en ingles
Ejemplos:
<FONT COLOR="WHITE">Blanco</FONT>
Blanco
#FFFFFF
<FONT COLOR="BLACK">Negro</FONT>
Negro
#000000
<FONT COLOR="RED">Rojo</FONT>
Rojo
#FF0000
<FONT COLOR="GREEN">Verde</FONT>
Verde
#00FF00
<FONT COLOR="BLUE">Azul</FONT>
Azul
#0000FF
<FONT COLOR="YELLOW">Amarillo</FONT>
Amarillo
#FFFF00
<FONT COLOR="CYAN">Cyan</FONT>
Cyan
#00FFFF
<FONT COLOR="MAGENTA">Magenta</FONT>
Magenta
#FF00FF
Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web.
Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.
Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul.
Las cifras hexadecimales son:
0 (corresponde al decimal 0)
1 (corresponde al decimal 1)
2 (corresponde al decimal 2)
3 (corresponde al decimal 3)
4 (corresponde al decimal 4)
5 (corresponde al decimal 5)
6 (corresponde al decimal 6)
7 (corresponde al decimal 7)
8 (corresponde al decimal 8)
9 (corresponde al decimal 9)
A (corresponde al decimal 10)
B (corresponde al decimal 11)
C (corresponde al decimal 12)
D (corresponde al decimal 13)
E (corresponde al decimal 14)
F (corresponde al decimal 15)
(mirar el cuadro de la página anterior)
Para ponerle color de fondo a la página escribir:
<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.
Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.
Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:
•text="#número" Para el color del texto.
•link="#número" Para el color de los enlaces.
•vlink="#número" El color con que aparecerán los enlaces ya visitados.
•alink="#número" Color del enlace cuando lo pulsamos.
Por lo tanto la etiqueta <body> puede quedar del siguiente modo:
<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">
Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:
background="localización de la imagen" Esta etiqueta va dentro de la etiqueta <body>.
Ejemplo:
<body background="/documentos/html/gifs/dragonball.gif">
Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.
Etiquetas META
Son usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.
Ejemplo:
<META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor Moon">
Indica al visor el nombre de la página y sus contenidos principales.
<META NAME="Author" content="Pablo Ravioli">
Indica el nombre de la persona que elabora la pagina WEB
<META NAME = "keywords" content = "Información de Sailor Moon">
Indica al visor las palabras clave para los buscadores de Internet.
Para hacer listas:
Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones).
Las listas pueden ser: Lista desordenada, <UL> (Unordered List).
Lista ordenada, <OL> (Ordered List).
Ejemplos de diferentes tipos de listas:
Lista con números romanos:
<ol>
<li type=I>Manzana
<li type=I>Zanahoria
<li type=I>Lechuga
<li type=I>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista numerada:
<ol>
<li>Manzana
<li>Zanahoria
<li>Lechuga
<li>Tomate
</ol>
Manzana
Zanahoria
Lechuga
Tomate
Lista con puntos:
<ul>
<li> Manzana
<li> Zanahoria
<li> Lechuga
<li>Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con círculos:
<ul>
<li type=circle> Manzana
<li type=circle> Zanahoria
<li type=circle> Lechuga
<li type=circle> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
Lista con cuadrados:
<ul>
<li type=square> Manzana
<li type=square> Zanahoria
<li type=square> Lechuga
<li type=square> Tomate
</ul>
Manzana
Zanahoria
Lechuga
Tomate
6. Como insertar una imagen
A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.
La etiqueta utilizada para agregar imágenes a una página Web es <IMG> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.
Es decir:
<IMG SRC="lugar donde guardo la imagen">
Supongamos que tenemos la imagen dragonball.gif, que está presente en el mismo directorio en donde está la página y que la queremos insertar. La etiqueta apropiada sería:
<IMG SRC="dragonball.gif">
Y el usuario verá en el browser:
Para poner la imagen en la izquierda escribir:
<IMG ALIGN=LEFT SRC=" dragonball.gif ">
A la derecha: <IMG ALIGN=RIGHT SRC=" dragonball.gif">
Y si se quiere poner la imagen en el centro:
<P ALIGN=CENTER> <IMG SRC=" dragonball.gif"> </P>
Hiperenlaces, Hyperlinks, Anclas o Links
Para definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>. Por ejemplo, si queremos que el texto "pulse aquí para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:
<a href="http://www.nasa.gov/">Pulse aquí para visitar a la NASA</a>
Que se vería de esta forma: Pulse aquí para visitar a la NASA
Si queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:
<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrirá la imagen.gif.
También se puede ir a otro enlace por medio de una imagen. Lo único que se debe hacer es cambiar el texto por una imagen:
<a href="http://www.altavista.com"><img src="Logo.jpg"></a>
Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podría ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos envíe al buscador Altavista.
Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:
<a href="mailto:pfravioli[arroba]fibertel.com.ar">Mandame un Email</a>
Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita.
Caracteres especiales
Existe una razón evidente que impide que podamos escribir ciertos símbolos directamente en un texto HTML, como por ejemplo el <: dichos símbolos tienen un significado en HTML, y es necesario diferenciar claramente cuándo poseen ese significado y cuándo queremos que aparezcan literalmente en el documento final. Por ejemplo, como ya sabemos, < indica el comienzo de una directiva, y, por ello, si queremos que aparezca en el texto como tal tendremos que dar un rodeo escribiendo algo que no de lugar a confusión, en este caso <. Los símbolos afectados por esta limitación, y la forma de escribirlos, se detallan a continuación:
•< (Menor que): <
•>(Mayor que): >
•& (símbolo de and, o ampersand): &
•" (comillas dobles): "
Es decir, que para escribir <"hola"> en nuestro texto HTML original debemos poner <"hola">.
El otro caso especial se da cuando en un texto HTML se quiere escribir una eñe, por ejemplo. Existe una forma fácil de hacerlo, que consiste en utilizar códigos como las que antes se presentaron para escribir ciertos símbolos. Los códigos comienzan siempre con el símbolo &, y terminan con un punto y coma (;). Entre medias va un identificador del carácter que queremos que se escriba. Los códigos necesarias en nuestro idioma son:
•á: á
•é: é
•í: í
•ó: ó
•ú: ú
•Á: Á
•É: É
•Í: Í
•Ó: Ó
•Ú: Ú
•ü: ü
•Ü: Ü
•ñ: ñ
•Ñ: Ñ
•¿: ¿
•¡: ¡
•?: ?
•!: !
•@: @
Por lo tanto la palabra página la podríamos escribir como :
página
página
Otro ejemplo: ¿En qué año estamos?
Sería: ¿En qué año estamos?
Es por ello que si deseamos que cualquier visor de páginas Web pueda visualizar las letras acentuadas de nuestro documento debemos utilizar sus correspondientes códigos para representarlas.
Recuerden que las etiquetas se pueden escribir en mayúsculas o en minúsculas, es lo mismo poner <HTML>, <html> o <HtmL>.
Una vez que terminamos de escribir todo nuestro documento, lo guardamos poniéndole un nombre, y necesariamente lo debemos guardar con la extensión .HTM o .HTML.
Para ir visualizando lo que hemos estado haciendo tendríamos que abrir nuestro browser (Netscape o Internet Explorer), hacemos click en la opción FILE o ARCHIVO, estando allí seleccionamos OPEN o ABRIR, le damos BROWSE o EXAMINAR, seleccionamos el archivo y le damos OPEN. Luego le damos ACEPTAR, e inmediatamente se abrirá nuestra pagina.
7. Conclusión
Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos.
El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.
Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.
Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.
Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML.
8. Bibliografía
Clarín
Guía práctica de Internet
Buenos Aires
Editorial Sol 90 Barcelona
1999
Volumen 14
Páginas 316 a 323
Masanti Luis Alejandro
Diseño
Ciudad de Buenos Aires
Ñ Ediciones
Abril de 2000
Fascículo 01
Páginas 1 a 9
Sergio Talens Oliag - José Hernández Orallo
HTML. Manual de Referencia
Editorial Paraninfo
1996
Thomas A. Powell – Mc Craw Hill
Manual de Referencia HTML
Buenos Aires
Osborne
1999
Capitulo 2
http://www.monografias.com/trabajos7/html/html.shtml
Tipos de formatos de imagen en las pÁginas web
Los formatos gráficos más utilizados en las páginas web son: el GIF, el JPG y el PNG. Las imágenes son muy importantes en las páginas web, ellas hacen que las páginas sean más agradables y atractivas para el visitante. Pero pueden ser también la causa de graves errores en las paginas e incluso ocasionar muchos problemas al propietario del sitio web.
Para evitar todos estos problemas lo mejor es adquirir unas nociones básicas sobre el uso de este tipo de archivos gráficos. De manera que estos conocimientos nos ayuden a diseñar sitios atractivos y rápidos. Por ello una correcta utilización de la imágenes conseguiremos que nuestras páginas tengas más visitas.
Normalmente en Internet se utilizan dos tipos de archivos para las imágenes en las páginas web. Estos son el GIF y el JPG, fundamentalmente porque ocupan poco tamaño en disco y se consigue que transmitan más rápidamente por la Red.
El GIF se usa para imágenes que tengan dibujos, y el JPG para las fotografías. Estos dos formatos comprimen las imágenes. El formato PNG no es tan conocido como los dos anteriores, por varias razones como que las herramientas de trabajar con las imágenes no lo soportan y algunos navegadores no conocen este formato de imagen. Sin embargo, el PNG tiene una muy buena compresión y calidad en las imágenes.
El archivo GIF
Las principales características del formato de archivo GIF son:
1. Es ideal para los dibujos.
2. Tiene una excelente compresión.
3. Se le puede dar también transparencia. Gracias a ella se puede colocar las imágenes sobre diferentes fondos sin que sea visible el cuadrado donde esta hecho el dibujo. Para conseguir un dibujo con transparencia tenemos que utilizar un programa de diseño gráfico.
4. Otra característica es el color. Con este formato de imagen podemos utilizar una paleta de 256 colores diferentes. Aquí tenemos que destacar que cuantos menos colores utilicemos en la imagen, menos espacio ocupará el archivo en disco. En muchas ocasiones, aunque utilicemos menos colores no perdemos tanto en calidad de imagen.
El archivo JPG
Las principales características de este tipo de archivo son:
1. La compresión que tiene lo hace ideal para guardar fotografías, si elegimos guardarlo con calidad baja ocupara menos, y viceversa.
2. La transparencia no es posible para este formato de imagen. Si queremos que una imagen con un área que parezca transparente. Tendremos que conseguir que el fondo de la imagen sea del mismo color que el de la página donde queremos alojarla.
3. Los colores, el JPG utiliza 16 millones de colores diferentes, lo que lo hace ideal para fotografías.
Si queremos optimizar el uso de estos archivos de imagen. Tenemos que reducir el número de colores de nuestra paleta para los archivos GIF. Y para los archivos JPG ajustar la calidad del archivo a la hora de guardarlo porque este formato nos permite bajar la calidad de la imagen sin que esta pierda mucho en su aspecto visual.
Existen muchos buenas herramientas para la edición de imágenes entre ellas tenemos el Photoshop, el CorelDraw, el Fireworks, etc. Todos estos son unas excelentes herramientas para el tratamiento de imágenes de todo tipo y nos ayudaran a crear las mejores imágenes para nuestras páginas web.
Pero también hay otros programas que nos permiten optimizar aun más las imágenes. De forma que una vez creada la imagen las pasamos por estos programas y las comprime más, haciéndolas rápidas de transferir y, por tanto, mejores para Internet. Al ser estos programas tan especializados su resultado suele ser mejor que el de los programas de edición gráfica. Entre ellos destacamos: WebGraphics Optimizer, ProJPG, GIF Imantion, etc.
Win32 binary, el fichero con nombre kompozer-X.X.X-win32.zip. Descomprimimos este fichero descargado en un directorio, entramos en él y ejecutamos el archivo kompozer.exe. El programa tiene el siguiente aspecto:
Win32 binary, el fichero con nombre kompozer-X.X.X-win32.zip. Descomprimimos este fichero descargado en un directorio, entramos en él y ejecutamos el archivo kompozer.exe. El programa tiene el siguiente aspecto:
