martes

Wix

¿Qué es Wix y de que nos sirve?

Wix es un editor online que permite crear y publicar un sitio web en flash indexado en buscadores, gratuitamente, con una dirección de tipo www.wix.com/nombre de usuario/nombre de documento. Claro que también puedes conectar tu propio dominio www.tudominio.com por un pequeño costo mensual/anual.
Con Wix puedes crear tu propio sitio web con facilidad. No hay necesidad de agregar una sola línea de código de programación. Diseñado con una vistosa interfaz gráfica con función arrastrar y colocar, el creador de sitios web se realizó de modo que sea muy fácil de usar y permita una completa libertad en la creación. Elige entre miles de plantillas web diseñadas profesionalmente o créalas desde cero. La mejor manera de aprender cómo crear un sitio web es comenzar con una plantilla y después simplemente hacer clic para reemplazar y personalizar.
No creerás lo fácil que es. Si deseas crear un sitio desde cero, también es simple agregar elementos como títulos, logos, clip art, galerías de fotos y más a medida que avances. Publica en 1 paso y tu sitio estará disponible online. Debido a que todos los sitios que se crean con Wix son amigables para los motores de búsqueda, podrás lograr que lo encuentren en estos motores de búsqueda, y disfrutarás de más tráfico de público online interesado en ti y en tu sitio web gratis.
Wix no es una compañía de registro de dominios, así que no podemos dar direcciones de dominio distintas a las de nuestro servidor, y eso es porqué hay que registrar una en otra compañía. Para ver las estupendas plantillas que tenemos listas para que las edites a tu gusto ir acá http://es.wix.com/website/templates.


El servicio de conexión a un dominio propio (www.midominio.com) es un servicio extra. Wix es una marca registrada, una empresa privada, y no es una comunidad online formada de usuarios que desarrollan el programa autónomamente; y como también se supone que quien usa un dominio propio está haciendo una web profesional para ganar dinero con ella, aunque no sea así en todos los casos, Wix pide una cuota, por un servicio. Qué servicio ofrecemos, nuestro programa/editor; el Upgrade es el costo para conectar tu dominio, remover la publicidad de Wix, adquirir más almacenamiento y mucho más.


¿Cómo funciona?

El sistema es súper sencillo de usar, simplemente arrastras los elementos al sitio en el que los quieres colocar. Además, te permite añadir todo tipo de bonitos efectos. Tienes la posibilidad de tener hosting gratuito con publicidad y con el dominio tudominio.wix.com o hosting de pago con tu dominio personalizado.




¿Que necesito y como creo una cuenta?

  1. Ingresa a www.wix.com.
  2. Haz clic en Entrar en la parte superior de la página.
  3. Ingresa la dirección de correo que te gustaría usar.
  4. Asegúrate que la opción Soy un usuario nuevo esté seleccionada.
  5. Ingresa una contraseña.
  6. Haz clic en Continuar.
  7. Después de iniciar sesión, haz clic en Plantillas para navegar por nuestra amplia variedad de plantillas. Una vez que hayas decidido qué plantilla usarás, haz clic en Editar.

¿Que necesito y como creo un sitio web?

  • ·      Dirígete a la página Plantillas en blanco.
  • ·     Pasa el cursor sobre la plantilla que quieras usar.
Nota: puedes comenzar desde cero o elegir una de las opciones de diseño.
  • ·     Haz clic en Editar.

  • -   La plantilla se abre en el nuevo Editor. Aquí puedes personalizar las páginas de tu sitio y su diseño, además de agregar múltiples elementos desde el menú al lado izquierdo del Editor. Asegúrate en hacer clic en Guardar desde el menú del Editor, y cuando estés listo para lanzar tu sitio online, haz clic en Publicar

Barras de herramientas en Dreamweaver CS3

La pantalla inicial
Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento, como veremos más adelante.



Las barras


La barra de título

La barra de título contiene el nombre del programa (Marcromedia Dreamweaver CS3) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato html. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.

La barra de menús

La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.
Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.

La barra de herramientas estándar

La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Abrir, Guardar, etc.

La barra de herramientas de documento

La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio de vista del documento, vista previa, etc.

La barra de estado

La barra de estado nos indica en cada momento en qué etiqueta HTML nos encontramos (en la imagen al encontrarnos en un documento en blanco estamos directamente sobre la etiqueta <body>).
También nos es posible alternar entre los modos de selección, mano (para arrastrar la página), o zoom. En cualquier momento puedes seleccionar el zoom preferido desde el desplegable zoom y ajustar la vista al porcentaje preferido (por defecto siempre viene al 100%).

El inspector de Propiedades

El inspector de Propiedades muestra y permite modificar las propiedades del elemento seleccionado que son usadas de forma más frecuente. Por ejemplo, cuando el elemento seleccionado sea texto mostrará el tipo de fuente, la alineación, si está en negrita o cursiva, etc.
Pulsando sobre el botón   se despliega para mostrar más opciones. Este botón se encuentra en la esquina inferior-derecha.
Seguramente será la herramienta de Dreamweaver que más vayas a utilizar.

La barra de herramientas Insertar o panel de objetos

La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la necesidad de recurrir al menú Insertar. Los elementos están clasificados según su categoría: tablas, texto, objetos de formulario, etc.
Es posible configurar este panel para que en los botones se muestren los iconos de los objetos (como ocurre en la imagen anterior), para que se muestren los nombres de los objetos, o para que se muestren ambos a la vez.

Barra de herramientas de documento
Puedes cambiar la vista del documento.


viernes

Dreamweaver


Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.


Se caracteriza por:

  • Ser un editor de gran poder de ampliación y personalisación.
  • Gran flexibilidad en rutinas JavaScript-C.
  • JavaScript lo hace un programa muy fluido.
  • Mantiener el 90% del mercado de ediciones de HTML
  • Estar disponible tanto para la plataforma MAC como para Windows, además se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API´s de Windows tipo Wine.
  • Permitir ocultar el código HTML de cara el usuario, haciendo posible que alguien pueda crear fácilmente páginas y sitios web sin necesidad de escribir el código.
  • Adobe aumentó el soporte CSS y otros maneras de diseñar páginas sin tablas, haciendo que se reduzca el exceso de código.
  • Permitir al usuario utilizar la mayoría de los navegadores web.
  • Disponer de herramientas de administración.
  • El panel de comportamiento que permite crear JavaScript básico sin conocimientos de código.
  • Brindar herramientas para la creación de contenido dinámico.
  • Ofrecer la posibilidad de hacer botones flash, formularios, etc.
  • Tener la facilidad de la importación de información de Microsoft Word y Excel con lasfunciones "Copiar" y "Pegar".

Y las aplicaciones que tiene son:
  •  Diseñador de CSS: Esta intuitiva herramienta de edición visual te ayuda a crear código limpio de conformidad con los estándares web y a aplicar rápidamente propiedades CSS como degradados y sombras de cuadro.
  • Diseño de cuadrícula fluida mejorado: Crea visualmente diseños web y diseños con capacidad de respuesta. La interfaz actualizada de Diseño de cuadrícula fluida hace que diseñar proyectos para diferentes tamaños de pantalla para ordenadores de sobremesa y dispositivos sea pan comido.
  • Sincronización de la configuración: Inicia sesión en Creative Cloud desde cualquier ordenador para acceder a tus archivos, preferencias y configuración. Tienes todo lo que necesitas para trabajar en tus proyectos web, en cualquier momento y en cualquier lugar.Adobe Edge Web Fonts: Utiliza la extensa biblioteca de Edge Web Fonts que se encuentra en constante ampliación y que utiliza la tecnología de Adobe Typekit.
  • Compatibilidad con plataformas actuales: Crea proyectos con HTML, CSS y JavaScript. Desarrolla páginas dinámicas con más seguridad gracias a la nueva compatibilidad con PHP 5.4.Experiencia de usuario simplificada: La interfaz renovada de Dreamweaver CC es más intuitiva y cuenta con flujos de trabajo mejorados. Disfruta de una aplicación más rápida y ligera gracias a la retirada de funciones obsoletas.
  • Widgets de IU de jQuery: La compatibilidad visual completa con widgets de IU de jQuery mejora tu flujo de trabajo de desarrollo.
  • Audio y vídeo HTML5 agilizados: Mejora tus proyectos para dispositivos móviles y ordenadores de sobremesa con películas y sonidos divertidos. Añade fácilmente audio y vídeo HTML5 a tus sitios web y aplicaciones. La interfaz limpia y las sugerencias de código agilizan la inserción de medios sofisticados y la hacen más eficaz.
  • Inserción de elementos HTML5 más rápida: Haz uso del panel Insertar, que cuenta con una organización nueva, para añadir rápidamente etiquetas HTML5 y elementos de página comunes. El panel se ha dividido en útiles categorías para que resulte más sencillo identificar las opciones. Te llevará muy poco tiempo buscar y añadir elementos en una interfaz cómoda y centralizada.