Dreamweaver

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

Transcript of Dreamweaver

Page 1: Dreamweaver

GRAFICACIÓN Y ANIMACIÓN

INVESTIGACIÓN DREAMWEAVER

ZULAY LIMAICO

QUINTO

03-Junio-2016

Abril 2016 – Agosto 2016

Page 2: Dreamweaver

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.

Page 3: Dreamweaver

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

Page 4: Dreamweaver

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

Page 5: Dreamweaver

MANUAL INSTALACIÓN ADOBE DREAMWEAVER CS5

Page 6: Dreamweaver
Page 7: Dreamweaver
Page 8: Dreamweaver
Page 9: Dreamweaver

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

Page 10: Dreamweaver

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.

Page 11: Dreamweaver

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.

Page 12: Dreamweaver

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.

Page 13: Dreamweaver

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.

Page 14: Dreamweaver

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.

Page 15: Dreamweaver

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.