Parte 1: Lenguaje HTML + JS + CSS
HTML y el World Wide Web
- Internet
- Hablemos el Lenguaje de Internet
- Que es HTML
- Que no es HTML
- Extensiones no estandarizadas
- Herramientas para crear documentos de HTML
Inicio rápido a HTML
- Herramientas de Escritura
- Un primer documento de HTML
- Etiquetas de HTML incrustadas
- Esqueleto de un documento de HTML
- El contenido de un documento HTML
- HTML y Texto
- Enlaces de hipertexto
- Las imágenes son especiales
- Listas, documentos rastreables y formas
- Tablas
- Marcos, hojas de estilos y JavaScript
- Hacia adelante
Anatomía de un documento HTML
- Las apariencias pueden engañar
- Estructura de un documento HTML
- Etiquetas de HTML
- Contenido del documento HTML
- Encabezado de un documento
- Cuerpo del documento
Fundamentos de texto
- Divisiones y párrafos
- Encabezados
- Cambio de la apariencia del texto
- Etiquetas de estilo basadas en contenido
- Etiquetas de estilo físico
- Manejo de fuentes complementarias
- Diseño y espaciado preciso
- Citas textuales
- Direcciones
- Codificación de caracteres especiales
Líneas horizontales, imágenes y multimedia
- Lineas horizontales
- Como insertar imágenes en sus documentos
- Colores del documento e imágenes de fondo
- Audio de fondo
- Texto animado
- Otro contenido multimedia
- Más allá del HTML
Diseño de documentos
- Como crear un espacio en blanco
- Diseño de columnas múltiples
- Capas
Enlaces y Webs
- Fundamentos de hipertexto
- Referencia a documentos: el URL
- Cómo crear enlaces
- Enlaces efectivos
- Imágenes sensibles al ratóin
- Cómo crear documentos rastreables
- Cómo establecer relaciones entre documentos
- Soporte de automatización de documentos
Listas con formatos
- Listas sin ordenar
- Listas ordenadas
- La etiqueta <li>
- Listas anidadas
- Listas de directorio
- Listas de menú
- Listas de definición
- Uso apropiado de las listas
Hojas de estilo en cascada
- Elementos de los estilos
- Sintaxis para estilos
- Propiedades de estilo
- Estilos con menos etiquetas: la etiqueta <span>
- Cómo aplicar estilos a documentos
Formularios
- Fundamentos de los formularios
- Elementos de entrada para formularios
- Áreas de texto de múltiples líneas
- Elementos de selección múltiple
- Creación de formularios efectivos
- Programación de formularios
Tablas
- El modelo de tabla HTML
- Etiqueta de tabla
- Extensiones para tablas de Internet Explorer
- Más allá de las tablas ordinarias
Marcos
- Una descripción de los marcos
- Etiquetas para marcos
- Diseño con marcos
- Contenido del marco
- Etiqueta <noframes>
- Marcos integrados
- Marco con nombra ó ventana destino
Contenido ejecutable
- Applets
- Contenido incrustado
- JavaScript
- Hojas de estilo de JavaScript
Documentos dinámicos
- Resumen de documentos dinámicos
- Documentos extraídos por el cliente (Client-Pull)
- Documentos enviados por el servidor
Tips, trucos y trampas
- Los mejores tips
- ¿Trivial ó abusivo?
- Viñetas personalizadas
- Trucos con tablas
- Imágenes transparentes
- Creación de nuevas ventanas
- Marcos múltiples en un enlace
Parte 2: Diseño y Programación con Dreamviewer
Creación de un sitio de ejemplo
- Configurar la estructura del sitio para el curso práctico
- Definir un sitio local
- Crear la página principal del sitio de ejemplo
- Crear un diseño de página
- Crear imágenes de sustitución (imágenes que se iluminan)
- Importar un documento HTML de Word
- Aplicar formatos al texto usando estilos HTML
- Crear un mapa visual del sitio
- Crear vínculos
- Crear una plantilla
- Crear un menú de salto
- Comprobar el sitio
Aspectos básicos de Dreamweaver
- Definir preferencias
- Usar Dreamweaver con otras aplicaciones
Crear sitios y documentos
- Planificación de sitios
- Crear un sitio local
- Editrar y actualizar un sitio existente
- Ver y abrir archivos en la ventana Sitio
- Quitar un sitio de la lista de sitios
- Crear y editar documentos HTML
- Agregar texto e insertar imágenes
- Seleccionar elementos en la ventana de documento
- Elegir colores
- Colores seguros para la Web
- Configurar las propiedades del documento
- Paleta de marcador deshacer cambios
- Automatizar tareas
- Usar guías visuales en el proceso de diseño
- Interactividad y animación
- Ver y editar el contenido de HEAD
Crear vínculos y explorar
- Crear vínculos
- Crear menús de salto
- Crear barras de exploración
- Ver la estructura del sitio
- Administrar vínculos
- Adjuntar comportamientos a vínculos
Administrar sitios
- Configurar un sitio remoto
- Ventana sitio
- Usar el sistema de desprotección/protección
- Obtener y colocar archivos
- Sincronizar los archivos de los sitios locales y remotos
- Buscar y reemplazar
- Crear sitios para múltiples exploradores usar comportamientos para detectar exploradorers y plug-ins
- Comprobación del sitio
- Design Notes
Aplicar formato al texto
- Aplicar formato al texto usando etiquetas HTML
- Crear listas
- Aplicar formato al texto usando estilos HTML
- Aplicar formato al texto con hojas de estilos CSS
- Convertir estilos CSS a formato HTML
- Comprobar la ortografía
Insertar imágenes
- Insertar una imagen
- Configurar propiedades de imagen
- Usar un editor de imágenes externo
- Crear una imagen de sustitución
- Crear mapas sensibles
- Aplicar comportamientos a imágenes
Crear Tablas
- Insertar una tabla
- Seleccionar elementos de tabla
- Aplicar formato a tablas
- Copiar y pegar celdas
- Cambiar el tamaño de tablas y celdas
- Agregar y eliminar filas y columnas
- Ordenar tablas
- Exportar datos de tabla
Usar capas
- Crear capas
- Trabajar con capas
- Cambiar el orden de apilamiento de las capas
- Cambiar la visibilidad de una capa
- Capas y tablas
- Líneas de tiempo
- Acciones de comportamiento para controlar líneas de tiempo
Usar marcos
- Crear marcos
- Seleccionar un marco ó un conjunto de marcos
- Guardar archivos de marco y conjunto de marcos
- Propiedades de marco y conjunto de marcos
- Controlar el contenido del marco con vínculos
- Crear contenido SIN MARCOS
- Usar comportamientos con marcos
Insertar medios
- Iniciar un editor de medios externo
- Usar Design Notes con objetos de medios
- Insertar películas Shockwave
- Propiedades de Shockwave
- Insertar películas Flash
- Propiedades de películas Flash
- Insertar y editar objetos Aftershock
- Insertar objetos Generator
- Insertar contenido de plug-ins de Netsscape Navigator
- Propiedades de plug-in de Netscape Navigatos
- Reproducir plug-ins en la ventana documento
- Solucionar problemas de plug-ins de Navigator
- Insertar un control ActiveX
- Propiedades de ActiveX
- Insertar un Applet de Java
- Propiedades de Applet de Java
- Parámetros
Usar comportamientos para controlar medios
- Usar comportamientos
- Usar el inspector de comportamientos
- Eventos
- Adjuntar un comportamiento
- Adjuntar un comportamiento a una línea de tiempo
- Cambiar un comportamiento
- Crear nuevas acciones
- Descargar e instalar comportamientos de terceros
- Usar las acciones de comportamiento incluidas con Dreamweaver
- Actualizar un comportamiento
Editar HTML
- Roundtrip HTML
- Utilizar el Inspector de Código Fuente HTML
- Editar una etiqueta HTML en la ventana de documento
- Configurar preferencias de formato HTML
- Limpiar HTML
- Limpiar HTML de Microsoft Word
- Corregir código no válido
- Usar editores HTML externos
- Insertar secuencias de comandos
- Insertar comentarios
Plantillas y Bibliotecas
- Crear plantillas
- Definir las regiones editables de una plantilla
- Crear documentos basados en plantillas
- Modificar plantillas y actualizar el sitio
- Importar y exportar contenido XML
- Elementos de biblioteca
- Usar Server-Side Includes
Crear formularios
- Crear un formulario
- Agregar un objeto a un formulario
- Procesar formularios
- Usar comportamientos con formularios
Personalizar Dreamweaver
- Cambiar la paleta de objetos
- Crear un objeto simple
- Cambiar el tipo de archivo predeterminado
- Personalizar menús de Dreamweaver
- Personalizar la apariencia de cuadros de diálogo
- Editar el perfil de formato del código fuente HTML
- Perfiles de exploradores
- Ampliar Dreamweaver: principios básicos
- Personalizar la interpretación y la apariencia de etiquetas de tercero