El documento resume los campos de aplicación de Dreamweaver relacionados con el diseño web, incluyendo la creación de páginas dinámicas mediante conexiones a bases de datos MySQL, el diseño de páginas web a través de plantillas y cuadrículas, y la programación manual de páginas. También investiga 10 frameworks para el desarrollo de aplicaciones web, como Grails, Laravel, Yii, CodeIgniter y Symfony.

1. GRAFICACIÓN Y ANIMACIÓN
INVESTIGACIÓN DREAMWEAVER
ZULAY LIMAICO
QUINTO
03-Junio-2016
Abril 2016 – Agosto 2016

2. INVESTIGAR CUÁLES SON LOS CAMPOS DE APLICACIÓN DE
DREAMWEAVER ENTORNO AL DISEÑO WEB.
Acerca de las conexiones de base de datos PHP
Para el desarrollo de PHP, Dreamweaver solo admite el sistema de base de datos
MySQL. Otros sistemas de bases de datos, por ejemplo Microsoft Access u Oracle no
son compatibles. MySQL es una aplicación de origen abierto que puede descargarse
gratuitamente de Internet para uso no comercial.
En esta sección se presupone que ha configurado una aplicación PHP. Asimismo, se
presupone que ha configurado una base de datos MySQL en su equipo local o en un
sistema al cual tiene acceso a través de la red o del FTP.
Conexión con una base de datos
Para conectar con una base de datos al desarrollar una aplicación PHP en
Dreamweaver, deberá disponer de una o varias bases de datos MySQL y el servidor
MySQL deberá haberse iniciado.
1. Abra una página PHP en Dreamweaver y, a continuación, abra el panel Bases de
datos (Ventana > Bases de datos).
2. Haga clic en el botón de signo más (+) del panel, seleccione Conexión MySQL en
el menú y rellene el cuadro de diálogo.
o Introduzca un nombre para la nueva conexión, sin espacios ni caracteres
especiales.
o En el cuadro Servidor MySQL, introduzca una dirección IP o un nombre
de servidor para el equipo que aloja MySQL. Si MySQL se ejecuta en el
mismo equipo que PHP, puede introducir localhost (servidor local).
o Introduzca su nombre de usuario y contraseña de MySQL.
o En el cuadro Base de datos, introduzca el nombre de la base de datos o
haga clic en Seleccionar para elegir la base de datos de la lista de bases
de datos MySQL y haga clic en Prueba.

3. Dreamweaver tratará de conectarse con la base de datos. Si falla la conexión,
compruebe de nuevo el nombre de servidor, el nombre de usuario y la
contraseña. Si la conexión continúa fallando, compruebe la configuración de la
carpeta de prueba que utiliza Dreamweaver para procesar las páginas
dinámicas.
Dreamweaver introduce automáticamente el valor que considera más probable
para el prefijo URL en la categoría Servidor de prueba del cuadro de diálogo
Definición del sitio. No obstante, habrá ocasiones en las que será necesario
ajustar el prefijo de URL para que funcione la conexión. Asegúrese de que el
prefijo de URL es el URL que introducen los usuarios en sus navegadores para
abrir la aplicación web, salvo el nombre del archivo (o la página de inicio) de la
aplicación.
3. Haga clic en Aceptar.
Diseño de las páginas web
Elija el diseño más apropiado o combine las opciones de diseño de Dreamweaver para
definir el aspecto de su sitio. Para empezar, puede utilizar diseños de cuadrícula fluida
o las plantillas predeterminadas de Dreamweaver. Puede crear páginas nuevas a partir
de una plantilla de Dreamweaver y actualizar su diseño de forma automática cuando
cambie la plantilla. Para mostrar varios elementos de forma simultánea en un
navegador, puede utilizar marcos para disponer los documentos como desee
Creación de páginas mediante la introducción manual de código
La programación manual de páginas web es otro enfoque de la creación de páginas.
Dreamweaver ofrece sencillas herramientas de edición visual, pero también incluye un
entorno de programación más sofisticado. Puede utilizar el método que prefiera, o una
combinación de ambos, para crear y editar sus páginas.
Configuración de una aplicación web para contenido dinámico

4. Muchos sitios web contienen páginas dinámicas que permiten a los visitantes ver
información almacenada en bases de datos y que suelen permitirles añadir y editar
información. Para crear esas páginas, debe configurar primero un servidor y una
aplicación web, crear o modificar un sitio de Dreamweaver y conectarse a una base de
datos.
Creación de páginas dinámicas
En Dreamweaver se pueden definir diversas fuentes de contenido dinámico, incluidos
juegos de registros extraídos de bases de datos, parámetros de formularios y
componentes JavaBeans. Para añadir el contenido dinámico a una página, basta con
arrastrarlo a ella.
Puede establecer que los registros de la página aparezcan de uno en uno o en grupos,
mostrar varias páginas de registros, añadir vínculos especiales para pasar de una
página de registros a la siguiente (o a la anterior) y crear contadores para que los
usuarios puedan llevar un control de los registros

5. MANUAL INSTALACIÓN ADOBE DREAMWEAVER CS5

9. Investigar 10 framework para el desarrollo de aplicaciones web (puede
ser para programación híbrida, es decir herramientas para desarrollo
APPs o de aplicaciones nativas.)
GRAILS
 Es un framework para el desarrollo de aplicaciones web
 Es la respuesta de java para Ruby on Rails
 Permite el desarrollo de aplicaciones web de forma rápida
Filosofía de Grails:
 Reutilización de código.
 Desarrollar aplicaciones web de forma rápida, sencilla y divertida.
 Utilizar los mejores componentes actualmente disponibles.
 Combinar todo en un paquete fácil de usar
Por qué Grails:
 Se basa en el patrón MVC.
 Tiene todo lo necesario para desarrollar aplicaciones Web.
 Soporta Ajax
 Posee buena documentación
 Es multiplataforma
 Posee una numerosa comunidad de desarrolladores y usuarios
 Inspirado en Ruby on Rails (Padrino de la mayoría de los Frameworks)
 Está en constante desarrollo
Última versión estable: 3.0.4

10. LARAVEL
 Laravel es un framework de código abierto para desarrollar aplicaciones y
servicios web con PHP .
 Su filosofía es desarrollar código PHP de forma elegante y simple, evitando el
"código espagueti".
 Fue creado en 2011 y tiene una gran influencia de frameworks como Ruby on
Rails, Sinatra y ASP.NET MVC.
 Laravel maneja una sintaxis expresiva, elegante, con el objetivo de eliminar la
molestia del desarrollo web facilitando las tareas comunes, como la
autenticación, enrutamiento, sesiones y caché.
 Proporciona, potentes herramientas accesibles necesarias para construir
grandes aplicaciones robustas, con un contenedor de controles de inversión,
sistema de migración expresiva, y el apoyo de las pruebas unitarias
estrechamente integrada
Yii
 El proyecto Yii comenzó el 1 de enero de 2008
 Yii es un framework de desarrollo de aplicaciones libres para la web, de código
abierto escrito en PHP5 que promueve el diseño limpio y motiva el desarrollo
rápido.
 Se trabaja para optimizar su desarrollo de aplicaciones y ayuda a garantizar un
producto final extremadamente eficiente, extensible y mantenible.

11.  Cuenta con soporte de almacenamiento en caché de gran alcance y está
explícitamente diseñado para trabajar de manera eficiente con AJAX.
 La seguridad es importante, y por eso Yii incluye la validación de entradas,
filtrado de salida, la prevención de inyección de SQL y de Cross-site scripting.
CODEIGNITER
 CodeIgniter cuenta con un amplio conjunto de librerías para tareas
comúnmente necesarias, así como una interfaz sencilla y la estructura lógica
para acceder a estas bibliotecas.
 Es excepcionalmente rápido, ya que su sistema central sólo requiere algunas
pequeñas bibliotecas, con bibliotecas adicionales cargadas dinámicamente a
petición, con base en sus necesidades de un determinado proceso.
 El sistema base es ágil y flexible.
Este FrameWork usa el enfoque controlador de MVC, que permite una gran separación
entre la lógica y la presentación, especialmente útil para los proyectos en los que los
diseñadores están trabajando en los archivos de plantilla.

12. SYMFONY
 Este FrameWork PHP es util para acelerar la creación y el mantenimiento de sus
aplicaciones web.
 Hace uso de las normas existentes ‘de facto‘ de PHP.
 Proporciona un conjunto de elementos prefabricados que se pueden integrar
rápidamente en su aplicación, combinada con una metodología clara para
ayudarle a trabajar de forma eficiente y eficaz en las tareas más complejas.
PHALCON
 Esta basado en PHP5, y se implementa como una extensión de C para ofrecer
un menor consumo de recursos y alto rendimiento.
 No hay necesidad de aprender o utilizar el lenguaje C, ya que la funcionalidad
se brindan como clases PHP listas para usar.
 Como Phalcon se acopla libremente, eres libre de usar el FrameWork completo,
o sólo partes específicas del mismo como componentes armables. En lugar de
descargar un archivo, y extraerlo para ser usado como lo hace la mayoría de
FrameWorks, Phalcon puede ser descargado e instalado como un módulo PHP.
 Phalcon es capaz de ahorrar tiempo de procesamiento y aumentar el
rendimiento en general.

13. BLUEPRINT
Blueprint es un framework CSS que 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.
 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.
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.

14. 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.
INUIT
Inuit es un framework CSS relativamente nuevo que se orienta a dispositivos móviles
tal y como smartphones y tablets.
Características principales:
 Pensado para trabajar con pantallas pequeñas, como las de dispositivos
móviles.

15.  Extensible, ya que nos permite extenderlo según nuestras necesidades.
 Ofrece un soporte básico para HTML5.
 Tipografía para navegar por la web.
jQuery
jQuery es uno de los frameworks de JavaScript más populares, ofrece una librería muy
potente que simplifica el uso de animaciones, uso de eventos y todas aquellas
funciones que se pueden realizar con JavaScript.
Muchísimos plugins y sliders disponibles online están creados con la librería jQuery, la
cual está optimizada para funcionar en los diferentes navegadores y se ajusta
perfectamente a CSS3.