Aplicación Spry con XML

del curso: Secretos de Dreamweaver

Comprar

¡Suscríbete ya!

Información sobre este video

La combinación de las diferentes herramientas en Dreamweaver CS5 nos da la posibilidad de crear aplicaciones impresionantes que involucren XML, CSS, HTML, AJAX y Vídeo en muy pocos pasos.

Comprar

¡Suscríbete ya!

Una lección de:

Secretos de Dreamweaver

USD 24.80

Cursos similares

Presentación de la formación y el formador.

Presentación

01:04
Trabajo en Adobe Dreamweaver con código.

CONFIGURACIÓN Y CÓDIGO
- Las herramientas de edición de código de Dreamweaver CS5 son muy poderosas, inclusive podemos adaptar la herramienta a tecnologías nuevas como HTML5 configurando algunos parámetros.
  
  Herramientas de Código
  
  07:02
- El Quick Tag editor es una herramienta muy útil que ha estado presente prácticamente desde que Dreamweaver se llamaba Home Site, pero pocos desarrolladores conocen su verdadero poder y que les puede librar de horas de búsqueda con ciertos tipos de etiquetas.
  
  Quick Tag Editor
  
  05:12
- Las referencias incluidas dentro de Dreamweaver CS5 son herramientas muy útiles cuando no tenemos algún libro impreso a mano al momento de estar desarrollando.
  
  Referencias
  
  02:21
- Los fragmentos de código es uno de los secretos mejor guardados de Dreamweaver CS5, una vez configurados para el día a día de cualquier diseñador y/o desarrollador Web pueden acelerar considerablemente los tiempos de edición de un documento.
  
  Fragmentos de Código
  
  06:30
- Buscar y Remplazar es una de las funcionalidades mejor logradas dentro de Dreamweaver, nos permite hacer desde sencillos reemplazos de texto en un solo documento hasta cambios significativos a sitios Web completos.
  
  Buscar y Reemplazar
  
  06:16
- La Web Developer Toolbar puede complementarse muy bien en combinación con Dreamweaver CS5 y de hecho rescata algunas de las funcionalidades eliminadas de esta versión de la herramienta.
  
  Web Developer Toolbar
  
  05:09
En este capítulo veremos los flujos de trabajo.

FLUJOS DE TRABAJO
- Aplicaciones prácticas basadas en un diseño elaborado en Adobe Fireworks.
  
  ROUNDTRIP CON FIREWORKS CS5
  - Dreamweaver CS5 carece de muchas opciones de edición de imágenes, para resolver esta situación vamos a utilizar un flujo de trabajo en combinación con Fireworks CS5 para modificar las imágenes con todas las posibilidades de ambas tecnologías.
    
    Edición de PNGs
    
    02:23
  - Una imagen de rastreo permite generar layouts orientados a estándares Web rápidamente dentro de Dreamweaver CS5.
    
    Imagen de Rastreo
    
    05:47
  - La interacción que podemos tener entre Dreamweaver CS5 y Fireworks CS5 a través de los comandos de exportación, permiten tener un sitio Web listo para su publicación en muy pocos pasos.
    
    HTML e Imágenes
    
    05:47
  - Las herramientas de Web en Fireworks CS5 permiten generar regiones sensibles o cortes sobre los diseños de sitios Web que pueden ser aprovechados en Dreamweaver CS5 con facilidad.
    
    Herramientas Web
    
    05:40
- Roundtrip con Flash CS5.
  
  ROUNDTRIP CON FLASH CS5
  - Directamente desde Dreamweaver podemos hacer roundtrip hacia Flash y aprovechar las características de comunicación de ambas herramientas para acelerar el flujo de trabajo.
    
    Edición de FLAs
    
    03:47
  - El formato de vídeo de Flash sin duda alguna es el más popular en Internet hoy en día. Les resultará útil saber que desde Dreamweaver puedo aprovechar vídeos generados en FLV y sin necesidad de saber utilizar Flash incrustarlos dentro de nuestros proyectos.
    
    Flash Video
    
    04:04
  - sIFR y TLF son dos maneras de manipular la tipografía en Flash que en combinación con Dreamweaver nos darán un abanico de posibilidades nuevo para incluir dentro de nuestros sitios Web.
    
    Flash Text (TLF y sIFR)
    
    04:03
  - Es importante saber que Dreamweaver ha cambiado el modelo de incrustar SWF aprovechando las características del proyecto SWF Object que nos permite dentro de otras cosas mostrar contenido alternativo, controlar la carga dinámica de Flash, etc.
    
    SWF Object
    
    03:27
Trabajo en Dreamweaver con los estilos CSS.

DREAMWEAVER Y CSS
- Una de las metodologías de trabajo más adoptadas en el diseño Web orientado a estándares es la separación de capas (contenido, estructura y diseño). Dreamweaver CS5 incluye algunas herramientas de inspección de código que facilitan mucho nuestro trabajo.
  
  Contenido, Diseño y Estructura
  
  03:23
- El panel de CSS es una herramienta que me permite trabajar los sitios Web orientados a estándares web de una forma eficaz, gracias a sus diversas opciones.
  
  Panel de CSS
  
  06:33
- El trabajo con CSS a un nivel medio-avanzado implica que manejemos los conceptos de herencia, cascada y especificidad, siendo esta última la más compleja de todas, pero aprovechando las características de Dreamweaver CS5 todo el trabajo se facilita considerablemente.
  
  Herencia, Cascada y Especificidad
  
  05:56
- Cuando utilizamos los diseños iniciales de Dreamweaver CS5 podemos aprovechar el código generado para amoldar a nuestras necesidades.
  
  Diseños Iniciales de Dreamweaver CSS
  
  04:17
- El modelo de cajas es uno de los conceptos más importantes al momento de definir un layout orientado a estándares Web y Dreamweaver CS5 incluye diversas herramientas que nos facilitan la interacción y la visualización de este concepto.
  
  Modelos de Cajas
  
  05:00
- Las plantillas de Dreamweaver son recursos muy útiles al momento de estar creando sitios Web ya que permiten actualizar los diseños de una manera rápida y ordenada.
  
  Creación de Plantillas
  
  05:16
- Al crear una plantilla siempre es importante mantener un control de la edición de la misma y no hay mejor manera de hacerlo que entendiendo las regiones editables.
  
  Regiones Editables
  
  06:14
- Una de las principales características del diseño basado en plantillas es el hecho de poder actualizar todos los documentos basados en una plantilla en pocos segundos.
  
  Edición de Plantilla
  
  02:37
- Cuando tenemos documentos HTML existentes es posible adaptarlos a un esquema basado en plantillas con relativa facilidad, en este video aprenderemos cómo hacerlo.
  
  Aplicación de Plantillas Existentes
  
  03:39
- Las regiones repetidas son elementos constantes a lo largo de un sitio con patrones como banners, cortinillas, etc.
  
  Regiones Repetidas
  
  02:27
- El concepto de div en las páginas Web surge a raíz de la necesidad de darle un contexto semántico a la estructura de un documento, Dreamweaver permite trabajar con esta etiqueta de forma muy natural en sus dos versiones: con posición automática o absoluta.
  
  Elementos PA y Etiquetas DIV
  
  11:11
- La inspección de código CSS y la posibilidad de activar o desactivar reglas seguramente serán parte del arsenal de los asiduos usuarios de esta herramienta.
  
  Inspección de CSS en Dreamweaver CS5
  
  02:57
En este capítulo vamos a ver todo lo referente a los formularios.

FORMULARIOS
- Los formularios son la principal estructura de comunicación de un usuario con una página Web, ya que involucran controles de texto, botones y transacciones con el servidor.
  
  Estructura Básica
  
  05:43
- Son muchos los desarrolladores que no acostumbran a personalizar sus formularios, a veces por desconocimiento o malas prácticas. Es importante tener cuidado en estos detalles si queremos incrementar la interacción con nuestros formularios.
  
  Uso de CSS en Formularios
  
  06:27
- La accesibilidad es uno de los temas menos explorados por los diseñadores Web, pero es de vital importancia en sitios de libre acceso a la información. En este video haremos incluso una simulación de accesibilidad con un sitio a través de un software lector de pantalla.
  
  Formularios Accesibles
  
  02:45
- Los componentes de Spry agregan algunas funcionalidades extra a los formularios como la validación de los datos y la posibilidad de personalización de avisos de ayuda y de error.
  
  Validación con Spry
  
  05:11
- XML es un poderoso lenguaje de descripción de información y Dreamweaver permite trabajar de manera adecuada y veloz con esta tecnología.
  
  Estructura de XML
  
  04:23
- XSLT es una tecnología que permite la información contenida en XML en elementos estructurados de HTML para su visualización en navegadores Web. Dreamweaver CS5 facilita mucho la compleja sintaxis.
  
  XML y XSLT
  
  05:01
- La posibilidad de repetir regiones basándose en los datos dinámicos de XML es una de las virtudes de las herramientas de Dreamweaver CS5 para transformar datos.
  
  Regiones Repetidas de XSL
  
  02:47
- En este vídeo consumiremos uno de los microformatos más populares en la red, un RSS. Posteriormente crearemos una transformación de su información basándonos en estándares Web.
  
  Estilos de RSS
  
  04:20
- La combinación de las diferentes herramientas en Dreamweaver CS5 nos da la posibilidad de crear aplicaciones impresionantes que involucren XML, CSS, HTML, AJAX y Vídeo en muy pocos pasos.
  
  Aplicación Spry con XML
  
  08:24

Aplicación Spry con XML

del curso: Secretos de Dreamweaver

Información sobre este video

Una lección de:

Información sobre este video

Other sites. Andere Seiten. Autres sites.