Aplicaciones Web VS Aplicaciones De Escritorio

escritorio

Algunos ejemplos de aplicaciones de escritorio son: Windows Live Messenger, iTunes, Adobe Photoshop, Microsoft Word, Excel, Limeware, Winamp, etc. Este tipo de aplicaciones tienen en común el hecho de que son ejecutadas directamente por el sistema operativo, ya sea Microsoft Windows, Mac OS X, Linux o Solaris, y su rendimiento depende de diversas configuraciones de hardware como memoria RAM, disco duro, memoria de video, etc.

ap web

Por otro lado, como ejemplos de aplicaciones web, tenemos las conocidas redes sociales como Facebook y Twitter, tiendas virtuales como E-Bay y Amazon, la enciclopedia en línea Wikipedia, el buscador Google, etc. Dado estos ejemplos, cabe mencionar que la principal característica de las aplicaciones web es que son ejecutadas sobre aplicaciones de escritorio que son conocidas como navegadores web, de los cuales los más conocidos son Google Chrome, Internet Explorer y Mozilla Firefox.

En los inicios de la computación, solo existía aplicaciones del tipo consola, posteriormente aparecieron las aplicaciones de escritorio basadas en GUI, y como toda evolución, en los años 90 con el nacimiento de Internet fueron surgiendo lo que hoy conocemos como aplicaciones web, que en ese entonces se limitaban a ser simples páginas de texto estático, pero que con el tiempo han ido tomando fuerza hasta llegar a lo que conocemos hoy en día…y lo que falta.

Una de las principales ventajas que presentan las aplicaciones web ante las aplicaciones de escritorio o consola es el hecho de que no dependen de ningún sistema operativo ni configuración de hardware especifica; para su ejecución simplemente basta con teclear su dirección URL en cualquier navegador web. De igual manera sus actualizaciones se hacen de una manera muy sencilla, sin necesidad de hacer descargas, instalaciones o comprar físicamente el producto.

Esta flexibilidad ha sido uno de los principales motivos por los que cada vez son más utilizadas para una creciente diversidad de tareas, aunque al día de hoy todavía no cubren todos los aspectos, puesto que hay aplicaciones de consola más aptas para ciertas tareas al igual que hay aplicaciones de escritorio para otras, principalmente para tareas de bajo nivel que hacen interacción directa con algún hardware.

En resumen, al día de hoy el uso de aplicaciones web es el más apto en aplicaciones de tipo Intranets, Administración de la relación con el cliente (CRM), Planeación de recursos empresariales (ERP), Puntos de venta distribuidos, Comercio Electrónico, Publicidad, y por supuesto, cualquier actividad que tenga que ver con Internet.

CSS (Parte 1)

INTRODUCCIÓN A CSS (Parte 1)

Buenas noches, en esta oportunidad desarrollaremos una introducción a CSS.

CSS (Cascading Style Sheets – Hoja de estilo en cascada) es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML.

CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.

Se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

Antes de que se generalizara el uso de CSS, los diseñadores de páginas web utilizaban etiquetas HTML especiales para modificar el aspecto de los elementos de la página. Se utilizaba etiquetas como <style> o <font>.

Ahora, la información de estilo puede ser adjuntada como un documento separado del documento HTML, como veremos en nuestro ejemplo.

Conocimientos Previos:

Para adjuntar el documento de estilo se utiliza la etiqueta <link>. Normalmente, la etiqueta <link> incluye cuatro atributos cuando enlaza un archivo CSS:

  • rel: indica el tipo de relación que existe entre el recurso enlazado (en este caso, el archivo CSS) y la páginaHTML. Para los archivos CSS, siempre se utiliza el valor stylesheet
  • type: indica el tipo de recurso enlazado. Sus valores están estandarizados y para los archivos CSS su valor siempre es text/css
  • href: indica la URL del archivo CSS que contiene los estilos. La URL indicada puede ser relativa o absoluta y puede apuntar a un recurso interno o externo al sitio web.
  • media: indica el medio en el que se van a aplicar los estilos del archivo CSS. Más adelante se explican en detalle los medios CSS y su funcionamiento.

 

Ahora procedamos a aplicar un ejemplo.

 

Nota: Esta introducción tendrá su ejemplo en la Parte 2.

HTML

INTRODUCCIÓN A HTML

Básicamente, este blog va dirigido al público general, a todas aquellas personas que deseen aprender de una manera rápida temas entorno al desarrollo web.

Empezaremos en esta oportunidad con un tema muy popular: El lenguaje HTML (HyperText Markup Language). Datos precisos para facilitar su entendimiento.

Este lenguaje es con el cual están escritas, en general, todas las páginas web. Permite decirle al navegador de qué forma debe mostrar la información que solicite un usuario a un servidor.

Esto significa que podremos dar formato a los textos, imágenes y sonidos, combinarlos como queramos, y así poder tener mayor captura de atención de los usuarios con nuestra página web.

Pero aquí se presenta un problema, no todos los navegadores que existen en la actualidad (Mozilla Firefox, Internet Explorer, Google Chrome) interpretan el código HTML de la forma en que esperamos, por ello cada vez que creemos una página web, debemos comprobar si es lo que queremos mostrar con el navegador que utilicemos (se recomienda codificar en el navegador más utilizado).

Conocimientos Previos:

El lenguaje HTML tiene su sintaxis basada en etiquetas; éstas son las que definen los elementos de un documento HTML.

Estas etiquetas tienen que tener una apertura y un cierre, así:

<etiqueta> … </etiqueta>

Para iniciar con un documento HTML debemos de conocer sus 3 principales etiquetas:

  • <html> .- Nos indica el comienzo y el final (</html>) del documento HTML, todo lo que  ka parteesté dentro de esta etiqueta será lo que se mostrará en la página web.
  • <head> .- Es el encabezado, donde se puede poner el título de nuestra página (visible para usuario) y datos informativos del documento (no visible para  el usuario).
  • <body> .- Es el cuerpo del documento, aquí se encuentra todo aquellos que queramos mostrar al usuario (texto, imágenes, sonido, etc). Dentro de esta etiqueta podemos encontrar infinidad de más etiquetas

Para comenzar con el uso del lenguaje HTML necesitamos un editor de texto y para hacerlo más fácil, lo haremos con un Bloc de Notas. Existen editores de textos diseñados para crear páginas web, pero necesitamos que el aprendizaje sea lo más sencillo posible.

Ejemplo: Mostrar en una página nuestro nombre y con título «Mi Página».

Abrimos el bloc de notas y digitamos lo siguiente:

<html>

<head>

<title>Mi Página

</title>

<body> Usuario

</body>

</head>

</html>

Luego guardamos este archivo con la extensión “.html”. Por ejemplo: mipag.html

Al abrir este archivo, visualizaremos en nuestro navegador predeterminado Usuario, y en la parte superior izquierda el título: Mi Página.

Nota: En nuestra próxima entrada daremos a conocer más etiquetas para enriquecer el contenido de nuestra página web.