Expression Web: Essential Training (expresión Web: formación esencial)

Expression Web: Essential Training (expresión Web: formación esencial)

con: Joe Marini

De entender el concepto de diseño web inteligente, para crear, editar y mantener un sitio web, instructor Joe Marini, Grupo responsable de producto en Microsoft, da consejos de sus información privilegiada para diseño de sitio web de real-mundo utilizando Expression Web. De creación de formularios y tablas, crear y modificar las plantillas, que los sitios accesibles, utilizando datos CSS y XML, para crear páginas dinámicas y publicación en el sitio, Joe muestra cómo usar Expression Web a través de cada etapa de diseño y desarrollo de un sitio web. Archivos de ejercicio acompañan los tutoriales.

Tabla de contenido

Introducción

Damos la bienvenida 0: 56 1.1 MB

Usando los archivos de ejercicio 0: 55 0,9 MB

1. Introducción

Introducción 1: 00 0,9 MB

HTML y XHTML 3: 18 3.6 MB

Conceptos básicos de CSS 1: 53 2.0 MB

Conceptos básicos de JavaScript 2: 03 2.1 MB

Conceptos básicos de XML 1: 51 1.7 MB

Conceptos básicos de secuencias de comandos de servidor 1: 53 2.1 MB

Conceptos básicos de comunicación de servidor-explorador 2: 02 1,9 MB

2. Visita de la interfaz

Visión general de interfaz de usuario de aplicación 5: 59 8.1 MB

La ventana de edición 2: 41 3.8 MB

Configuración de preferencias 8: 02 11.7 MB

El panel de tareas de la lista de carpetas 1: 43 2.1 MB

El panel de propiedades 4: 22 6.5 MB

El panel de herramientas 1: 55 2.9 MB

El panel de búsqueda 5: 04 9.0 MB

Conceptos básicos del sitio Web de 3.

¿Qué es un sitio Web? 2: 42 5.3 MB

Creación de un sitio Web 4: 44 6.0 MB

Fundamentos de la estructura del sitio 4: 19 4.8 MB

4. El documento básico de edición

Crear un nuevo documento 3: 34 4.9 MB

Configuración de propiedades de página 4: 17 6.0 MB

Acerca de DOCTYPES 4: 12 8.4 MB

Inserción de texto 3: 00 4.7 MB

Insertar imágenes 4: 07 7.7 MB

Insertar otro contenido 4: 39 7.8 MB

Trabajar con la superficie de diseño 3: 37 6.2 MB

5. El trabajo en el código

La vista de código 1: 41 2.8 MB

Configuración de preferencias de vista de código 3: 39 5.9 MB

Uso de IntelliSense 5: 03 7.4 MB

Uso de fragmentos de código 4: 20 7.3 MB

6. Usando CSS

Conceptos básicos de CSS 6: 29 6.4 MB

Definición de estilos CSS 5: 36 5.9.5 MB

Mediante el panel de tareas gestionar estilos 3: 52 6.6 MB

Mediante el panel de tarea de aplicar estilos 3: 42 7.2 MB

Estilos generados 4: 53 8.8 MB

Uso de diseños de CSS 5: 03 7.3 MB

7. Creación de un sitio

Configurar 2: 26 3.6 MB

Insertar imágenes 5: 58 10.8 MB

Inserción de texto 2: 37 5.3 MB

La aparición de pulido 1: 48 3.2 MB

Vista previa del sitio 2: 01 3.8 MB

8. Trabajar con enlaces

Conceptos básicos de hipervínculos 3: 07 6.4 MB

Vincular a las páginas 11: 43 22.1.6 MB

Vincular a archivos 2: 04 4.1 MB

Enlaces de correo electrónico 3: 50 7.7 MB

Anclas con nombre 4: 54 9.2 MB

Enlaces de estilo 10: 28 19.7 MB

Mapas de imagen 6: 06 11.2 MB

9. Los cuadros

Introducción a las tablas 4: 09 8.1 MB

Insertar una nueva tabla 6: 31 11.9 MB

Formato de tablas 7: 14 13.7 MB

Dimensiones de la tabla 7: 23 13.7 MB

Estilo CSS 8: 08 14.7 MB

10. Trabajar con comportamientos

El panel comportamientos de tareas 2: 44 4.3 MB

Agregar un comportamiento simple 2: 51 5.2 MB

Pedidos de varios comportamientos 2: 10 MB 4.0

Creación de una imagen de conversión 6: 14 11.9 MB

Abrir una ventana nueva 3: 06 6.1 MB

11. Formas

¿Cuáles son las formas? 1: 59 3.7 MB

Crear un formulario 5: 52 10.8 MB

Inserción de campos de formulario 5: 09 8.9 MB

Elementos de formulario de estilo con CSS 4: 33 8.1 MB

Envío de formularios 4: 56 9.3 MB

12. La dinámica plantillas Web

Introducción a las plantillas web dinámico 2: 28 2.5 MB

Creación de una nueva plantilla 5: 03 9.4 MB

Creación de nuevos documentos basados en plantillas 3: 53 7.0 MB

Modificación de una plantilla 2: 16 3.8 MB

13. XML y XSLT soporte

Introducción 1: 59 3.3 MB

Agregar datos XML a la página 2: 40 4.7 MB

Formato de los datos 5: 44 10.3 MB

Formato condicional 4: 03 7.3 MB

Vista previa de la página 7: 44 14.4 MB

Viendo el XSLT 3: 50 7.1 MB

14. Trabajar con páginas ASP.NET

¿Qué es ASP.NET? 3: 08 4.2 MB

Crear una página ASP.NET 6: 31 9.9 MB

Controles de ASP.NET 10: 06 17.4 MB

Páginas maestras de ASP.NET 15: 06 27.1 MB

15. Informes del sitio

¿Cuáles son los informes? 2: 52 MB 4.0

Generating reports 1: 38 2.5 MB

Accessibility reports 3: 39 7.1 MB

CSS reports 2:23 4.6 MB

Compatibility reports 1: 53 2.7 MB

Other reports 4: 08 7.6 MB

16. Publishing the Site

Setting up the remote site 3: 35 5.2 MB

Publishing files 3: 26 5.1 MB

Optimizing files 2: 32 4.6 MB

Conclusión

Adiós 0: 30 0,7 MB

Dreamweaver CS4 with CSS Essential Training (Dreamweaver CS4 con CSS formación esencial)

Dreamweaver CS4 with CSS Essential Training (Dreamweaver CS4 con CSS formación esencial)

con:James Williamson

En Dreamweaver CS4 Essential Training con CSS, desarrollador web y Adobe Master Instructor James Williamson enseña los fundamentos de la CSS, mientras que centrarse en cómo utilizar Dreamweaver para crear y administrar eficientemente los estilos. Él muestra cómo utilizar Dreamweaver para resolver los conflictos de estilo, la forma de utilizar CSS relacionados con las nuevas características tales como Live View, y la mejor manera de crear el sitio ligero, hojas de estilo de ancho.

Tabla de contenidos

Introducción

Bienvenido 1:18 17.9 MB

¿Necesito saber el uso de CSS para Dreamweaver? 2:15 1,3 MB

Uso de los archivos de ejercicio de 1:30 1,4 MB

La creación de un espacio de trabajo personalizado 2:47 2,6 MB

1. CSS / XHTML Fundamentos

La separación de la estructura de la presentación de 4:14 5,2 MB

Adición de significado con los atributos id y class 7:50 8,9 MB

Comprender selectores de base 11:10 15.0 MB

Comprender selectores complejos 11:38 14.5 MB

El examen de la Cascada 10:16 13.3 MB

Para la comprensión de la herencia 5:02 4,9 MB

Entender la especificidad 5:43 4,7 MB

Utilización de Dreamweaver para resolver los conflictos de 7:04 8,2 MB

2. Uso de arranque de Dreamweaver Páginas

Trabajo con páginas de inicio 2:01 3,9 MB

Definición fijo, elástico, líquido e híbridos 6:03 30.7 MB

Entender las estructuras de página de inicio 6:25 16.9 MB

Modificación de CSS a nivel mundial 8:58 11.9 MB

Moverse entre los archivos de CSS 12:31 24.5 MB

Preparación de páginas de inicio personalizadas 10:09 16,5 MB

Creación de páginas de inicio personalizadas 6:41 11.2 MB

3. Planificación de su CSS

Diseñar con CSS en la mente 3:13 1,9 MB

Utilización de Fireworks para crear prototipos de sitios 2:41 3,7 MB

Definición de la estructura de la página 8:52 6,8 MB

Creación de la disposición inicial 10:24 12.5 MB

Creación de páginas y el intercambio de activos 11:20 13.2 MB

Uso de bibliotecas comunes para crear prototipos de sitios 5:11 5,5 MB

Construcción de prototipos interactivos 17:06 18.3 MB

Optimización de imágenes en Fireworks 11:47 17.0 MB

Exportación de gráficos para la web de Fireworks CS4 2:43 2,6 MB

Exportadores de prototipos interactivos 3:11 6,1 MB

Cuando a la exportación XHTML y CSS de Fireworks CS4 8:34 15,2 MB

4. Control de tu CSS con Dreamweaver

Flujos de trabajo de CSS en Dreamweaver 1:17 2,0 MB

Uso del panel de Estilos CSS 5:12 9,6 MB

Configuración de las preferencias CSS 9:50 11.2 MB

Comprender ayudantes CSS Dreamweaver visuales 3:50 6,9 MB

El Navegador de código 6:05 10.7 MB

El control de CSS con el Inspector de Propiedades de 8:52 10.6 MB

Uso de Archivos relacionados 4:35 11,0 MB

Trabajo con Live View 4:12 5,8 MB

Trabajar con el panel de referencia 4:35 7,4 MB

5. Tipografía en línea

La declaración de familias de fuentes 4:57 5,9 MB

Creación de declaraciones aduaneras de fuente de la familia en Dreamweaver 6:00 7,9 MB

Comprender las unidades de medida 6:14 5,3 MB

Controlar el tamaño de fuente 8:41 8,4 MB

Interlineado Control 7:20 7,9 MB

El control de los márgenes verticales 7:52 9,1 MB

Alinear el texto horizontalmente 3:16 6,3 MB

Alinear el texto verticalmente 5:30 12.1 MB

Verticalmente centrado a nivel de bloque de elementos de 10:31 15.0 MB

Ajuste de ancho de columna 3:33 5,8 MB

Usando notación abreviada de fuente 9:15 20.4 MB

6. Trabajar con Fondos

Propiedades de fondo 4:33 8,3 MB

Usando imágenes de fondo 5:16 10.4 MB

El control de la imagen de fondo de mosaico 5:33 8,4 MB

Posicionamiento de imágenes de fondo 4:42 6,1 MB

Usando los valores de porcentaje para el posicionamiento 5:10 5,4 MB

Creación de viñetas en las listas personalizadas 5:23 11.2 MB

Sombras CSS 7:40 11.1 MB

Las técnicas de reemplazo de la imagen 7:24 13.8 MB

Adición de pantalla de sólo el contenido 7:51 12.6 MB

De fondo de gráficos complejos 9:10 19.1 MB

El uso de CSS Sprites 8:00 13.2 MB

7. Tablas Styling

Revisión de la estructura de etiqueta de tabla 4:48 6,4 MB

Uso thead y tbody para labrar 5:45 9,9 MB

Diseño leyendas de las tablas 4:30 6,3 MB

Diseño cabeceras 8:29 10.9 MB

Contenido de la tabla Styling 4:18 7,5 MB

Creación de colores de la fila alterno 3:29 5,4 MB

Uso de pseudo-selectores de clase para las tablas 2:27 4,2 MB

Creación de bordes de la tabla personalizada 5:02 8,4 MB

8. Diseño de formularios

Examen de la estructura de forma 3:26 6,6 MB

Elementos de estilo fieldset y la leyenda 7:42 14.1 MB

Elementos de diseño a nivel mundial forma 6:31 12.6 MB

Utilización de las clases para identificar los elementos de formulario 5:55 11.2 MB

Comentarios de los usuarios Styling 6:10 8,8 MB

Adición de la interacción del usuario 2:52 5,2 MB

Diseño los campos de validación de Spry forma 11:01 16.9 MB

9. Construcción de la navegación

El uso de listas para la navegación 1:40 1,9 MB

Creación de menús horizontales pt. 1: estilo lista Stripping 3:28 6,9 MB

Creación de menús horizontales pt. 2: Mostrando del horizontal 3:54 4,1 MB

Creación de menús horizontales pt. 3: Enlaces Styling 5:25 9,0 MB

Creación de menús horizontales pt. 4: Rollovers 3:48 5,2 MB

Creación de menús horizontales pt. 5: página actual indicación 3:48 5,6 MB

Creación de menús horizontales pt. 6: Modificar el uso del cursor 2:11 3,7 MB

Creación de menús horizontales pt. 7: los menús de Posicionamiento 3:08 5,9 MB

Estilo vertical menús pt. 1: Consideraciones menú vertical 6:42 14.0 MB

Estilo vertical menús pt. 2: Definición de ancho para enlazar elementos de 4:46 6,6 MB

Estilo vertical menús pt. 3: Uso de gráficos de fondo con la navegación de 5:58 8,9 MB

10. Diseño

Revisión de los modelos Caja 7:04 6,0 MB

Entender colapso margen 7:15 10.9 MB

Revisar el flujo normal del documento 11:00 15.9 MB

Entendimiento flotante 8:56 9,6 MB

Con un contenido claro y carrozas 9:26 13.8 MB

Entender la posición relativa 5:30 8,9 MB

Entender la posición absoluta 5:29 9,4 MB

Comprensión de los elementos del panel AP 11:57 16.3 MB

Comprender el posicionamiento fijo 2:24 10.2 MB

Utilización de Dreamweaver para definir la estructura del documento 10:11 9,5 MB

Creación de un diseño de dos columnas 17:01 30.0 MB

Usando el diseño de Dreamweaver hojas de estilo de tiempo 3:49 11,0 MB

11. Control de Spry Objetos con CSS

La introducción de reproductores de Spry 2:18 2,4 MB

Actualización del marco de Spry 0:45 0,8 MB

El examen de los estilos predeterminados de Spry 6:36 9,4 MB

Modificación de los paneles de pestañas a través de CSS 5:18 10.4 MB

Diseño widgets Spry 8:49 21.7 MB

La organización de las hojas de estilo Spry 5:13 16,5 MB

12. Múltiples tipos de medios y de hojas de estilo alternativas

Creación de hojas de estilo de impresión 2:57 6,3 MB

Asignación de tipos de medios de comunicación 3:29 4,8 MB

Diseño de tipo de impresión 9:21 15.4 MB

La supresión de los elementos de impresión 3:29 8,4 MB

Control de los saltos de página 8:39 16.2 MB

Uso de bloques de los medios de comunicación @ 3:05 5,0 MB

Creación de hojas de estilo alternativo 3:49 6,9 MB

13. Probar y desplegar CSS

Mediante el navegador de Dreamweaver Comprobación de compatibilidad 3:58 7,1 MB

La fijación de errores en el código con el Adobe CSS Advisor 4:45 6,9 MB

Estrategias para la compatibilidad del navegador 5:08 4,1 MB

La aplicación de la compatibilidad del navegador 8:18 11.1 MB

El código de formato para el despliegue de 3:15 11.2 MB

Creación de hojas de estilo modular de 3:38 11,0 MB

Montaje de las hojas de estilo modular de 6:20 10.3 MB

Conclusión

Adiós 0:38 0,9 MB

Creating a CSS Style Guide: Hands-On Training (guía de una creación de estilo CSS: manos en el entrenamiento)

Creating a CSS Style Guide: Hands-On Training (guía de una creación de estilo CSS: manos en el entrenamiento)

con:Laurie Burruss

Un sitio web es un sitio web a menos que sea diseñado con un estilo único. Creación de una Guía de estilo CSS: Hands-on Training destaca la importancia de una guía de estilo CSS, que sirve como interfaz para el equipo de diseño y una herramienta de comunicación para el cliente. Laurie Burruss pide a sus antecedentes como director de medios digitales en el Pasadena City College y tiene un informativo, real enfoque mundial para este tema. Ella muestra cómo Dreamweaver CS4 puede ser utilizado para desarrollar un sitio coherente de la emoción de ancho que aumenta la identidad de marca. El curso culmina con la construcción de una guía de estilo de trabajo web para uso profesional. Archivos de memoria y una prueba PDF descargable acompañar el curso.

Tabla de contenidos

Introducción

Bienvenido 1:09 16.2 MB

Objetivo de este curso 3:38 4,3 MB

Uso de los archivos de ejercicio de 2:11 1,6 MB

1. Configuración

A partir de Dreamweaver, por primera vez 3:38 3,0 MB

Definición de un sitio web 4:03 4,2 MB

Comprensión de la interfaz de Dreamweaver 9:43 12.4 MB

La creación de un espacio de trabajo personalizado 4:10 5,8 MB

Configuración de las preferencias esenciales 6:52 11.3 MB

2. Creación y edición de una guía de estilo con HTML

Acostado en una página de un documento de texto 3:40 4,0 MB

Crear y guardar un documento nuevo 3:27 4,3 MB

Inserción de una imagen 8:22 9,5 MB

Marcar texto con el Inspector de propiedades 6:48 7,5 MB

Marcar el texto a mano 9:21 11,5 MB

Inserción, el formato y la selección de una tabla de 8:16 10.1 MB

La creación de vínculos 12:26 13.8 MB

Styling un pie de página 4:34 8,3 MB

3. Creación de estilos de interior

Usando Modificar Propiedades de la página para crear estilos incorporados 12:22 15.0 MB

Creación de vínculos con CSS 4:55 8,0 MB

Trabajar con código, Split y Design visitas 4:58 5,2 MB

4. Vista previa de una página Web en un navegador

Definición de los navegadores para probar una página web 2:24 3,6 MB

Vista previa de una página web en un navegador de 6:28 13.0 MB

5. Creación de estilos de uso de la lista Estilo

Utilizando un span para agregar una clase y personalizar la apariencia de 10:34 10.8 MB

Usando el Inspector de etiquetas para crear y editar estilos adicionales 6:10 8,9 MB

6. Creación y Edición de una hoja de estilos externa

Exportadores de estilos existentes en una hoja de estilos externa 7:00 9,4 MB

Uso del panel de Estilos CSS para añadir un nuevo estilo 5:43 6,7 MB

Uso de la etiqueta div para crear un contenedor de contenido 11:08 17.9 MB

Reemplazar el estilo por defecto del navegador 2:46 3,5 MB

La aplicación de relleno y los márgenes de 4:57 6,2 MB

Diseño etiquetas de cabecera 5:34 8,3 MB

Creación y diseño compuesto de etiquetas 5:12 8,0 MB

Edición de normas preexistentes 6:22 7,6 MB

7. Profesional añadiendo toques

Mejora de la pie de página 5:12 9,1 MB

Comentando una hoja de estilo CSS 7:00 6,7 MB

Creación de una paleta de colores personalizados 7:24 8,8 MB

Conclusión

Revisión de hojas de estilo final de 3:06 2,9 MB