Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Meditation Life Purpose Coaching Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Data Cleaning
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 7.5 hours on-demand video
  • 2 articles
  • 35 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development CSS

Aprende CSS3 sin dolor

Realiza animaciones asombrosas, antes imposibles con HTML con los estilos en cascada nivel 3.
Rating: 4.0 out of 54.0 (24 ratings)
747 students
Created by Francisco Javier Arce Anguiano
Last updated 9/2019
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • El alumno conocerá las principales características de los estilos en cascada nivel 3
  • Aplicará los selectores tradicionales de CSS 2.1. y los nuevos selectores de CSS3 para aplicarlos en sus reglas de estilo.
  • Trabajará con los nuevos formatos de colores y aplicará la transparencia u opacidad a los elementos y bordes de HTML.
  • Instalará fuentes web de terceros, conocerá los principales formatos y los aplicará a sus páginas web.
  • Realizará sus layout o maquetas con los nuevos comandos del nivel 3.
  • Aplicará los nuevos comandos al modelo de cajas de los elementos HTML, como la redondez de las esquinas o las sombras.º
  • Animará diversos elementos HTML por medio de los estilos en cascada con diferentes efectos.
  • Realizará páginas que se adapten a la pantalla del dispositivo donde se visualicen, para que se muestren en forma correcta.

Course content

11 sections • 68 lectures • 9h 15m total length

  • Preview04:43
  • Preview15:20
  • Archivos del curso "Aprende CSS3 sin dolor"
    00:02
  • Modernizr o cómo detectar a IE6-9
    14:58
  • Los prefijos de los navegadores modernos
    04:35

  • Preview12:33
  • Selectores de tipo Sibling-Children
    09:06
  • Selector Atributos
    13:22
  • Selectores Nth
    07:19
  • Prefijos y Selectores
    12 questions

  • Preview03:59
  • Manejo de la transparencia en los colores
    12:19
  • Principios generales para los Gradientes
    07:49
  • Crear un Gradientes Lineal
    09:18
  • Crear un Gradient Radial
    10:10

  • Preview03:50
  • La poderosa etiqueta Font Face
    05:42
  • Bajar y manipular fuentes externas de la web
    09:35
  • Manejo de sombras con shadow
    07:45
  • Crear dos o más columnas de texto con CSS3
    09:46
  • Colores y tipografía web
    17 questions

  • Preview04:14
  • Orientación de las cajas: Box Orient
    07:48
  • Alineación de las cajas: Box Align
    03:56
  • Ordenación de las cajas con Box Ordinal
    05:14
  • Manejar el tamaño de las cajas con Box Sizing
    06:14

  • Preview07:09
  • Añadir una imagen al borde del modelo de caja (primera parte)
    04:44
  • Añadir una imagen al borde del modelo de caja (segunda parte)
    08:30
  • Crear sombras a las cajas
    08:16
  • Nuevos parámetros en la regla Background en CSS3
    04:51
  • La propiedad background-size
    06:20
  • Hacer una composición de imágenes con background
    09:34
  • Maquetación de una página y el nuevo modelo de caja de CSS3
    15 questions

  • Preview12:06
  • Modificar el origen de la transformación con CSS3
    06:30
  • Las transiciones en CSS3
    05:47
  • Las animaciones en CSS3
    14:05
  • Las animaciones 3D en CSS3
    09:51
  • Aplicar filtros a la imagen con CSS3
    03:56

  • Introducción a los Media Query
    08:32
  • Realizar una página responsiva con Media Query
    18:15
  • Media Query Externa
    16:47
  • Transiciones y páginas responsivas
    12 questions

  • Preview02:24
  • Ejercicios del curso
    00:04
  • Apuntes Introducción a CSS3
    18 pages
  • Apuntes selectores CSS3
    14 pages
  • Apuntes a selectores nth
    4 pages
  • Apuntes la manejo de colores en CSS3
    5 pages
  • Apuntes a la creación de gradientes lineales en CSS3
    11 pages
  • Apuntes al manejo de fuentes en CSS3
    4 pages
  • Apuntes al font-face de CSS3
    6 pages
  • Apuntes al manejo de box-flex
    10 pages
  • Apuntes al manejo de bordes en CSS3
    7 pages
  • Apuntes a los nuevos atributos del Background en CSS3
    11 pages
  • Apuntes a las transformaciones 3D
    7 pages
  • Apuntes a los media-query
    9 pages

  • Preview04:27
  • Crear un portafolio responsivo, segunda parte, CSS
    07:09
  • Crear un catálogo de productos responsivos, primera parte
    04:32
  • Crear un catálogo de productos responsivos, segunda parte
    10:55
  • Crear un grid responsivo, primera parte
    08:18
  • Crear un grid responsivo, segunda parte
    09:50
  • Crear un grid responsivo, tercera parte
    06:34
  • Crear un menú responsivo con una caja de búsqueda
    13:27
  • Botones deslizables como menú
    09:29
  • Crear un menú vertical
    04:40
  • Crear un menú fijo
    07:46
  • Crear un menú que se oculte con el scroll
    08:27
  • Crear un menú con submenú
    14:12

Requirements

  • Conocimientos básicos de HTML y CSS

Description

En este curso aprenderás las nuevas características de los estilos en cascada, como a manejar las fuentes web, animaciones, transformaciones, el nuevo esquema de caja, sombras, entre muchas otras características que han llevado a CSS3 a ser una poderosa herramienta en el desarrollo de páginas Web.

Estudiaremos los selectores nuevos y los que ya se utilizaban en la versiòn 2.1. con los cuales tendremos completo control en nuestras páginas web.

Trataremos a profundidad los nuevos comandos para los colores, como los formatos CMYK y HSL, asi como el manejo de la transparencia.

En CSS3 podemos manejar fuentes externas, y no limitarnos a las fuentes que se encuentren instaladas en la computadora del usuario. Veremos diferentes páginas donde se pueden descargar las mismas.

Analizaremos las potentes reglas para manejar la maquetación o layout de nuestras páginas con CSS3.

Asímismo, estudiaremos las nuevas características del modelo de caja en el nivel 3, como modificar las esquinas de una caja, crear sombras, posicionar las imágenes en el background, etcétera.

También realizaremos transiciones, transformaciones y animaciones con CSS3 en cualquier elemento HTML, cosa que era impensable hacerla con los estilos en cascada.

Finalmente estudiaremos una de las propiedades más revolucionarias en los estilos en cascada: realizar páginas que se adapten al tamaño de la pantalla donde se despliegan, conocido como "páginas responsivas".

Para este curso es deseable que cuente con conocimientos básicos de HTML y CSS.

Who this course is for:

  • Disenadores y desarrolladores Web

Instructor

Francisco Javier Arce Anguiano
Lic. Matemáticas Aplicadas y Computación
Francisco Javier Arce Anguiano
  • 4.4 Instructor Rating
  • 6,469 Reviews
  • 70,669 Students
  • 58 Courses

Soy licenciado en Matemáticas Aplicadas y Computación por parte de la Universidad Nacional Autónoma de México, instructor certificado de Adobe desde 2002.

He trabajado para diferentes centros autorizados de Adobe en México y doy clases en universidades de la Ciudad de México. Asimismo, he publicados siete libros sobre ActionScipt 2 y 3, con la editorial AlfaOmega de México, asi como un libro de desarrollo de juegos con ActionScript con la misma editorial.

He desarrollado aplicaciones para Android y iPhone. Actualmente preparo un libro para el desarrollo de juegos con HTML5 y para el desarrollo de aplicaciones a dispositivos móviles con esta tecnología.

También he desarrollado múltiples aplicaciones con PHP, CSS, MySQL y JavaScript en mi vida profesional. Me he especializado en el desarrollo de aplicaciones educativas con Adobe Air y su desarrollo para dispositivos móviles. He estado pendiente de la evolución de HTML5 y CSS3 casi desde los inicios de estas tecnologías.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.