Inicio » Catálogo » Informática técnica. » Diseño Web y Multimedia » Curso de Dreamweaver CS3

Dreamweaver CS3

  • Recordar contraseña
  • Ayuda técnica

Lecciones:

  1. Introducción al Diseño Web
  2. Crear SITIOS y PÁGINAS web
  3. Añadir Texto
  4. Crear Enlaces
  5. Añadir Imagenes y objetos Flash
  6. Administración y usabilidad de un SITIO WEB
  7. TABLAS 1: Tablas de datos
  8. TABLAS 2: Maquetación con tablas
  9. Crear Formularios
  10. Páginas de Marcos
  11. ESTILOS CSS 1: Introducción
  12. ESTILOS CSS 2: Capas de POSICIÓN ABSOLUTA
  13. ESTILOS CSS 3: Maquetación con estilos CSS
  14. Insertar SCRIPTS: Comportamientos y Spry
  15. SUBIR EL SITIO: Comprobación y publicación
  16. Promoción en Internet: SEO
  • Información
  • Modalidad
  • Otros datos
Familia: Diseño Web y Multimedia

Dreamweaver es uno de los programas más potentes para la creación de páginas web. Permite un trabajo de diseño web muy intuitivo. Incorpora herramientas que permiten crear fácilmente desde objetos HTML hasta maquetas en CSS o comportamientos de javascript.

Su método de trabajo está dirigido tanto al diseñador, para crear los objetos web y efectos de forma visual, como al técnico programador, con un editor de código muy versátil.

Este curso se basa en la última versión del programa, Dreamweaver CS3, que refleja las últimas tendencias del diseño web potenciando el uso de Estilos CSS y la Accesibilidad de la web. A lo largo del curso se hace hincapié en esas tendencias al igual que en la importancia de la usabilidad de cada elemento que insertamos en la página web.
Además se ha incluido una interesante lección de promoción y análisis de página web en Internet, que completa la idea principal del diseño en la Web.

El curso está desarrollado para que pueda seguirse con la versión anterior del programa: Dreamweaver 8.

Curso de Dreamweaver CS3 con Tutor 350 €

  • Puedes plantear tantas consultas como necesites.
  • El tutor te responderá con unos tiempos de respuesta de 4 horas (días laborables).
  • Además de los ejercicios obligatorios, si los hubiera, puedes enviar al tutor cualquier ejercicio para que lo corrija.
  • Puedes resolver dudas a través del servicio de audioconferencia
¿Como empezar?

Ver videoSi quieres hacer uno de nuestros cursos basta con que solicites la inscripción, para ello debes rellenar el formulario de inscripción e indicar una dirección de e-mail en la que recibirás tus datos de acceso, nombre de usuario y contraseña, el envío de los datos es inmediato. (Debes prestar atención a la carpeta de spam ya que algunos filtros antispam podrían filtrar este correo).

Con tu nombre de usuario y contraseña ya podrás entrar en el curso. Te damos acceso gratuito a las 3 primeras lecciones para que puedas evaluar el curso. Inicialmente sólo puedes ver la unidad de metodología. Para acceder a las siguientes tendrás que aprobar el test asignado a la misma.

Si el curso te gusta puedes realizar el pago durante el proceso de inscripción o en cualquier momento dentro del aula virtual. El pago lo puedes hacer con tarjeta Visa, PAYPAL o realizando una transferencia y enviando posteriormente el justificante de la misma. Una vez realizado el pago podrás acceder a todas las lecciones, siempre de una forma secuencial.

¿Plazos?

Desde que te inscribes dispones de un plazo máximo de 30 días para poder evaluar el curso hasta la unidad 3. Una vez hayas completado las lecciones de evaluación se detiene el avance en el curso y tu decides...

En el momento de hacer el pago tu plazo se amplía hasta los 90 días con el objeto de que puedas realizar el curso cómodamente. Si justificas las causas puedes pedir una ampliación de plazo y generalmente se suele conceder.

La ampliación de plazo se la puedes solicitar a tu tutor y en el caso de los cursos sin tutor desde la sección consúltanos de www.adrformacion.com

¿Me darán diploma?
Siempre que nos lo solicites, puedes hacerlo al tutor del curso a través del Aula Virtual antes de finalizar el curso, te enviaremos un Diploma Acreditativo expedido por ADR Formación, con indicación del número de horas, el temario, las fechas de inicio y finalización, etc. a la dirección postal que figure en tu expediente de alumno.
¿Qué necesito?

Para hacer el curso basta con que dispongas de una conexión a Internet y un navegador con el plugin de Flash instalado.

Para escuchar los vídeos explicativos y poder aprovechar al máximo los recursos del curso se aconseja disponer de equipo multimedia.

¿A cuantas horas presenciales equivale?

El curso de Dreamweaver CS3 equivale a 70 horas en Formación presencial

Cursos Relacionados:

Curso de Dreamweaver CS3

(Programa detallado)

Objetivo

Aprender a manejar el programa Dreamweaver para diseñar páginas Web. A la finalización del curso, el alumno será capaz de crear sitios Web con páginas que incorporen imágenes, enlaces, formularios y elementos multimedia. El alumno identificará las diferentes técnicas de maquetación Web, desde el uso básico de tablas hasta las estrategias avanzadas de diseño con estilos CSS. Una vez creado el sitio Web, el alumno será capaz de comprobarlo, publicarlo y mantenerlo utilizando las herramientas que para tal fin incorpora el programa.

Dirigido a:

Dirigido fundamentalmente a diseñadores, si es posible con algún conocimiento del lenguaje HTML, profesionales con la intención de iniciarse en las tecnologías avanzadas de cliente en el creación de páginas Web, Estilos CSS y comportamientos javascript.

Requisitos:

Disponer de la versión Dreamweaver CS3.

PROGRAMA DEL CURSO

Curso de Dreamweaver CS3: 1.-Introducción al Diseño Web

Objetivo

A la finalización de la lección el alumno entenderá los conceptos básicos del diseño web a un nivel más profesional: página web, sitio web, servidor, código html, etc. Del mismo modo de introducirá en conceptos como usabilidad y accesibilidad.

Contenido

  1. 1. Introducción al mundo del diseño WEB
    1. Bienvenida
    2. Qué es una página web
      1. Servida por un servidor
      2. Sólo es Código
    3. Qué es un Sitio web
      1. La carpeta que lo contiene TODO.
    4. Qué es el código HMTL
      1. Yo... ¿un programador? ¡No!
      2. Historia del HTML
    5. Qué es un Navegador, un buscador y Dreamweaver
      1. Los navegadores
      2. Los Buscadores
      3. ... y Dreamweaver
    6. Esto es diseño web... no diseño gráfico
      1. Olvídate de la hoja de papel... piensa en la pantalla
      2. Diseñas para MILES de ordenadores
    7. Extra: términos a tener en cuenta.
      1. Usabilidad
      2. Accesibilidad
      3. Estándares W3C
      4. Página web estática vs dinámica
  2. EJERCICIOS
    1. Ejercicios 1. Instalar Firefox

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 2.-Crear SITIOS y PÁGINAS web

Objetivo

A la finalización de la lección el alumno entenderá la pantalla de Dreamweaver y sabrá configurarla, sabrá crear un sitio Web así como gestionar las páginas pertenecientes al sitio. Crear, abrir, cerrar, renombrar, borrar páginas

Contenido

  1. 2. Crear SITIOS y páginas WEB
    1. Interfaz de Dreamweaver CS3.
      1. Descripción de la Pantalla.
      2. Barras de herramientas.
      3. Paneles.
      4. Espacios de trabajo.
    2. Configurar un SITIO WEB
      1. Qué vamos a hacer
      2. Paso a Paso
      3. Posibles errores
    3. Crear una Pagina web
      1. Método 1: Archivo > Nuevo
      2. Método 2: Panel Archivos
      3. Nombre del Archivo .htm
      4. Página principal index.html
    4. HTML: 3 grandes etiquetas
      1. Código y Diseño
      2. html, head y body
    5. Propiedades de la Pagina web
      1. Título de la Página web
      2. Cuadro de Propiedades de página
      3. Propiedades y Estilos CSS
    6. Gestión de páginas web
      1. Abrir y cerrar
      2. Cerrar una Página.
      3. Manejo desde las Solapas
      4. Eliminar y Duplicar
    7. Vista previa en el navegador
    8. Lo + IMPORTANTE
  2. Ejercicios de Dreamweaver CS3 - Unidad 2
    1. Ejercicios 1: Sitio "PRUEBAS"
    2. Ejercicios 2: Sitio "Peonzas"
    3. Ejercicios 3: Sitio "LED ZEPPELIN"
    4. Ejercicios 4: Páginas web de "LED ZEPPELIN"

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 3.-Añadir Texto

Objetivo

A la finalización de la lección el alumno sabrá crear páginas con la introducción de texto.

Contenido

  1. 3. Añadir texto
    1. Introducción
    2. HTML: Etiquetas de Texto
      1. Etiquetas importantes
      2. Etiquetas en desuso
      3. Los Atributos
    3. Introducir texto
      1. Lo Diferente
      2. Mover el cursor
      3. Seleccionar texto
      4. Copiar y pegar: Portapapeles
      5. Mover y copiar sin el portapapeles
    4. Estructurar de un texto web
      1. Maquetación Simple
      2. Paquetes de información: Párrafos y encabezados
      3. Salto de Párrafo vs Salto de línea
    5. Propiedades del texto: Fuente, tamaño y color
      1. Fuente o tipografía
      2. Editar Lista de fuentes.
      3. Tamaño
      4. Color
    6. Otras propiedades
      1. Alineación de párrafo
      2. Sangría
      3. Listas
    7. Propiedades de TODA la página.
      1. Para todo el texto de la página.
      2. Diferenciar los encabezados.
    8. Estilos de texto.
      1. Definir un estilo para texto
      2. Cambiar el nombre de Estilos de texto
      3. Estilos y el HTML
      4. Estilos vs. <FONT>
      5. Opción predeterminada
    9. Otras operaciones útiles
      1. Buscar y Reemplazar
      2. Deshacer y Rehacer
      3. Corrector ortográfico
    10. Lo + importante
      1. MÉTODO DE ATACAR AL TEXTO (paso a paso)
    11. Extra: Usabilidad de los textos web
  2. Ejercicios de Dreamweaver CS3 - Unidad 3
    1. Ejercicio 1 Practica
    2. Ejercicio 2 Practica
    3. Ejercicio 3 Texto para el proyecto LED ZEPPELIN
      1. Paso 1. Insertar texto al sitio Web
      2. Paso 2: Estructura al Texto
      3. Paso 3. Propiedades de la página
      4. Paso 4. Las mismas propiedades en otras páginas.
      5. Paso 5. Estilo para las listas de canciones

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 4.-Crear Enlaces

Objetivo

A la finalización de la lección, el alumno sabrá generar todo tipo de enlaces entre páginas.

Contenido

  1. 4.- Crear Enlaces
    1. Introducción: ¿Qué es un enlace?
      1. El Enlace
      2. HTML del ENLACE: Etiqueta <A>
      3.  
      4. Rutas URL
      5. Direcciones absolutas y relativas
      6. Ejemplos de rutas URL relativas
    2. Crear un Enlace
      1. Propiedad "Vinculo"
      2. Método 0: Escribir la ruta directamente
      3. Método 1: Icono de Carpeta
      4. Metodo 2: Señalizador de archivos
      5. Metodo 3: Arrastre + Mayúsculas
      6. Metodo 4: menú Insertar
    3. Eliminar un enlace
    4. errores al crear enlaces
    5. Actualización automática de Enlaces
    6. Enlaces de correo electrónico
    7. Enlaces a marcadores
      1. Paso 1: Marcamos la posición
      2. Paso 2: Crear el enlace hacia el marcador
    8. Ventana de Destino (el Target)
    9. Formato de los enlaces
    10. lo + importante
    11. Extra: Usabilidad de los enlaces
    12. Extra: ¡Hazte un croquis!
  2. Ejercicios de Dreamweaver CS3 - Unidad 4
    1. Ejercicio 1
      1. Pautas generales
      2. Paso 1. Las grandes secciones.
      3. Paso 2: Vínculos a Marcadores
      4. Paso 3: Vínculos externos
      5. Paso 4: Vinculo a Correo
      6. Paso 5: Aspecto de los Vínculos

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 5.-Añadir Imagenes y objetos Flash

Objetivo

A la finalización de la lección, el alumno sabrá colocar y administrar imágenes en una página web así como crear enlaces y mapas con ellas.

Contenido

  1. 5. Insertar objetos de imagen
    1. Llamadas a las imágenes
    2. HTML de los objetos de imagen.
      1. La fuente de la IMG: ruta de las imágenes.
      2. Otros atributos
      3. IMG + MAP
      4. Etiqueta <Object>
    3. Formatos de imagen
      1. JPG
      2. GIF
      3. PNG
    4. Insertar una imagen
      1. Lo más importante es la ruta
      2. Método 1: Menú insertar
      3. Método 2: Botón del panel INSERTAR.
      4. Metodo 3: Arrastre desde el panel ARCHIVOS.
      5. Atributos de Accesibilidad.
    5. Errores al insertar una imagen.
    6. Actualización automática de Rutas de imagen
    7. Propiedades de la Imagen.
      1. Propiedades.
      2. Cambiar el tamaño.
      3. Márgenes y bordes.
      4. Alineación respecto al texto.
      5. Editar una imagen.
    8. Imagen como Enlace.
    9. Mapa de imagen.
      1. ¿Qué es?
      2. Convertir una imagen en Mapa de imagen.
      3. Modificar áreas de un mapa.
    10. Imagen de fondo de Página.
    11. Insertar películas Flash.
      1. ¿Qué es un archivo SWF?
      2. Insertar películas SWF.
      3. Propiedades de un objeto Flash
      4. Objetos Flash creados por Dreamweaver
    12. Lo + importante :
    13. Usabilidad de las imágenes.
    14. Extra 1: Buen uso de las imágenes de Fondo.
    15. Extra 2: Marcador de Posición de imagen.
    16. Extra 3: de Photoshop CS3 a Dreamweaver CS3.
    17. Extra 4. Insertar Mark of the web.
  2. Ejercicios de Dreamweaver CS3 - Unidad 5
    1. Ejercicio 1 Guardar imágenes.
      1. Guarda esa carpeta y ese archivo SWF en la CARPETA RAÍZ del proyecto LED ZEPPELIN.
    2. Ejercicio 2 .imágenes de ilustración
    3. Ejercicio 3. Mapa de Imagen.
    4. Ejercicio 4. imágenes enlaces.
    5. Ejercicio 5. Película flash.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 6.-Administración y usabilidad de un SITIO WEB

Objetivo

A la finalización de la lección, el alumno será capaz de organizar adecuadamente los archivos de un sitio Web.

Contenido

  1. 6.- Administración del Sitio Web
    1. Introducción
      1. La solapa Archivos.
      2. Recuerda lo que es un Sitio para DW.
    2. Vistas del Sitio.
    3. Utilizar la vista mapa.
      1. Visualización de la vista mapa.
      2. Árbol de la vista mapa.
      3. Crear vínculos.
      4. Eliminar vínculos.
      5. Más utilidades.
    4. Operaciones sobre Archivos .
      1. Abrir :
      2. Eliminar:
      3. Cambiar nombre.
      4. Mover
      5. Duplicar.
      6. Mover todos los archivos asociados a una página.
    5. Panel de Activos.
      1. El almacén del sitio web.
      2. Los Activos Favoritos.
      3. Usando de los Activos.
    6.  
    7. Operaciones sobre Sitios.
      1. Conceptos generales.
      2. Duplicar Sitio
      3. Eliminar sitios .
  2. Ejercicios de Dreamweaver CS3 - Unidad 6
    1. Ejercicio 1. Vista de Mapa para crear.
    2. Ejercicio 2: Vista de Mapa para analizar.
    3. Ejercicio 3: Corregir rutas .
    4. Ejercicio 4: duplicar sitio.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 7.-TABLAS 1: Tablas de datos

Objetivo

A la finalización de la lección, el alumno será capaz de incluir tablas en sus páginas de una forma básica.

Contenido

  1. 7.- Tablas 1: Tablas de datos.
    1. Introducción.
      1. Tablas: Organización de datos.
      2. ¡ Y las tablas evolucionaron!
    2. el HTML de las tablas.
      1. Etiqueta <TABLE>
      2. Atributos de <TABLE>
    3. Crear una tabla.
    4. manejo de una tabla.
      1. Moverse por la tabla.
      2. Selección de tablas y sus elementos.
      3. ¡Utiliza el Selector de etiquetas!
    5. Propiedades de tabla.
      1. Panel de propiedades
      2. No hay Altura.
      3. Diferencia entre Relleno y Espacio
    6. Propiedades de celda.
      1. Panel de propiedades
      2. Alinear el contenido de la celda.
      3. Bordes, color e imagen de fondo.
      4. Celdas de encabezado
    7.  
    8. Cambiar el número de filas y columnas.
      1. Añadir filas y columnas.
      2. Eliminar filas y columnas.
    9.  
    10. Combinar y dividir celdas.
      1. Combinar.
      2. Dividir.
    11. el tamaño de tablas y celdas.
      1. Todo depende del contenido.
      2. Absoluto (px) y Relativo (%).
      3. Variar los anchos y altos.
    12. Errores al construir tablas
    13. Vista Ampliada y otras ayudas.
      1. Vista Ampliada.
      2. Ayuda Visual de ancho de tabla .
      3. En Resumen.
    14. Anidación de tablas.
    15. Lo más importante.
      1. Método para construir una tabla paso a paso
    16. Extra 1 . Doctype
      1. ¿Qué es?
      2. ¿Qué supone?
  2. Ejercicios de Dreamweaver CS3 - Unidad 7
    1. Ejercicio 1
    2. Ejercicio 2
    3. Ejercicio 3

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 8.-TABLAS 2: Maquetación con tablas

Objetivo

A la finalización de la lección, el alumno será capaz usar tablas como método de maquetación de páginas web.

Contenido

  1. Tablas 2: Maquetación con tablas.
    1. Cuestión de Diseño.
    2. Tablas contenedoras.
    3. Resoluciones de pantalla.
      1. Como afecta al diseño.
      2. La resolución de referencia.
      3. Soluciones al cambio de resolución.
    4. Celdas de separación.
      1.  
    5. Ejemplo práctico de maquetación: Furgoneta Vito.
      1. Introducción.
      2. 1. Planificación: El Croquis.
      3. 2. ¡Al tajo! : Tabla contenedora.
      4. 3. Tabla del contenido principal.
      5. 4 Distribución del área de navegación.
      6. 5 Otras tablas
    6. Lo más importante.
    7. Extra 1: Ayudas, Reglas y guías.
      1. Herramientas de visualización.
      2. Reglas y guías.
  2. EJERCICIOS
    1. Ejercicio1.
    2. Ejercicio2 (Obligatorio): proyecto "Led Zeppelin"
      1. Introducción.
      2. Imágenes de fondo.
      3. Estrategia para ahorrar tiempo.
      4. Peculiaridades.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 9.-Crear Formularios

Objetivo

A la finalización el alumno será capaz de diseñar formularios para la recolección de datos desde una web, así como utilizar diferentes controladores CGI para la gestión de esos datos.

Contenido

  1. Formularios
    1. Qué es y cómo funciona un formulario.
    2. El HTML del Formulario: <FORM>
    3. Insertar un formulario en Dreamweaver.
      1. La clave: El cuadro de formulario.
      2. Solapa Formulario y Propiedades comunes.
    4. Campos de texto.
      1. Cuadro de texto (Text field)
      2. Área de texto (Text área)
      3. Cuadros ocultos (Hidden field)
    5. Campos de elección
      1. Casilla de verificación (Checkbox)
      2. Botón de opción (radio button)
      3. Grupos de opciones
      4. Listas / Menús desplegables
    6. Otros Campos de formulario.
      1. Menús de salto como listas de navegación (Jump menú)
      2. Botones (Button)
      3. Campo de imagen (Image)
    7. Opciones de accesibilidad.
      1. Etiqueta (LABEL)
      2. Orden de tabulación (TABINDEX).
      3. Clave de acceso (acceskey).
      4. Juego de campos .
    8. Resumen HTML.
    9. PROPIEDADES DE ENVíO deL formulario
      1. Opción profesional: CGI.
      2. Opción amateur: E-mail.
    10. Lo más importante.
      1. Lo primero: el cuadro de formulario
      2. Ningún formulario sin propiedades.
      3. Ningún campo sin nombre.
  2. Ejercicios de Dreamweaver CS3 - Unidad 9
    1. Ejercicio 1: Formultario de REVOLTA.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 10.-Páginas de Marcos

Objetivo

A la finalización el alumno será capaz de diseñar webs basadas en una estructura de navegación con marcos.

Contenido

  1. 10.- Marcos
    1. Introducción
      1. ¿Qué son?
      2. ¿Cómo funcionan?
      3. Los Marcos están en desuso.
    2. Referencia html ( FRAME IFRAME).
      1. Etiqueta <FRAMESET>
      2. Atributos de <FRAMESET>.
      3. Atributos de <FRAME>
      4.  
    3. Creación de una página de marcos .
      1. Método 1: Desde nuevo documento
      2. Método 2. Desde una página abierta
    4. Modificar una página de marcos.
      1. Dividir marcos
      2. Eliminar marcos.
    5. Selección de marcos y conjuntos de marcos.
      1. En el panel MARCOS.
      2. En la vista de Diseño.
    6. Guardar contenido de marco .
      1. Guardar una página de conjunto de marcos.
      2. Guardar una página que aparece dentro de un marco.
      3. Guardar todo.
    7. Propiedades del conjunto de marcos <frameset>
      1. Panel Propiedades.
      2. Tamaño de marco de filas y columnas.
    8. Propiedades del marco <frame>
      1. Nombre.
      2. Página de origen.
      3. Otras propiedades.
    9. Navegadores que no soportan marcos
    10. Enlaces entre marcos.
    11. lO MÁS IMPOrTANTE.
    12. Extra 1. IFRAME o marcos flotantes.
  2. Ejercicios de Dreamweaver CS3 - Unidad 10
    1. Ejercicio 1: Revolta con Marcos.
      1. Crear el sitio web
      2. Crear la página navegacion.html
      3. Crear la página del conjunto de marcos: index.htm
      4. Recrear los enlaces entre los marcos
      5.  

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 11.-ESTILOS CSS 1: Introducción

Objetivo

A la finalización el alumno será capaz de entender y crear estilos css, al igual que hojas de estilo para la mejor administración y diseño del sitio web.

Contenido

  1. 11.-- Estilos CSS
    1. INTRODUCCIÓN
      1. Que son los Estilos CSS
      2. ¿Por qué es tan importante?
    2. Anatomía de las Reglas de estilo.
      1. Terminología
      2. ¿Qué?: Tipos de Estilos
      3. ¿DÓNDE? Colocación de las reglas de estilo.
    3.  
    4. Creación de estilos .
      1. Panel Estilos CSS
      2. Crear un Estilo para una ETIQUETA HTML
      3. Crear una CLASE.
      4. Creación de un estilo Avanzado.
    5. Aplicar una clase...
      1. ... a texto.
      2. ...a cualquier objeto HTML.
      3. DES-aplicar una clase a un objeto
    6. Gestión de estilos: Panel Estilos CSS a fondo
      1. Modificar un estilo. Método 1.
      2. Modificar un estilo. Método 2.
      3. Modificar un estilo. Método 3.
      4. Borrar un estilo
      5. Cambiar el selector de una regla.
      6. Otras Opciones.
    7. Hojas de estilo Externas.
      1. Introducción
      2. Crear una hoja de estilos desde 0
      3. Crear una hoja de estilos a partir de los estilos del HEAD.
      4. Adjuntar una Hoja de estilos a una página
    8. Propiedades de los estilos.
      1. Introducción
      2. Propiedades de TIPO.
      3. Propiedades del FONDO.
      4. Propiedades de BLOQUE.
      5. Propiedades de CUADRO.
      6. Propiedades de BORDE.
      7. Propiedades de LISTA.
      8. Otras CATEGORÍAS
    9. Conflicto entre estilos.
      1. ¿A qué regla tiene que obedecer?
      2. Contenido vs. Continente
      3. 2) Hoja de estilo vs. Estilo en HEAD.
      4. 3) Hoja de estilo vs. Hoja de estilo.
    10. Lo más importante y consejos prácticos.
      1. Resumen de lo más importante
      2.  
      3. Pautas para empezar a aplicar estilos.
  2. Ejercicios de Dreamweaver CS3 - Unidad 11
    1. Ejercicio 1: Practica.
    2. Ejercicio 2: PrÁctica.
    3. Ejercicio 3 : Practica.
    4. Ejercicio 4 (Obligatorio): Estilos de LED ZEPPELIN.
      1. Paso 1. Partir de los estilos de una página.
      2. Paso 2. Crear la hoja de estilo.
      3. Paso 3. Vincular todas las páginas a la hoja de estilo.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 12.-ESTILOS CSS 2: Capas de POSICIÓN ABSOLUTA

Objetivo

A la finalización de la lección el alumno sabrá qué es una capa de posición absoluta, su utilidad y su uso.

Contenido

  1. 12.- Capas de Posición Absolutas
    1. introducción
    2. La Etiqueta DIV: el comodín.
    3. dibujar capas.
    4. Gestión básica de capas.
    5. Propiedades de las capas.
      1. Panel de Propiedades.
      2. Regla de estilo id#.
    6. Panel elementos PA
    7. Anidación de capas.
      1. Método 1: Menú Insertar .
      2. Método 2: Icono de Anclaje de capa .
      3. Método 3: Solapa de capa .
    8. Position: absolute / relative .
  2. Ejercicios de Dreamweaver CS3 - Unidad 12
    1. Ejercicio 1. PrÁctica.
      1. Reglas, Guías y Cuadrículas.
      2. Cuadrícula.
      3. Dubujando capas PA

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 13.-ESTILOS CSS 3: Maquetación con estilos CSS

Objetivo

A la finalización de la lección el alumno adquirirá estrategias para maquetar páginas web con el uso de Estilos CSS, sin la necesidad de usar tablas.

Contenido

  1. 13. Maquetación con estilos css
    1. Introducción
      1. Las diferentes técnicas de maquetación.
      2. Layout en CSS
    2. Crear el DIV y su REGLA.
      1. Introducción.
      2. Crear la etiqueta DIV y luego la REGLA.
      3. Crear la REGLA y luego la etiqueta DIV
      4. REGLAS de estilos para DIVs anidados.
    3. Conceptos básicos.
      1. Las dimensiones de la caja DIV
      2. Centrar un caja.
      3. Crear columnas: Flotar y limpiar
    4. Ejemplo práctico: Layout de 2 columnas.
      1. Esquema
      2. Crear las DIV
      3. Crear las REGLAS de estilo css
    5. Otros Layout .
      1. De 3 columnas
      2. Layouts prefabricados en DW
  2. Ejercicios de Dreamweaver CS3 - Unidad 13
    1. Ejercicio : Maqueta para led zeppelin.
      1. Paso 1. Esquema del Layout.
      2. Paso 2. Crear la estructura de DIVs
      3. Paso 3. Crear las reglas de Estilo.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 14.-Insertar SCRIPTS: Comportamientos y Spry

Objetivo

A la finalización de lección el alumno será capaz de emplear el código Javascript que usa Dreamweaver , la igual que las nuevas aplicaciones que incluye para trabajar fácilmente con elementos Ajax.

Contenido

  1. Lección 14. Incluir Scripts: comportamientos y Sprys.
    1. INTRODUCCIÓN.
      1. ¿Qué es Javascript?
      2. <SCRIPT>
    2. eventos y Comportamientos.
      1. Causa y consecuencia.
      2. Aplicar un comportamiento.
    3. Solapa Comportamientos.
      1. Visualización de los eventos.
      2. Botones de administración.
    4. Compatibilidad de los comportamientos y eventos.
      1. Cambiar de evento
      2. El problema de los navegadores.
    5. Modificar un comportamiento aplicado.
    6.  
    7. Relación de eventos.
    8. Imagen de sustitución : Roll Over
      1. Introducción.
      2. Crear un Roll Over
    9. Uso de los SPRY
      1. ¿Qué son los Spry?
      2. Ingredientes: HTML + Estilos CSS+ Javascript
      3. Spry : Menú Desplegable.
      4. Spry : Panel de Fichas (solapas)
      5. Spry : Acordeón.
      6. Spry : Panel Desplegable
  2. Ejercicios de Dreamweaver CS3 - Unidad 14
    1. Ejercicio. PrÁctica con Spry.
      1. Insertar el Spry Widget y su contenido.

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 15.-SUBIR EL SITIO: Comprobación y publicación

Objetivo

Revisar un sitio Web, resolver enlaces rotos, comprobar los tiempos de descarga, publicar en un servidor de Internet y promocionar el sitio Web

Contenido

  1. Lección 15. Comprobación y publicación.
    1. Introducción
    2. Comprobación de un sitio Web.
      1. Probando, probando..
      2. Comprobar Vínculos.
      3. Reparación de vínculos rotos.
      4. Archivos huérfanos.
      5. Informes de un sitio.
      6. Limpiar Código XHTML
      7. Buscar y remplazar.
      8. Comprobar compatibilidad con navegadores.
      9. Informes de validación.
      10.  
      11. Comprobar el  tiempo de descarga.
    3. cONSEJOS RESPECTO A LA COMPROBACIÓN DEL CÓDIGO.
      1. Accesos rápidos a las comprobaciones y validación
      2. Estilos CSS: una garantía de éxito
      3. La experiencia es un grado ¡Paciencia!
    4. Publicación de un sitio Web.
      1. ¿Qué vamos hacer?
      2. Conseguir alojamiento (gratuito)
      3. Configurar el sitio para introducir los datos FTP.
      4. Conectar con el Servidor y subida de archivos.
      5. Mantenimiento del sitio web.
      6. Obtener archivos de un servidor.
      7. Sincronizar un sitio Web.
  2. Ejercicios de Dreamweaver CS3 - Unidad 15
    1. Ejercicio 1
    2. Ejercicio 2
    3. Ejercicio 3

Inscríbete ahora y accede a 3 unidades gratis

Curso de Dreamweaver CS3: 16.-Promoción en Internet: SEO

Objetivo

Depurar el código para que los motores de búsqueda procesen con facilidad nuestras páginas publicadas y las valoren positivamente para que tengan una mejor posición en la búsqueda de los usuarios de Internet.

Contenido

  1. Lección 16. Promoción en Internet : SEO
    1. Introducción
    2. Dominios.
    3. Centros de navegación.
      1. Conceptos generales
      2. Buscadores
      3. Directorios.
      4. Otros.
    4. Darse de alta .
      1. ...en buscadores.
      2. ...en directorios.
      3. ... en otros
    5. Depuración de Código.
      1. Expresiones y palabras clave.
      2. Título: IMPORTANTÍSIMO
      3. Imágenes: con texto Alternativo.
      4. Enlaces: lo más simples posibles.
      5. Tamaño de las páginas: cuanto más ligeras mejor.
      6. Mapa de web
    6. Etiquetas META.
      1. ¿Qué son las etiquetas META?
      2. Insertar etiquetas Meta.
      3. Generadores de etiquetas META
    7. Googlebot
      1. ¿Qué es Googlebot?
      2. Valoraciones: PageRank
      3. Penalizaciónes: Spams
    8. Estándares que ayudan a la Promoción
    9. Resumen
  2. Ejercicios de Dreamweaver CS3 - Unidad 16
    1. Ejercicio 1
    2. Ejercicio 2
    3. Ejercicio 3 Mapa de web

Inscríbete ahora y accede a 3 unidades gratis