Introducción y conociendo Dreamweaver Creative Cloud 2015
  • Introducción
  • Configuración de servidor remoto y local y creación de nuevo sitio web
  • Crear primer archivo html incluyendo galerías bootstrap
  • Crear primera plantilla en Dreamweaver Creative Cloud que sirva para todas las p
  • Crear documentos index o inicio para nuestro sitio web
  • Crear croquis o mapa del sitio. Plan de trabajo
Crear estructura general del sitio a trabes de la plantilla.
  • Estructura HTML para la plantilla general del sitio.
  • Crear y vincular archivos css al documento html para trabajar de manera integrad
  • Estructura en CSS, primeros formatos de css para la estructura html
  • menú desplegable primera parte
  • Menú de navegación desplegable parte 2
  • Menú de Navegación desplegable parte 3
  • Crear estructura de encabezado del sitio
  • Crear logo para nuestro sitio web
  • Iconos de redes sociales en el encabezado.
  • Crear pie de pagina del sitio
  • Estructura parte derecha aside
  • Insertar FanPage de facebook en nuestro sitio web
  • Crear regiones editables de la plantilla
Editar y modificar distintas páginas del sitio, inicio, blog y noticias.
  • Crear Slider o imágenes deslizantes en nuestro inicio de sitio
  • Crear Slider o imágenes deslizantes en nuestro sitio web. parte 2
  • Crear Slider o imágenes deslizantes en nuestro inicio de sitio parte 3
  • Ajustes al index
  • Construcción del index - incluir galería bootstrap Thumbnails - parte 1
  • Construcción del index - incluir galería bootstrap Thumbnails parte 2
  • insertar vídeo en nuestro sitio.
  • ajustes al componente vídeo
  • caja para componente imágenes en index parte 1
  • Caja para componente imágenes parte 2
  • caja para componente imágenes parte 3
  • Faldón o parte final del index
  • Crear pagina para Blog
  • Estructura html para pagina blog
  • Estructura html para blog parte 2
  • Crear estructura de blog - imagen
  • Crear estructura de blog - texto
  • Crear estructura de blog - definir fecha de publicación de artículos.
  • terminando estructura del blog
  • Crear botón leer mas en el blog
  • Crear nuevas entradas de blog de manera rapida
  • Crear plantilla exclusiva para noticias
  • Crear noticias completas para nuestro sitio
Ajustar el sitio para que sea 100% compatible para todo navegador y dispositivo
  • que es un sitio 100% compatible con distintos dispositivos moviles?
  • Agregar archivo css exclusivo para dispositivos móviles.
  • ajustar plantilla para dispositivos moviles
  • Ajustar index o inicio a dispositivos móviles.
  • Configurar blog para hacerlo compatible con dispositivos móviles
  • Configurar pagina noticias a móviles Y fin del curso.
NOVEDADES DREAMWEAVER CC 2017.1- ACTUALIZACION
  • NOVEDADES DREAMWEAVER CC 2017.1- cambios en pantalla de inicio
  • NOVEDADES DREAMWEAVER CC 2017.1- cambios en escenarios de trabajo.
  • NOVEDADES DREAMWEAVER CC 2017.1- conexión con servidores remotos
  • NOVEDADES DREAMWEAVER CC 2017.1- visualización en vivo en navegador web.
  • NOVEDADES DREAMWEAVER CC 2017.1- herramientas gráficas
  • NOVEDADES DREAMWEAVER CC 2017.1- ayudas a la creación de código
  • NOVEDADES DREAMWEAVER CC 2017.1- edición rápida de código
Actualización 2020
  • Introducción a Actualización 2020
  • Primera pantalla
  • Crear un sitio nuevo
  • Crear primer documento index
  • identificar pagina html en español
  • Etiquetas base de una pagina html
Introducción a Dreamweaver 2021
  • Pantalla de inicio - seleccionar tema
  • Herramientas de Dreamweaver
  • Sitio o pagina web
  • Crear primer documento html
  • Vinculación de Boostrap
  • Sitio web en Distintos navegadores
Etiquetas de estructura HTML5
  • Etiquetas html5
  • head
  • Body
  • Etiquetas meta
  • Distribución de etiquetas en Dreamweaver
  • Etiquetas de Contenido
Desarrollo de proyecto.
  • Proyecto a desarrollar
  • Etiquetas de estructura General de la pagina
  • Etiqueta de estructura section
Sección HEADER
  • Creando estructura html de encabezado
  • Insertar imágenes o logos
  • Crear iconos de redes sociales
  • Crear elementos del menu
  • crear y vincular documento css
  • Cambiar color de fondo a encabezado
  • Crear nuevo contenedor para encabezado
  • Cambiar Tamaño al Logo
  • Elementos Fload
  • Organizar iconos de redes sociales
  • Ajustes al nav
  • Colocar enlaces a logo, redes sociales y menu
  • Alinear Menu
  • Fuentes y Familias de fuentes