Paginas web creadas con diferentes editores (característica)

¿Que contiene una pagina 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.

¿Que diferencia hay entre una pagina web estática y una pagina web dinámica?

Una página Web estática presenta las siguientes características:

·         Ausencia de movimiento y funcionalidades.

·         Absoluta opacidad a los deseos o búsquedas del visitante a la página.

·         Realizadas en XHTML o HTML.

·         Para cambiar los contenidos de la página, es imprescindible acceder al servidor donde está alojada la página.

·         El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos o el diseño de la página a su gusto.

·         El proceso de actualización es lento, tedioso y esencialmente manual.

No se pueden utilizar funcionalidades tales como bases de datos, foros, etc. Por el contrario, una página Web dinámica tiene las siguientes características:

·         Gran número de posibilidades en su diseño y desarrollo.

·         El visitante puede alterar el diseño, contenidos o presentación de la página a su gusto.

·         En su realización se utilizan diversos lenguajes y técnicas de programación.

·         El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.

·         Permite un gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.

·         Pueden realizarse íntegramente con software de libre distribución.

·         Existe una amplia comunidad de programadores que brinda apoyo desinteresado.

·         Cuenta con un gran número de soluciones prediseñadas de libre disposición.

¿Que diferencia hay entre una pagina web estática y una pagina web dinámica?

Una página Web estática presenta las siguientes características:

·         Ausencia de movimiento y funcionalidades.

·         Absoluta opacidad a los deseos o búsquedas del visitante a la página.

·         Realizadas en XHTML o HTML.

·         Para cambiar los contenidos de la página, es imprescindible acceder al servidor donde está alojada la página.

·         El usuario no tiene ninguna posibilidad de seleccionar, ordenar o modificar los contenidos o el diseño de la página a su gusto.

·         El proceso de actualización es lento, tedioso y esencialmente manual.

·         No se pueden utilizar funcionalidades tales como bases de datos, foros, etc.

Por el contrario, una página Web dinámica tiene las siguientes características:

·         Gran número de posibilidades en su diseño y desarrollo.

·         El visitante puede alterar el diseño, contenidos o presentación de la página a su gusto.

·         En su realización se utilizan diversos lenguajes y tecnicas de programación.

·         El proceso de actualización es sumamente sencillo, sin necesidad de entrar en el servidor.

·         Permite un gran número de funcionalidades tales como bases de datos, foros, contenido dinámico, etc.

·         Pueden realizarse íntegramente con software de libre distribución.

·         Existe una amplia comunidad de programadores que brinda apoyo desinteresado.

·         Cuenta con un gran número de soluciones prediseñadas de libre disposición. 

Tipos de editores

Editor de texto sin formato

También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos son Notepad o Bloc de Notas (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 específicamente 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 clic y visionarlo posteriormente en una nueva ventana.

Características

·         Uso simple arrastrar y soltar las acciones para crear aplicaciones complejas.

·         Importar imágenes e ilustraciones creadas con tu programa de dibujo o pintura.

·         Importar texto con formato documentos creados con su procesador de textos favorito o el uso NeoBook incorporada en el editor de texto.

·         Añadir navegación y controles de interfaz de usuario, incluyendo: botones, casillas de verificación, botones, campos de entrada de texto (con validación), cuadros de lista, cuadros combinados, reproductores multimedia, pista de bares y temporizadores.

·         GIF animados, y archivos Flash.

·         Mostrar sitios Web y contenidos de Internet en vivo dentro de su solicitud.*

·         Crear y enviar mensajes de correo electrónico directamente desde la aplicación.

·         Utilice construido en editor de texto para crear texto con formato con tablas, múltiples fuentes, los marcadores y los comandos de hipertexto.

Crear aplicaciones avanzadas utilizando el poderoso, lenguaje de script integrados. Incluye condicionales, bucles, variables, E / S de archivos, procesamiento de cadenas, etc. de comandos de comandos puede ser escrito manualmente por usuarios experimentados o seleccionados de una lista interactiva y añadió llenando un sencillo cuestionario.

·         Realizar cálculos y resultados para tabular equipo basado en ejercicios de entrenamiento.

·         Usar efectos de transición entre pantallas, como las toallitas, se disuelve, tejidos, etc.

·         Almacenar y recuperar información de archivos externos y el Registro de Windows.

·         Crear aplicaciones con ventanas en forma de costumbre.

·         Sonido, música, vídeo, animación y otros archivos multimedia.

·         Mostrar cuadros de alerta, mensajes popup imágenes, menús, cuadros de diálogo personalizado, etc

·         Cree sus propias caricaturas animadas usando la utilidad incluye NeoToon ™.

·         Lanzamiento de Windows o programas de DOS, incluyendo otras aplicaciones compiladas NeoBook.

·         Enviar pulsaciones de teclas y clics de ratón a otras aplicaciones de Windows.

·         Acceder a su favorito de procesador de textos, editor de sonido, editor de animación y / o la pintura directamente del programa NeoBook para editar texto, imágenes, clips de audio y animación.

·         Mejorar la funcionalidad de NeoBook con sencillo de usar, pero potente plug-ins.

·         Prueba, la depuración y la corrección ortográfica de sus proyectos sin salir de la NeoBook medio ambiente.

·         Uso del compilador de NeoBook para ensamblar tus proyectos en 32 bits de las aplicaciones de Windows (exe), protectores de pantalla de Windows (SCR), bandeja del sistema de Windows o aplicaciones de los controles ActiveX (ocx). Compilado aplicaciones puede ser distribuida o vendida - sin pagar regalías o cuotas de licencia adicionales !

·         Crear un profesional de la instalación / Instalación de aplicaciones, completo con compresión y capacidad multi-disco.

·         Importar archivos creados con anteriores versiones de Windows y DOS de NeoBook.

·         Nueva NeoBookDBPro plug-in le permite leer y escribir archivos de base de datos directamente desde su NeoBook publicacione

EDITAR 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

El término WYSIWYG es el acrónimo de What You See Is What You Get, que traducido al castellano quiere decir: "lo que tú 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 documentoHTML. 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.

Ejemplos claros de editores de páginas web son KompoZer (antes llamado NVU), Mozilla Composer, Amaya, Dreamweaver o Microsoft Frontpage, entre otros.

Ejemplos de editores HTML tipo WYSIWYG son: Dreamweaver, NVU/Kompozer, las versiones de Composer de Netscape y Mozilla, Amaya, Writer (de OpenOffice.org), Adobe Golive, Frontpage y Microsoft Word. También existen editores que se pueden integrar en formularios de páginas web como FCKeditor, TinyMCE, FreeRichTextEditor.

En el área de diseño web existen también herramientas WYSIWYG, dentro de los llamados CMS (Content Management System); aunque un CMS no tiene porqué ser WYSIWYG, es decir puede ser un gestor de contenidos cuyo panel de gestión no se corresponda con el diseño final, sino que en este caso se utiliza un back-end o panel de gestión para crear-modificar los contenidos, que serán reflejados en el front-end o parte final que ven los usuarios. En el grupo de los CMS WYSIWYG hay varias aplicaciones, incluso alguna de ellas con tecnología flash, como por ejemplo Easy Site Manager.

Un buen y actual ejemplo de editor específico de textos que no es WYSIWYG es aquel que utiliza formato de documento: LaTeX.

Características                                                                                                                los editores WYSIWYG gratuitos todavía HTML5 no era demasiado cercano, pero hoy en día, y con el furor que esta causando en la comunidad de desarrolladores, no podía pasar demasiado tiempo hasta que aparezca un editor que aproveche estas mejoras. Y es así que nace Aloha Editor.

Aloha Editor cuenta con ciertas características que lo convierten una opción muy tentadora. Con respecto a otros editores es mucho más liviano y bastante más rápido. Ademas su implementación es ciertamente original e interesante, este editor no cuenta con una barra de opciones para aplicar estilos fija, la misma flota por encima de los cuadros que edita, en la captura que coloco a continuación pueden verlo:

Este editor HTML5 gratuito según anuncian en el sitio oficial es un 25% más rápido que otros editores muy conocidos como TinyMCE y CkEditor. Y carga un 80% más veloz cuando trabajamos con múltiples instancias.

Cómo hacer una página web gratis: Internet se ha convertido en los últimos años en una herramienta útil para casi todo el mundo. No en vano, todos los días aparecen nuevas páginas web creadas tanto por empresas como profesionales.

Existen editores web de pago que ofrecen un paquete completo de herramientas, entre ellas, el propio nombre de dominio estilo www.loquesea.com, algunas admiten tienda online o incluso una dirección de correo electrónico específica para el propio sitio web. Esas opciones son de pago, pero también tienen opción de crear un sitio básico inicial gratuito. Son los que se llaman editores web con opción gratuita o "free".

Aunque existen muchos editores web gratuitos, que se pueden complementar con otros de pago, hoy vamos a ver uno en particular. Los pasos son prácticamente los mismos en otros editores gratuitos (véase www.wix.com www.123miweb.com entre otros). La oferta en internet es muy amplia, pero siempre es importante entender las diferentes partes que presentan los editores: cuanto más intuitivos sean, mucho mejor.

·         Los documentos HTML son archivos de texto plano (también conocidos como ASCII) que pueden ser creados mediante cualquier editor de texto, aunque también existen programas específicos para editar HTML (los editores más conocidos son Microsoft FrontPage, Netscape Composer, Macromedia Dreamweaver y Adobe PageMill), concebidos específicamente para editar páginas web en HTML.

HTML no permite definir de forma estricta la apariencia de una página, aunque en la práctica, se utiliza también como un lenguaje de presentación. Los archivos de HTML se leen en unnavegador web tal como Netscape Navigator, Microsoft Explorer, Mozilla, etc. La presentación de la página es muy dependiente del navegador o browser utilizado ya que el mismo documento no produce el mismo resultado en la pantalla si se visualiza con uno u otro, o sea, HTML se limita a describir la estructura y el contenido de un documento, y no el formato de la página y su apariencia.

Los editores HTML se clasifican en 3 tipos:

·          Wysywyg (what you see is what you get -lo que ves es lo que obtienes-): son editores que muestran en pantalla de forma inmediata lo que se va creando. Son muy útiles para apreciar los colores y la disposición de los elementos.

·          No Wywywyg: editores que necesitan una aplicación externa (el navegador o browser) para mostrar lo que se va creando. Son útiles para recordar los comandos HTML y sus atributos.

·          Mixtos: presentan la pantalla dividida en dos ventanas, una con el código HTML y otra con el resultado final, o permiten la visualización de ambos en ventanas diferentes que se pueden visualizar de forma alternativa.

Editar páginas web

crear páginas web mediante el código HTML  es más  costoso que hacerlo utilizando un editor gráfico. Al no utilizar un editor gráfico cuesta mucho más insertar cada uno de los elementos de la página, al mismo tiempo que es más complicado crear una apariencia profesional para la página. Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su sencillez y por las numerosas funciones que incluye, es Macromedía Dreamweaver Además de Dreamweaver, existen otra serie de buenos editores de páginas web, como pueden ser Microsoft Frontpage, Adobe Pagemill, Adobe GoLive, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer y Arachnophilia, algunos de los cuales tienen la ventaja de ser gratuitos.

Aunque en este curso vamos a trabajar con la versión Dreamweaver 8, que es muy sencilla para comenzar con los editores, existen dos versiones más avanzadas de este programa, Dreamweaver CS3 y más recientemente Dreamweraver CS4.

Expression Web

Microsoft Expression Web con nombre código Quartz es un editor de paginas web HTML desarrollado por Microsoft como una aplicación para sitios web, considerada una versión superior de FrontPage2003 por su semejanza en aspectos a este último. Utiliza el mecanismo WYSIWYG (Lo que ve es lo que obtiene) para modificar páginas Web.

Características                                                                                                                      Está enfocada al cumplimiento de estándares, ya que permite validar nuestro contenido contra el estándar que el usuario desee seguir o navegadores en los que se planea montar la aplicación Web. Además, Expression Web es compatible con hojas de estilo CSS y con Microsoft Visual Studio. Asimismo, incluye la capacidad de procesar archivos XML mediante JavaScript.Desde la versión 2 del programa, se permite la integración con lenguajes de servidor como ASP.NET o PHP sin necesitar de instalar un servidor. También permite la interacción con Adobe Photoshop para generar imágenes.

para mi este trabajo me sirvio mucho por que aprendi cosas nuevas acerca de los nuevos editores que existen en el mundo de web.