domingo, 5 de septiembre de 2010

WEB DINAMICA

 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, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada ....
El desarrollo de este tipo de Web son mas complicadas, pues requieren conocimientos específicos de lenguajes de programación así como creación y gestión de bases de datos, pero la enorme potencia y servicio que otorgan este tipo de páginas hace que merezca la pena la inversión  y esfuerzo invertidos respecto a los resultados obtenidos, veámoslo con el siguiente ejemplo:
Imaginase que usted esta interesado en desarrollar un sitio Web donde publicite los productos o servicios de su negocio, para mayor captación de clientes ha de disponer de un formulario  donde los clientes tengan la posibilidad de realizar pedidos sobre el  catalogo de productos disponibles, los clientes rellenarían el siguiente formulario, indicando  la cantidad solicitada de cada producto, así como la dirección a la cual se ha de enviar el pedido, como resultado de dicha operación al presionar sobre el botón "enviar" se nos mostrara la fecha y hora en la cual se ha realizado el pedido así como una descripción de los productos solicitados con la cantidad total y el precio del pedido. 
SIMULACION PEDIDO ON LINE
Productos Precio
Carrito compra.
     
Lápiz
0,35 €
Boligrafo
1,20 €
Portaminas
2,50€
   
E-mail
 
 
Otra gran ventaja que proporciona  crear sitios Web dinámicos es la posibilidad de trabajar con bases de datos, las cuales puede almacenar cualquier tipo de datos que a usted le interese para posteriormente realizar cualquier tipo de consultas
¿Le gustaría saber las preferencias y opiniones de los clientes de sus productos y servicios?
¿Cual es su cartera de pedidos generada a través de la red?
Estas y otras preguntas encuentran respuestas con las Web dinámicas y las bases de datos que manejan.

SITIO WEB

Un sitio web es un conjunto de páginas web, típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet.
Una página web es un documento HTML/XHTML accesible generalmente mediante el protocolo HTTP de Internet.
Todos los sitios web públicamente accesibles constituyen una gigantesca "World Wide Web" de información (un gigantesco entramado de recursos de alcance mundial).
A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el tráfico web fluye entre las diferentes partes de los sitios.
Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen muchos portales de pornografía en Internet, algunos sitios de noticias, sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsa e información económica en tiempo real, etc.

Tipos de sitios web

 

Existen muchas variedades de sitios web, cada uno especializándose en un tipo particular de contenido o uso, y ellos pueden ser arbitrariamente clasificados de muchas maneras. Unas pocas clasificaciones pueden incluir:

PAGINAS WEB

Una página Web, también conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web.
Una página Web está compuesta principalmente por información (sólo texto o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para hacerla interactiva.
Las páginas Web son escritas en un lenguaje de marcado que provea la capacidad de manejar e insertar hiperenlaces, generalmente HTML.
El contenido de la página puede ser predeterminado ("página Web estática") o generado al momento de visualizarla o solicitarla a un servidor Web ("página Web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor Web que alberga las mismas.
Respecto a la estructura de las páginas Web, algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño, para así facilitar y simplificar la visualización e interpretación del contenido.
Una página Web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, personas, etc. Así mismo, la nueva tendencia orienta a que las páginas Web no sean solo atractivas para los internautas, sino también optimizadas para buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.

editores web propietario

macromedia Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere.
Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:
  • Hojas de estilo y capas
  • Javascript para crear efectos e interactividades
  • Inserción de archivos multimedia...
Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañias, para realizar otras acciones más avanzadas.En resumen, el programa es realmente satisfatorio, incluso el código generado es de buena calidad. La unica pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con otras herramientas de Macromedia como Fireworks.

 Namo WebEditor es un editor HTML de tipo WYSIWYG, es decir, permite tener siempre a la vista el resultado final mientras programas tu página Web.Es un editor pensado tanto para los profesionales del diseño Web, que apreciarán su amplia variedad de herramientas y opciones, y para principantes, que agradecerán un interfaz de usuario de muy sencillo manejo.Entre otras muchas aplicaciones, Namo WebEditor incluye potentes herramientas gráficas de diseño y edición, soporte para macros, hojas de estilo y applets de Java, edición de tablas, creación de banners y botones, etc.El programa incluye además un asistente para incluir JavaScript en tu página y un práctico administrador de sitios Web con el que siempre tendrás bajo control los archivos contenidos en tu Web, su estructura, los enlaces entre ellos, etc.Esta suite incluye además del editor WebEditor, el programa WebCanvas, para la creación de gráficos vectoriales listos para ser usados en WebEditor, y otras utilidades

 





FrontPage es una herramienta de diseño de páginas web creada por Microsoft y que está incluida en el paquete Ms Office.
Una particularidad de este programa es su facilidad de uso, ya que muchos de sus componentes son idénticos a los de un procesador del procesador de textos Word. Si bien en principio este programa fue calificado como una herramienta poco profesional, con el correr del tiempo, FrontPage fue incorporando nuevas herramientas y hoy en día se ha convertido en una potente herramienta, capaz de realizar paginas profesionales con un mínimo de experiencia.
A lo largo de esta guía conoceremos algunos de sus componentes, pero el objetivo de la misma es la creación de una web personal o para una empresa pequeña, por lo que será bueno investigar un poco mas, si lo que se quiere es desarrollar un página sofisticada.

EDITORES WEB GRATUITO

Nvu – Editor de Páginas Web gratuito y sencillo, similar a FrontPage.

 

 

por Director el Aug.22, 2010, en DESARROLLO WEB, EDITORES WEB, SOFTWARE
Nvu es un editor de páginas web, basado en el editor de páginas Composer incluido en Mozilla.
Es un editor del tipo WYSIWYG, multiplataforma basado en Mozilla Composer, pero de ejecución independiente.
Su desarrollo estaba financiado por Linspire (distribución de GNU/Linux antes llamada Lindows).
Añade características nuevas como soporte integrado de CSS y mejor gestión del soporte FTP para actualización de los ficheros.
Este editor facilita el desarrollo de páginas web, gracias a las diferentes visualizaciones disponibles en su interfaz (código fuente, ventana WYSIWYG, visión con tags de HTML realzados), entre los cuales es posible cambiar mediante un sistema de pestañas.
Incluye también otras características como gestión de trabajo mediante proyectos, cliente FTP integrado para subir la página directamente desde Nvu y soporte para todos los elementos típicos: marcos, formularios, tablas, plantillas de diseño, hojas de estilo CSS, etc.
NVU ya no está en desarrollo, por lo que en su lugar se aconseja utilizar Kompozer.



  • Yahoo! SiteBuilder
    Uno de los editores web más completos, permite crear y diseñar tu página web de aspecto profesional sin apenas conociemientos. Cuenta con más de 300 plantillas totalmente personalizables.

  • Nvu editor de páginas web.
    NVU es un editor de páginas web multiplataforma basado en Mozilla Composer, pero de ejecución independiente, y añade características nuevas como soporte integrado de CSS y gestión del protocolo FTP para actualización de los ficheros. Es un programa muy completo y tiene la ventaja de ser de código abierto y gratuito.
  • Bluefish
    Bluefish es un editor para desarrolladores web y programadores, enfocado en la creación de sitios web dinámicos e interactivos.

  • KompoZer
    Crea tu propia web con KompoZer, un editor HTML del tipo WYSIWYG ("lo que ves es lo que obtendrás"), es decir, un editor visual que te ayudará a publicar en web lo mismo que tú has creado en el editor. Cuenta con interesantes herramientas de depuración, de gestión de estilos CSS y publicación automática a tu FTP.

  • Trellian WebPage
    Completo editor web de sencillo maneja. Cuenta con gestor de archivos multimedia, limpiador de código y editor gráfico.

  • Namu6 Website Editor
    Prácito editor web que cuenta con un sencillo asistente para facilitarte la tarea de crear tu página web. Otras de sus características más importanes son: editor de imágenes integrado y sencillo sistema de publicación de páginas.

  • MoreMotion Web Express
    MoreMotion Web Express es un editor de HTML de tipo WYSIWYG. La gran baza MoreMotion Web Express de cara a competir con otros editores del tipo de Dreamweaver es su sencillez además de que no hace falta conocer el lenguaje HTML. Cualquier usuario inexperto pero con algo de habilidad es capaz de hacerse con el programa a nada que empiece a navegar por su interfaz.

  • Amaya
    Amaya es una completa herramienta de creación de páginas Web, equipada con una interfaz de diseño tan sencillo que permite tener su propia Web en unos pocos minutos sin ningún conocimiento previo. Amaya trabaja básicamente con HTML, pero también tiene soporte para documentos en formato CSS, MML y SVG. El programa te permite visualizar la estructura de tu Web, así como añadir comentarios a cada documento.

  • PersonalWebKit
    Completo y sencillo editor de páginas web totalmente gratis. Diseña tu página en un par de clicks sin conocimientos de programación.

  • Dynamic HTML Editor
    Dynamic HTML Editor es un potente editor web tipo WYSIWYG (What You See Is What You Get) que trabaja tanto con hojas de estilo CSS como con tablas. Muy sencillo y fácil de usar puedes crear tu página web casi instantáneamente sin conocimientos previos. Es compatible con flash, asp, jsp, php, cfm, etc.

EDITORES WEB

Un editor de páginas web es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM.

Tipos de editores

 

Editor de texto sin formato

Aptana Studio editando código HTML.
También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos son Notepad (incluido en Windows) y Kate (GNU/Linux). Con cualquiera de los dos bastaría para escribir las líneas de código necesarias para diseñar una página Web.
Existen editores de texto especificamente diseñados para la edición Web, que como Kate, incluyen dentro de su simplicidad coloreado de sintaxis y las etiquetas de marcado usuales necesarias en el lenguaje de hipertexto. Dichos editores incluyen una serie de botones para insertar rápidamente las etiquetas, o combinaciones de estas, más corrientes, salvar el documento con un click y visionarlo posteriormente en una nueva ventana.

Editor de texto con ventanas desdobladas

Es una versión ligeramente más sofisticada que la anterior. Suelen constar de un par de ventanas. Una de trabajo, donde se teclea el código HTML y el texto que se quiere incluir en la página, y en la otra se visualiza el resultado en tiempo real. En otras palabras se obtiene una previsualización del documento generado. Lo que significa que no se tiene que guardar el documento, previamente, antes de volver a abrirlo con el navegador para comprobar el resultado.

Editores WYSIWYG

Artículo principal: WYSIWYG
El término WYSIWYG es el acrónimo de What You See Is What You Get, que traducido al castellano quiere decir: "lo que ves es lo que obtienes", en los que de manera visual se pueden colocar distintos elementos sobre una vista previa de la página, encargándose el programa de generar el documento HTML. La manera de trabajar en este tipo de editores, es muy similar a la que se usa cuando se trabaja con un procesador de texto. Esto quiere decir que un usuario no tiene por qué teclear las etiquetas del lenguaje de marcado. En lugar de eso, el usuario escribe el texto, lo formatea, e inserta las imágenes en los lugares deseados, trabajando igual a como lo haría con Writer, (el procesador incluido en la suite ofimática OpenOffice.org), o Word. Posteriormente el editor transforma la vista por pantalla en código HTML perfectamente configurado.
Ejemplo de editores WYSIWYM son WYMean Editor o WebCS Editor
Cualquiera de estos editores son una buena alternativa a los editores de texto simple. Los mejores editores HTML señalan las líneas de código mediante distintos tipos de fuente a las usadas en el texto introducido directamente por teclado. Además, proporcionan la posibilidad de volver hacia atrás entre los distintos tipos de vista.