Diseño web responsive con Adobe Dreamweaver

Un curso de Arturo Servín
Diseñador Web. Ciudad de México, México.
En Domestika desde 15/07/2016
, Diseñador Web

Aprende HTML y CSS básico para crear paso a paso un sitio web responsive y con una interfaz visual

  • 95% Valoraciones positivas (60)
  • 1350 alumnos
  • Audio: Español
  • Español, Inglés, Portugués, Alemán
Diseño web responsive con Adobe Dreamweaver

Aprende HTML y CSS básico para crear paso a paso un sitio web responsive y con una interfaz visual


  • 95% Valoraciones positivas (60)
  • 1350 alumnos
  • Online y a tu ritmo
  • Audio: Español
  • Nivel: Iniciación
  • 31 Lecciones (5h 1m)
  • Disponible desde la app
  • Español, Inglés, Portugués, Alemán
  • Acceso ilimitado


Adobe Dreamweaver es un software que permite construir páginas web desde una interfaz completamente visual, y que, a diferencia de otros programas, tiene la capacidad de generar códigos HTML y CSS sin errores, porque cuenta con una función que verifica que estén escritos correctamente. Además, integra sin dificultad las herramientas de Creative Cloud como colores, imágenes o archivos .svg, entre otros.



En este curso, el diseñador web Arturo Servín —más conocido como Monky Lab— te enseñará a realizar un sitio web responsive con Adobe Dreamweaver de una manera visual y sin conocimientos en HTML y CSS utilizando una interfaz gráfica con herramientas de construcción y escritura de código. De este modo, con la fusión entre la programación básica y el diseño, tendrás un mayor control en la elaboración de cualquier documento web.




Para realizar este curso no es necesario tener conocimientos en HTML y CSS. Además, es el complemento ideal para los alumnos de su Domestika Basics: Adobe Photoshop para diseño web, para hacer realidad la página web que han diseñado.

¿Qué incluye este curso?

Tabla de contenidos del curso

  • U1
    U1. Introducción
  • U2
    U2. Principios de diseño web
  • U3
    U3. Perdiendo el miedo a Dreamweaver: construyendo una página web básica
  • U4
    U4. Agregando estilo a una página web
  • U5
    U5. Un sitio responsivo
  • U6
    U6. Publicación de sitio web
  • PF
    PF Proyecto final
Ver detalle

Arturo Servín te explicará cómo empezó en el diseño web y cómo ha ido enfrentando los diferentes cambios y avances tecnológicos. Hablará de sus influencias y te mostrará referencias de diseño web funcional.

Empezarás conociendo los principios básicos del diseño web, luego Arturo te enseñará a diferenciar UX de UI, y te dará algunos consejos sobre la dirección de arte y la construcción del site y sus estándares.

Verás cómo utilizar las herramientas de Adobe Dreamweaver para construir un website en el que irás colocando las etiquetas base con lenguaje HTML y estableciendo parámetros. Experimentarás colocando texto e imágenes, así como enlaces a diferentes clases de archivos.

Complementarás la estructura visual usando las ventanas CSS. Aprenderás a generar selectores y valores, luego a establecer el modelo de caja orientado a parámetros responsive y mediante elementos del CSS darás estilo a tu página: tipografías, diseño de cajas, aplicación de position, display y floats; y aplicarás imágenes de fondo, bordes o listas y clases, entre otros elementos.

¿Cómo hacer tu sitio responsive? Establecerás los parámetros de construcción del site usando Media Queries para las diferentes medidas requeridas, crearás un menú sencillo que sirva tanto para smartphone como para ordenador, y verás cómo revisar y corregir antes de subir tu website.

¡Todo listo para publicar! Utilizarás la ventana FTP del programa para sincronizar las carpetas locales del site con las carpetas del site remoto, y así poder hacer cambios de forma inmediata en tu web.

¿Cuál es el proyecto del curso?

Desarrollarás un sitio web responsive básico de solo una página, que te permita tener entregables funcionales, tanto para clientes como para equipos de programación más avanzados.

¿A quién está dirigido?

A diseñadores gráficos que no se han decidido a dar el paso hacia el diseño web, a diseñadores web principiantes, a diseñadores de UI iniciados, y a cualquiera que quiera aprender a diseñar su página web responsive.

Requisitos

Para este curso no es necesario tener conocimientos previos, ya que aprenderás HTML y CSS desde cero, pero te puede ser útil el curso previo de Arturo Servín, de Adobe Photoshop para diseño web.

En cuanto a herramientas, necesitarás un ordenador con Adobe Dreamweaver CC 2019 o superior instalado.


Valoraciones

1350 Alumnos
60 Valoraciones
95% Valoraciones positivas

Arturo Servín

Un curso de Arturo Servín

ProfesorPro
Diseñador Web

Arturo Servín es diseñador gráfico especializado en diseño web y ha sido diseñador web para la revista a! Diseño, además de Community Professional para Adobe Systems durante dos años, y profesor de diferentes universidades de México, incluyendo Miami Ad School Mexico City. Instructor invitado de diferentes instituciones educativas, como la Universidad Iberoamericana, Universidad Anáhuac campus Cancún, Tecnológico de Monterrey, Universidad de las Américas en Puebla, Universidad Autónoma de Guadalajara, entre otras. Fundador de su propio estudio enfocado en el ecommerce, diseño web y branding.


Contenidos

  • U1

    Introducción

    • Presentación
    • Influencias
    • ¿Qué haremos en el curso?
  • U2

    Principios de diseño web

    • ¿Qué son la UX y UI?
    • Dirección de arte
    • La ventaja de estandarizar
  • U3

    Perdiendo el miedo a Dreamweaver: construyendo una página web básica

    • ¿Porque usar Dreamweaver?
    • Descripción general del área de trabajo
    • Creación de carpetas de trabajo
    • Sintaxis HTML usando etiquetas, atributos y valores
    • Estructura general de una página web
    • Colocando texto e imágenes
    • Enlaces
  • U4

    Agregando estilo a una página web

    • Vinculación de un archivo CSS y su Sintaxis
    • Selectores y valores
    • El modelo de caja y reinicio de una hoja de estilos
    • Estilos tipográficos
    • Estilos para el diseño de cajas P1
    • Estilos para el diseño de cajas P2
    • Aplicando position, display y floats P1
    • Aplicando position, display y floats P2
    • Decoración CSS
  • U5

    Un sitio responsivo

    • Creando Media Queries
    • Primero el móvil
    • Haciendo un menú responsivo sencillo P1
    • Haciendo un menú responsivo sencillo P2
    • Usando las vistas previas
    • Revisar y corregir
  • U6

    Publicación de sitio web

    • Definiendo un sitio remoto desde Dreamweaver
    • Subiendo el sitio web
    • Sincronizar el sitio local y el sitio remoto
  • PF

    Proyecto final

    • Introducción al diseño web responsive con Adobe Dreamweaver

Así son los cursos de Domestika

  • Aprende a tu ritmo

    Disfruta de los cursos desde casa, sin horarios ni entregas. Tú marcas tu propia agenda.

  • De la mano del profesor

    Aprende técnicas y métodos de gran valor explicados por los grandes expertos del sector creativo.

  • Profesores expertos

    Cada profesor imparte solo lo que mejor sabe hacer, asegurando transmitir la pasión y la excelencia en cada lección.

  • Certificado Pro

    Acredita tu asistencia al curso con un certificado firmado por el profesor. Consíguelo con tu suscripción a Domestika PRO.

  • En primera fila

    Vídeos de máxima calidad para que no pierdas detalle. Y como el acceso es ilimitado, puedes verlos una y otra vez.

  • Comparte conocimiento

    Expón tus dudas, pide feedback, aporta soluciones. Comparte el aprendizaje con el resto de los alumnos de la comunidad.

  • Comunidad creativa

    Más de 1M creativos y creciendo. Domestika es el entorno ideal para compartir y aprender lo que te apasiona.

  • Cursos producidos profesionalmente

    Seleccionamos a los mejores creativos y un equipo profesional produce el curso con ellos. El resultado: sentirás que trabajas mano a mano con los mejores.


Preguntas frecuentes

  • Los cursos de Domestika son unas clases online que te permiten aprender una serie de herramientas y habilidades para realizar un proyecto concreto. Cada paso del proyecto combina vídeos y textos junto a materiales didácticos complementarios. Los cursos también te ofrecen la oportunidad de compartir tus propios proyectos con otros usuarios y con el profesor, creando así una comunidad en torno al curso.

  • La modalidad de los cursos es 100% online, por tanto una vez estén publicados, los cursos empiezan y acaban cuando tú quieras. Tú marcas el ritmo de la clase. Puedes volver a ver lo que te interese, pasar lo que ya te sepas, hacer preguntas, resolver dudas, compartir tus proyectos y mucho más.

  • Los cursos se dividen en diferentes Unidades, cada una de ellas incluyen lecciones, textos explicativos, tareas y prácticas para llevar a cabo tu proyecto paso a paso, recursos y documentos adjuntos complementarios. También tendrás acceso a un Foro exclusivo donde puedes interactuar con todos los alumnos del curso y el profesor, así como compartir tus trabajos y el proyecto que realices, creándose de esta manera una comunidad en torno al curso.

  • Puedes canjear un curso que te han regalado accediendo a la página de canjeo donde podrás introducir el código de regalo que te han proporcionado.

Diseño web responsive con Adobe Dreamweaver. Un curso de Tecnología de Arturo Servín

Diseño web responsive con Adobe Dreamweaver

Un curso de Arturo Servín
Diseñador Web. Ciudad de México, México.
En Domestika desde 15/07/2016
  • 95% Valoraciones positivas (60)
  • 1350 alumnos