Offered By

HTML y CSS en detalle

About this Course

2,908 recent views

En este curso, utilizará herramientas de desarrollo de software como HTML para construir páginas web atractivas que funcionen bien y utilizará datos semánticos estructurados para controlar la apariencia de los sitios web para el usuario final. 
A continuación, profundizará en CSS aplicando estilos cada vez más específicos a diversos elementos. Aprenderá a utilizar el sistema de cuadrícula de Bootstrap para crear diseños y trabajar con componentes y temas. Por último, explorará la depuración y aprenderá cómo se puede utilizar para desterrar los errores comunes del front-end.

Al final de este curso, podrá:

•	crear un formulario simple con un diseño sensible usando HTML5 y CSS
•	crear un diseño de respuesta con CSS
•	crear una UI con Bootstrap
•	implementar herramientas de depuración

Se trata de un curso de iniciación para alumnos que quieran prepararse para una carrera en el desarrollo de front-end. Para poder hacer este curso y lograr resultados satisfactorios, no es necesario tener experiencia previa en desarrollo, sino solo conocimientos básicos de navegación por Internet y ganas de iniciarse en la codificación.

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Coursera Labs

Includes hands on learning projects.

Learn more about Coursera Labs

Beginner Level

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Approx. 28 hours to complete

Spanish

What you will learn

Crear un formulario sencillo con un diseño responsivo con HTML5 y CSS
Crear un diseño responsivo con CSS
Crear una interfaz de usuario mediante Bootstrap
Implementar herramientas de depuración

Flexible deadlines

Reset deadlines in accordance to your schedule.

Shareable Certificate

Earn a Certificate upon completion

100% online

Start instantly and learn at your own schedule.

Coursera Labs

Includes hands on learning projects.

Learn more about Coursera Labs

Beginner Level

None! Learners do not need prior web development experience. Only basic internet navigation skills and an eagerness to get started with coding.

Approx. 28 hours to complete

Spanish

Instructor

Taught by Meta Staff

292,339 Learners

67 Courses

Offered by

Syllabus - What you will learn from this course

Week1

Week 1

13 hours to complete

HTML en detalle

13 hours to complete

23 videos (Total 88 min), 20 readings, 12 quizzes

23 videos

Introducción al programa2mIntroducción a HTML y CSS en detalle3m¿Cómo se utilizan HTML y CSS en el mundo real?3mResumen: lo que sabe sobre HTML y CSS2mEtiquetas semánticas y por qué las necesitamos4mEtiquetas semánticas en acción4mMetadatos5mDiseño básico3mUX con metaetiquetas3mCreación de una tarjeta para redes sociales3mFormularios y validación3mCrear un formulario7mAprovechar al máximo la validación del lado del cliente4mBotones de radio4mUso de elementos de formulario interactivos5mPresentación de formularios3mDiferencias de los navegadores3mVideo y audio2mReproductores integrados3miFrames2miFrame como imagen3mEl elemento canvas3mResumen del módulo: análisis detallado de HTML2m

20 readings

Programa del curso10mCómo tener éxito en este curso10mTrabajar con laboratorios en este curso10mHoja de trucos de HTML semántico15mHoja de referencia de metadatos15mDiseño de la disposición15mTarjetas para redes sociales15mRecursos adicionales10mTipos de entrada15mVisual Studio Code en Coursera10mCrear y probar un formulario (solución)10mHoja de referencia: elementos de formulario interactivos15mEnviar15mGlosario: elementos de formulario HTML20mCrear un formulario complejo (solución)10mRecursos adicionales10mCalificar los medios (solución)10mImágenes10mHoja de referencia de sandbox de iFrame20mRecursos adicionales10m

12 practice exercises

Comprobación de conocimientos: práctica del uso de etiquetas semánticas21mComprobación de conocimientos: metadatos18mComprobación de conocimientos: protocolo Open Graph18mComprobación de conocimientos: semántica y metaetiquetas24mAutoevaluación: crear y probar un formulario10mComprobación de conocimientos: declaración de los elementos del formulario18mComprobación de conocimientos: presentación de formularios24mAutoevaluación: crear un formulario complejo10mComprobación de conocimientos: entrada de usuarios y formularios18mAutoeevaluación: calificar los medios10mComprobación de conocimientos: elementos de los medios18mResumen del módulo: análisis detallado de HTML30m

Week2

Week 2

12 hours to complete

CSS interactivo

12 hours to complete

22 videos (Total 108 min), 20 readings, 8 quizzes

22 videos

Disposición web CSS4mFlexbox básico5mGráficos de Flex7mCuadrículas CSS5mPresentación de cuadrícula8mEstudio de caso: cómo Meta crea compilaciones adaptables2mSelectores muy utilizados5mSelectores de combinación7mPseudoclases4mUso práctico de pseudo4mQué es un efecto4mEfectos de texto4mTransformaciones y transiciones CSS5mAnimación CSS3mEjemplos de animación4mErrores comunes5mGestión de errores4mHerramientas de depuración3mCSS específico del navegador5mPruebas de interfaz de usuario3mEstudio de caso: cómo Meta realiza las pruebas de front-end3mResumen del módulo: CSS interactivo2m

20 readings

Comprensión de FlexBox20mUnidades de medida CSS10mHoja de referencia de cuadrículas y flexbox15mÁrea de plantilla de cuadrícula20mCrear un diseño de cuadrícula (solución)15mRecursos adicionales10mTodos los selectores y su especificidad20mCSS específico (solución)15mPseudoelementos20mHoja de referencia CSS Pseudo15mRecursos adicionales10mHoja de referencia sobre efectos de texto15mTransformación y transición de elementos (solución)10mFotogramas clave CSS20mHoja de referencia de animación y efectos15mPreprocesadores: sass, scss, Stylus20mRecursos adicionales10mInstalar un Linter de terceros en VS Code15mDepuración del front-end20mRecursos adicionales10m

8 practice exercises

Autoeevaluación: crear un diseño de cuadrícula12mVerificación de conocimientos: creación de diseños24mAutoevaluación: CSS específico10mComprobación de conocimientos: selectores CSS18mAutoevaluación: transformación y transición de elementos15mComprobación de conocimientos: efectos CSS18mComprobación de conocimientos: depuración18mCuestionario del módulo: CSS interactivo30m

Week3

Week 3

4 hours to complete

Evaluación calificada

4 hours to complete

6 videos (Total 19 min), 5 readings, 2 quizzes

6 videos

Resumen del curso3mSelección del tema y elaboración de la maqueta2mColocación de elementos, creación de marcadores de posición5mPlanificación de la experiencia del usuario2mEjemplar: hasta ahora todo bien3m¡Felicitaciones! Ha completado HTMLS y CSS en detalle.2m

5 readings

Acerca del proyecto de portafolio5mSelección de temas10mConfiguración del entorno de desarrollo local10mCreación de temas10mSiguientes pasos2m

1 practice exercise

Comprobación de preparación: ¿Ha completado la configuración inicial?5m

Frequently Asked Questions

When will I have access to the lectures and assignments?
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

More questions? Visit the Learner Help Center.

HTML y CSS en detalle

HTML y CSS en detalle

About this Course

What you will learn