www.14g.org

Estas visitando la sexta versión de www.14g.org, (v 6.1) ahora creada íntegramente en HTML5, CSS3, y JavaScript.

Esta vez la he realizado con "Muse", la nueva herramienta de Adobe para la creación de páginas web.

Curso de Adobe Muse.

Olvídate de escribir código para crear tus páginas web. Con Adobe Muse las crearás de forma muy sencilla en HTML5, CSS3 y Javascript. 100% compatible con dispositivos móviles (ipad, Android).

¿Qué es Adobe Muse?.

Con el software de Adobe® Muse™, los diseñadores podrán crear sitios web sin necesidad de escribir código. Planificar, diseñar y publicar páginas HTML originales será igual de fácil que si estuvieran realizando un diseño para impresión. Gracias a las páginas maestras, la interactividad que aportan sus herramientas integradas y sus muchas otras funciones, con Adobe Muse podrá diseñar sitios web profesionales y diferentes en un abrir y cerrar de ojos.

Herramientas conocidas de Adobe.

Cree sus diseños de forma intuitiva utilizando Guías inteligentes y los comandos Pegar en contexto y Editar original. Utilice también otras funciones familiares, como la herramienta Cuentagotas, columnas, medianiles y otras.

Precisión tipográfica.

Con Adobe Typekit puede elegir entre cientos de fuentes compatibles con la web o, si lo prefiere, puede emplear fuentes de visualización que se convertirán automáticamente en imágenes con el texto alternativo preservado en el código.

Estilos de texto y párrafo.

Cree y formatee texto y guarde estilos de texto exactamente igual que en Adobe InDesign®. Los estilos se conservan en CSS, que se genera automáticamente para todo el sitio web.

Fijación de objetos persistentes.

Fije con facilidad cualquier elemento al lugar de su elección para que se muestre invariablemente en esa posición, incluso cuando la página se desplace hacia arriba o hacia abajo.

Adobe Busines Catalyst.

Con Adobe Busines Catalyst, el servicio de alojamiento web de Adobe, puedes agregar a tu sitio web creado con Muse, de forma muy sencilla, funciones de CMS, eCommerce, aplicaciones a medida, etc.  (no incluido en este curo).

Guión del curso

Presentación del interface de Muse.

- El Interface.

Modos de trabajo.

- Plan.

- Diseño.

- Previsualizar.

- Publicar.

Consideraciones previas.

- ¿Que es HTML5?

- ¿Que es CSS3?

- ¿Que es JavaScript?

Páginas maestras.

- Fondos.

- Elementos de la página maestra.

- Cabeceras y pies de página.

Diseño de páginas.

- Utilizando fuentes web.

- Colores, lineas y rellenos.

- Botones.

- Imágenes.

- Contorneos.

Previsualizar.

- En muse.

- En el navegador web.

Estilos.

- De caracter.

- De párrafo.

- Gráfico.

Efectos.

- Sombras.

- Viseles.

- Transparencias.

Maquetación.

- Diseño flexible.

- Diseño fijo.

- Diseñando para dispositivos móviles (iPad, iPhone, Android).

- Trabajando en columnas.

Automatismos (widgets).

- Pase de diapositivas.

- Paneles desplegables,

- Mesas de luz.

- Menús dinámicos.

Incluir “otras páginas” dentro de nuestra web

- <iframe>

- Insertar un video: Iframe de YouTube.

- Otros Iframes.

Parallax scrolling

- Mover objetos dentro de la página.

- Aparece y desaparece.

- Pase de diapositivas.

Exportando.

- Exportar como HTML.

- Publicar la web en el servidor.

- Publicar en Adobe Busines Catalyst.

www.14g.org es la web de Fernando Ulloa - © 2012

Creada con Adobe Muse + Adobe Edge

en HTML5 + CSS + JavaScript