Aprende diseño web con HTML5, CSS3 y JS en un fin de semana

Convierteté en un diseñador web multimedia profesional aprendiendo desde el principio, desde cero: HTML CSS y javascript
4.0 (3 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
7 students enrolled
$20
Take This Course
  • Lectures 15
  • Contents Video: 1.5 hours
    Other: 0 mins
  • Skill Level Beginner Level
  • Languages Spanish
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2016 Spanish

Course Description

¡Hola!

Bienvenido.

Mi nombre es Filemón Casillas Téllez y soy Instructor certificado por Adobe, Android ATC y Especialista certificado en tecnologías web.

El objetivo de un sitio web es comunicar un mensaje, llevar a tus usuarios la información de tus productos y servicios, de un manera amena, práctica, entretenida y eficiente.

Tu sitio web debe verse adecuadamente en cualquier dispositivo: Teléfono, tableta, computadora de escritorio, smartTV, etc. Es decir tu sitio debe ser Responsive.

Los usuarios ven tu sitio en un navegador web(Explorer, Firefox, Safari, Opera, Chrome, etc.) y tu sitio debe verse correctamente en cualquiera de ellos, cada navegador entiende 3 lenguajes: HTML, CSS y javaScript.

HTML: Es un lenguaje de marcas(Markup) que le da la estructura a las páginas web mediante etiquetas(títulos, párrafos, listas, tablas, formularios, divisiones, etc.).

CSS: Es un lenguaje de estilos que crea las decoraciones, efectos, animaciones y transiciones de tus elementos html, mediante reglas de estilo usando selectores(de etiqueta, de ID, de Clase ó compuestos)

javaScript: Es el lenguaje de script que crea la interacción entre tu sitio web y el usuario para crear efectos avanzados, animaciones de scroll, etc.

Es como construir una casa: Lo primero en una casa son los cimientos, no muy atractivos, pero sí indispensables(HTML), después es la decoración y los acabados para hacer la casa atractiva y confortable(CSS) y lo último es automatizar el garage, el riego automático, las luces inteligentes(javaScript).

En este curso aprenderás a crear un sitio web multimedia, responsive, atractivo, moderno y profesional, usando HTML5 video Background, efectos visuales CSS3 y control interactivo con JavaScript, usando Adobe Dreamweaver CC 2015, la herramienta profesional para creación de sitios web de la empresa Adobe.

Crearás un proyecto que podrás lucir en tu portafolio profesional con orgullo y que te hará resaltar de entre otros candidatos para conseguir un cliente o al buscar un empleo, ganaras dinero de la inversión que hagas en este curso ya que te garantizo que recuperaras tu inversión con el primer proyecto que realices.

Saludos y ¡Muchas gracias por considerar mi curso!

What are the requirements?

  • Usar una PC o MAC
  • Tener Adobe Dreamweaver o algún editor de código HTML como Notepad++, Sublime Text, Visual Studio, etc.
  • Recomendable saber usar algún software de edicion de imágenes como Gimp, Fireworks, Paint o Photoshop

What am I going to get from this course?

  • Saber que es el diseño web desde cero
  • Aprender a crear la estructura de una pagina web con HTML
  • Crear sitios web atractivos con HTML5
  • Aprender a crear la parte de estilos y decoraciones de una página web con CSS
  • Agregar efectos visuales atractivos cn CSS3
  • Aprender a crear interactividad en una página web con javaScript y jQuery
  • Agregar videos adaptables a sus sitios web
  • Usar videos como fondo de pantalla
  • Crear animaciones y control interactivo de sus videos
  • Aprender crear animaciones y efectos especiales para una página con CSS3
  • Crear páginas web semánticas con HTML5
  • Agregar a las paginas web, audio mp3 y videos en formato mp4 con HTML5
  • Aprender a crear un sitio web profesional completo.
  • Aprender a agregar a nuestro sitio web un slider de imágenes en jQuery
  • Aprender a agregar a nuestra pagina redes links a redes sociales como Facebook , Twitter y Youtube
  • Aprenderás a crear una pagina web responsive, adaptable o responsiva para teléfono, tableta y computadora
  • Agregar un icono a tu sitio web para que aparezca en la pestaña del navegador y en los favoritos
  • Aprenderás a optimizar tu pagina para los motores de búsqueda como Google, Bing y Yahoo
  • Aprenderás a usar filtros como los de Photoshop(blur, sepia, escala de grises, etc.) en tu pagina web con CSS
  • Aprenderás a agregar imágenes responsivas a tus sitios web.
  • Aprenderás a agregar mapas de Google maps a tu sitio
  • Aprenderás a agregar un formulario para que tus usuarios se puedan inscribir a un boletín y te llegue esta información por correo
  • Aprenderás a crear un formulario de contacto y que te llegue la información por correo
  • Aprenderás a agregar tablas HTML e importar información de documentos en WORD
  • Aprenderás a seleccionar un hosting y conocerás los puntos a tener en cuenta.
  • Aprenderás a darte de alta en un hosting gratuito para hacer pruebas y mostrar avances a tus clientes
  • Aprenderás a publicar tu sitio en un hosting gratuito y en uno comercial
  • En resumen aprenderás a crear un sitio web profesional de un cliente que ya está publicado en internet, así que tu aprendizaje será real, práctico y profesional.

What is the target audience?

  • Diseñadores gráficos que desean convertir sus conceptos visuales a un sitio web
  • Diseñadores web que desean crear un sitio web profesional usando los últimos estandares web: HTML5, CSS3 y jQuery
  • Alumnos de preparatoria o universidades.
  • Emprendedores que desean aprende a crear una página web de forma facil y profesional en un fin de semana pero aun no saben como
  • Cualquier persona interesada en crear un sitio web profesional en un fin de semana

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: CONTENIDO:
03:58

En este curso aprenderás a crear un sitio web multimedia, responsive, atractivo, moderno y profesional, usando HTML5 video Background, efectos visuales CSS3 y control interactivo con JavaScript en tan solo 1 hora, usando Adobe Dreamweaver CC 2015, la herramienta profesional para creación de sitios web de Adobe.

03:44

Aquí podrás descargar los recursos que usaremos para los ejercicios durante el curso, Todos los ejercicios vienen en versión inicial y versión final para que puedas seguir desde cero cada clase o solo inspeccionar los proyectos finales ya completados, si así lo deseas.

06:41

En esta clase veremos una rápida introducción a HTML5 y crearemos la estructura de un sitio con sus diferentes secciones y usando etiquetas semánticas.

08:06

En esta clase veremos un rápida introducción a CSS3 y crearemos los estilos del sitio web de la clase anterior para hacer que se vea atractivo y se adaptable a dispositivos móviles.

06:43

En esta clase veremos las bases de javaScript necesarias para el control de video de nuestro proyecto.

07:22

En esta clase veremos cómo agregar video nativo en formato .mp4 a nuestro sitio web.

11:02

En esta clase explicaremos cómo funcionan la diferentes técnicas de posicionamiento en CSS3 y crearemos un efecto interesante en capas.

05:55

En esta clase crearemos un proyecto web interesante usando las técnicas de posicionamiento web CSS3.

05:41

En esta clase crearemos un proyecto web que usa un video de fondo en formato .mp4

06:18

En esta clase crearemos un proyecto web que usa un video de fondo en formato .mp4 y lo combinaremos con posicionamiento CSS3 y contenido HTML5.

03:34

En esta clase crearemos un sitio web multimedia, responsive, atractivo, moderno y profesional, usando HTML5 video Background, efectos visuales CSS3 y control interactivo con JavaScript.

13:20

En esta clase veremos donde podemos encontrar de forma gratuita más información acerca de las diferentes tecnologías empleadas en este curso: HTML5, CSS3 y JS.

Article

Aquí te muestro algunos sitios de interés.

Article

Hola

Aqui podras descargar la guia oficial de Dreamweaver para si así lo deseas, obtener la certificación internacional

Adobe Certified Associate

Web Communication with Dreamweaver

Esta certificación avala que puedes planear diseñar y construir sitios web con Dreamweaver y es una carta de presentación muy importante para conseguir un buen trabajo en muchas empresas.

El examen de certificación cuesta 90USD y puedes presentarlo en cualquier centro CERTIPORT cercano a tu ciudad.

Si te interesa certificarte, te ofresco asesoria incluida como parte de este curso.

Saludos.

Conclusión
03:01

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

ACI - Filemón Casillas Téllez, Experto Web e Instructor Certificado por Adobe y Android ATC

¡Hola, bienvenido!

Mi nombre es Filemón Casillas Téllez.

Soy Instructor Certificado por Adobe, Ingeniero en Computación y Maestro en Ciencias en Ingeniería en Computación.

Desarrollador Certificado de Aplicaciones Android, Ingeniero Certificado Android e Instructor Certificado de Android por la empresa Android ATC.

Experto e Instructor Certificado por Adobe en: Dreamweaver CC, Flash CC(Ahora Adobe Animate CC), Flex 4.5 y Adobe Captivate. Además de ser: Especialista Web, Especialista en Desarrollo de Aplicaciones Sofisticadas para Internet y Especialista en eLearning certificado por Adobe.

Actualmente soy Consultor Experto en Web e Instructor de cursos, talleres de certificación y diplomados acerca de Diseño y Desarrollo Web, Apps e eLearning en "Aula Virtual de México", que es un Centro autorizado de capacitación de las marcas Adobe, Apple y Autodesk en el World Trade Center de la ciudad de México.

Como Instructor, he dado capacitación en diferentes estados de la república mexicana a público en general, alumnos de universidades, diseñadores gráficos, diseñadores web, desarrolladores web y profesionales de sistemas en universidades y empresas nacionales e internacionales como: UNEVE, UTZAC, Inttelmex TELMEX, CFE, Televisa, TV Azteca, Ternium, COSTCO, PEMEX, Telcel, Banca Afirme, etc.

A lo largo de mi carrera profesional me he dado cuenta de que los alumnos aprenden mejor cuando les enseñas de forma práctica nuevas habilidades, practican creando un proyecto real y hacen suyo el conocimiento aplicándolo en proyectos propios, es decir aprenden mejor cuando realizan proyectos reales, prácticos, interesantes, novedosos, atractivos y divertidos de hacer.

Cuando eres niño, jugar, hacer y aprender son la misma cosa, conforme creces la vida te lleva por caminos y experiencias que hacen diferentes estos tres conceptos.

Es mi intención, a través de mis cursos, reconciliar estos tres conceptos y hacer que al tomar un curso conmigo, mis alumnos vuelvan a ser niños y tengan una experiencia de aprendizaje entretenida, práctica e ilustradora, justo en el tiempo mínimo necesario para ser inmediatamente productivos y que puedan contar al final del curso con un proyecto digno de ser mostrado en su portafolio profesional y que les ayude a cerrar un trato con un cliente, conseguir un nuevo trabajo o mejorar el trabajo que ya tienen.

La ventaja de los cursos en video es que los puedes pausar, retroceder, avanzar y ver las veces que quieras hasta que hagas tuyo el conocimiento.

Durante cada curso te indico donde puedes acceder para buscar más información acerca de las nuevas tecnologías, de fuentes gratuitas y así ampliar más tus conocimientos.

Creo firmemente que uno trasciende en la vida cuando cruza el camino de otra persona para procurarle algún bien.

Es mi más sincero deseo poder ofrecerte con mi experiencia algo práctico, real, interesante, ilustrativo, revelador y motivador para tí a través de mis cursos.

Espero poder contar pronto contigo como alumno, te puedo prometer que no te voy a decepcionar y que vas a recuperar tu inversión con el primer proyecto que realices, ya que lo que muestro en la introducción de cada curso es lo que vas a aprender a desarrollar... ¡Proyectos prácticos e innovadores, del mundo real, justo en el tiempo mínimo necesario para hacerlos!.

Saludos y ¡Muchas gracias por considerar mis cursos!.

Atte.: ACI Filemón Casillas Téllez - @webtlax

Ready to start learning?
Take This Course