Instalacion DreamWeaver

1. PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR
SEDE IBARRA
GRAFICACIÓN Y ANIMACIÓN
Nombre: María Fernanda Pinto
Fecha: 2016 – 06 – 03
Manual de Instalación Dreamweaver
1. Iniciamos el asistente de instalación
2. Escogemos de las siguientes opciones, la versión de prueba.

2. 3. Aceptamos la licencia.
4. Instalamos el programa.

3. 5. Esperamos a que se instalen todos los componentes del programa
6. Finalmente podemos observar nuestro programa instalado y listo.
Campos de Aplicación de Dreamweaver entorno al diseño web.
• Base de datos
• Diseño
• Animación HTML5
• Programación con JavaScript
• Integración con dispositivos móviles.

4. 10 Framework para el desarrollo de aplicaciones web
1. HTML5 Boilerplate:
Según la web de Boilerplate, los archivos que propocionan no son exactamente
un framework, pero lo que sí es cierto es que nos proporcionan una serie de código
que hace que los sitios web construidos con HTML5 Boilerplate se vean bien
incluso en navegadores que aún no dan soporte a HTML5.
En su sitio web existe una amplia documentación, incluso un par de vídeos (en
inglés) con unas explicaciones excelentes.
2. Blueprint
Blueprint es un framework CSS que, tal y como indica en su sitio web, nos ofrece:
 Un reset CSS que elimina discrepancias entre los diferentes navegadores.
 Un grid muy potente que permite muchos tipos de layouts (diseños).
 Tipografía especialmente orientada a la navegación web.
 Estilos de formulario que dan una buena experiencia de usuario.

5.  Estilos pensados para imprimir los contenidos de la web.
 Diferentes plugins para diferentes usos, como sprites o botones.
 Editores y otras herramientas para optimizar el trabajo de diseño web.
3. 960 Grid System
El 960 Grid System es uno de los más populares para diseño web, tal y como su
nombre indica, se trata de un ancho de 960 pixels, lo que optimiza la visualización
de la web en dispositivos móviles como el iPhone o el iPad. Además, permite su
descarga en diferentes formatos, incluido Photoshop. Viene en 2 variantes: layout
de 12 columnas y de 16 columnas.
YAML
YAML son las iniciales de “Yet Another Multicolumn Layout”. YAML es un framework
de HTML/CSS para crear layouts flexibles y flotantes. YAML es open source y
ofreceuna estructura extremadamente versátil:
 Centrado en estándares web y accesibilidad.
 Parte central del framework reducida, con múltiples extensiones.
 Concepto de layout robusto y flexible (columnas y grids).
 Modelos de diseño para formularios, tipografía, microformats, etc.

6. 4. Bluetrip
Bluetrip es un framework CSS que combina lo mejor de Blueprint, Tripoli , Hartija,
960.gs y Elements.
Características principales:
 Grid de 24 columnas.
 Diferentes estilos de tipografía.
 Una hoja de estilos para impresión.
 Hoja de estilos para formularios.
 Botones muy atractivos.
5. Inuit
Inuit es un framework CSS relativamente nuevo que se orienta a dispositivos
móviles tal y como smartphones y tablets.
Características principales:

7.  Pensado para trabajar con pantallas pequeñas, como las de dispositivos móviles.
 Extensible, ya que nos permite extenderlo según nuestras necesidades.
 Ofrece un soporte básico para HTML5.
 Tipografía para navegar por la web.
6. MooTools
Mootools es un framework de JavaScript modular, compacto y orientado a objetos,
pensado para desarrolladores de JavaScript de nivel intermedio a avanzado.
Te permite escribir código potente y flexible gracias a su bien documentada API.
7. Prototype
Prototype es un framework de JavaScript que además viene incluido en
Magento. Está pensado para facilitar el desarrollo de aplicaciones web dinámicas.
Tiene una serie de herramientas de fácil uso así como una librería de AJAX.
8. Hybrid
Hybrid es otro framework para desarrollo de temas en WordPress. Tal y como
indica su página web, Hybrid nos permite olvidarnos de todo el desarrollo de
funcionalidades de WordPress y centrarnos en el desarrollo de HTML, CSS y
JavaScript.

8. 9. Genesis (de pago)
A pesar de que este artículo se centra en frameworks gratuitos, he considerado
necesario incluir el framework Genesis, por su importancia y buena reputación
entre los desarrolladores de WordPress.
10. Thesis (de pago)
Igual que Genesis, este framework es de pago, pero de gran reputación entre los
desarrolladores de WordPress. En el grupo de LinkedIn llamado WordPress, hay
una discusión sobre cuáles son los mejores frameworks, y la mayoría se centran en
Genesis y Thesis, por lo que he creído necesario mencionarlos.