Diseño de un sitio web profesional con HTML y efectos CSS

Crea una página web atractiva usando efectos de posicionamiento y scroll con Adobe Dreamweaver CC desde cero.

Created byFilemón Casillas Téllez

Last updated 10/2016

Spanish

What you'll learn

Estructurar una página web con etiquetas HTML.
Crear proyectos web atractivos usando HTML y CSS, a través de lecciones entretenidas y prácticas en video.
Crear estilos visuales con posicionamiento CSS para hacer la página atractiva.
Crear tres proyectos demo que te servirán para agregarlos a tu portafolio profesional.

Course content

3 sections • 38 lectures • 5h 43m total length

Introducción1:16
En este curso aprenderás a crear una página web atractiva con efectos de scroll usando HTML y CSS, con Adobe Dreamweaver CC 2015, la herramienta profesional para creación de sitios web de Adobe.
Software necesario3:30
En esta clase veremos de donde puedes descargar la versión de prueba de Adobe Dreamweaver y también te mostrare donde descargar otros dos editores gratuitos de HTML y CSS en español.
Ejercicios5:12
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.
Estructura base parte19:37
En esta clase crearemos la estructura base de nuestra página usando HTML.
Estructura base parte211:57
Como insertar imágenes12:21
Estilos CSS8:52
Imagen de fondo9:24
Técnicas de posicionamiento con CSS13:04
En esta clase explicaremos cómo funcionan las diferentes técnicas de posicionamiento en CSS y crearemos un efecto interesante en capas.
Ajustes de posicionamiento10:43
En esta clase veremos como hacer ajustes de posicionamiento para lograr el efecto deseado.
Proyecto 111:02
En esta clase concluiremos el primer proyecto aprendiendo a usar efectos de fondo y profundidad usando z-Index.
Proyecto 27:56
En esta clase crearemos nuestro segundo proyecto usando posicionamiento absolute y fixed.
Proyecto 318:32
En esta clase crearemos nuestro tercer proyecto integrando todo lo aprendido incluyendo imágenes de scroll, al finalizar tendremos un demo interesante para nuestro portafolio profesional.
Conclusión3:25
Aquí haremos un resumen de lo aprendido.

Demostración práctica del proyecto que vamos a crear4:48
Creación de la estructura básica en HTML12:22
Diseño del layout del sitio web en HTML15:38
Contenido del sitio web en HTML10:39
Crear los estilos básicos CSS14:31
Crear estilos príncipales en CSS314:50
Crear estilos CSS del menú10:32
Agregar animaciones CSS3 y efectos de scroll17:13
Agregar un mapa interactivo de Google Maps8:51
Agregar un formulario de contacto15:44
Crear un menú fijo y con estilos CSS35:56

Demostración práctica de los diferentes proyectos a crear.3:58
Como descargar las prácticas3:44
Introducción a HTML56:41
Introducción a CSS38:06
Introducción a javaScript6:43
Video en HTML57:22
Técnicas de posicionamiento CSS11:02
Diseño del sitio atractivo5:55
Cómo colocar un video de fondo de la paágina5:41
Sitio web con video HTML5 de fondo6:18
Proyecto web multimedia3:34
Proyecto final con animaciones e interactividad13:20
Conclusión3:01

Requirements

Usar una PC o MAC
Un editor de texto HTML o la versión de prueba de Adobe Dreamweaver CC.
Ganas de aprender.

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.

En este curso aprenderás a crear una página web atractiva con efectos de scroll usando HTML y CSS, con Adobe Dreamweaver CC 2015, la herramienta profesional para creación de sitios web de 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.

Este curso en video es tuyo para toda la vida, puedes verlo las veces que quieras, pausarlo, avanzar, regresar y repetir las lecciones hasta que hayas asimilado todo el conocimiento.

Te invito también a que tomes mi curso:

Sitios web multimedia con HTML5 video background, CSS3 y JS

¡Buscalo aqui en UDEMY!

Donde aprenderás técnicas más avanzadas, usaras HTML5, CSS3 y JavaScript para crear de forma fácil y rápida un sitio multimedia de alto impacto visual para tu portafolio profesional.

¿Porque tomar este cursos conmigo?

Puedes ver mi biografía, soy un instructor profesional y certificado con más de 18 años de experiencia capacitando empresas de renombre. Se dice que un experto es: “Alguien que ha cometido todos los errores posibles en un ámbito específico del conocimiento y los ha solucionado”. Te puedo decir que he estado ahí, en su momento, me he enfrentado a varios problemas y los he solucionado, son esas soluciones las que voy a enseñarte en este curso, de una manera entretenida, rápida, eficiente y práctica.

Todo el conocimiento que he aprendido de durante estos años con la retroalimentación de mis estudiantes en empresas exigentes del mundo real esta sintetizado de forma sencilla en el curso que tomaras, aprendiendo solo lo realmente necesario.

Este curso es inspirador y practico.

Pienso que la mejor manera de no tener que trabajar en la vida es… “Dedicarte a hacer lo que te gusta”. Me apasiona enseñar y creo firmemente que cuando uno cruza la vida de un alumno, para enseñarle algo nuevo, uno trasciende en la vida.

Saludos y ¡Muchas gracias por considerar mi curso!

Who this course is for:

Principiantes.
Personas entusiastas.
Quien quiere mejorar sus habilidades técnicas.
Emprendedores
Personas que quieren ganar dinero con lo que aprenden.
Diseñadores gráficos.
Interesados en crear experiencias web atractivas.

Diseño de un sitio web profesional con HTML y efectos CSS

What you'll learn

Explore related topics

Course content