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