Agrega estilo a una página HTML usando CSS from Coursera

En este proyecto desarrollarás una página web HTML básica donde le darás estilo gráfico a cada elemento usando CSS. Haremos un repaso básico sobre HTML para enfocarnos en el estilo CSS dónde veremos los selectores css, las diferentes propiedades con sus respectivos valores, la estructura de una declaración y el box model o modelo de caja css.

Para trabajar en el proyecto solo necesitarás Google Chrome y Visual Studio Code, los cuales serán proporcionados junto con otro material de trabajo directamente desde una máquina virtual.

El contenido de este proyecto se enfoca en construir una página web que contiene los elementos mas comunes y la estructura de una página de inicio y obtendrás las bases para poder construir sitos webs llamativos. Aprenderás a modificar el estilo de textos, fondos, imágenes, menús, botones entre otros.

Aprendiendo a entender y a construir documentos con HTML y CSS estarás un paso mas cerca del dominar el desarrollo web ya que son habilidades requeridas para competencias mas avanzadas.

Nota: Este curso es de mayor utilidad para estudiantes que residen en la región de América del Norte. Actualmente, estamos trabajando para proporcionar la misma experiencia en otras regiones.

What's inside

Syllabus

Project Overview

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Cuenta con una base sólida para principiantes que quieren construir sitios web llamativos

Cubre los elementos y estructura más comunes de una página de inicio web

Desarrolla habilidades fundamentales para modificar el estilo de diversos elementos web

Brinda una comprensión sólida de HTML y CSS, lo que sienta las bases para el desarrollo web avanzado

Requiere experiencia previa o conocimientos básicos en HTML

Se enfoca principalmente en estudiantes de América del Norte, lo que limita su accesibilidad para otros

Reviews summary

Beginner-friendly css styling

This course on CSS styling is highly recommended by students for beginners. It provides a solid foundation in CSS and helps you build a visually appealing webpage. The course is well-structured and covers all the essential concepts of CSS.

The course is beginner-friendly and suitable for those new to CSS.

"Recomendable."

The course is well-structured and easy to follow.

"Me gustó la estructura del curso."

"The course is well-structured and covers all the essential concepts of CSS."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Agrega estilo a una página HTML usando CSS with these activities:

Review the basics of HTML

Show steps

Reviewing the basics of HTML will help you refresh your understanding of the fundamental concepts and prepare you for learning CSS in this course.

Browse courses on HTML

Show steps

Read online tutorials or articles on HTML elements, attributes, and syntax
Practice writing simple HTML code snippets to create basic web pages

Asistencia a eventos de networking de CSS

Show steps

Ampliarán las conexiones y el conocimiento de la industria CSS.

Browse courses on CSS

Show steps

Busca eventos de networking de CSS en línea o en tu área
Asiste a los eventos y conecta con otros profesionales de CSS
Comparte conocimientos y aprende de otros en la comunidad de CSS

Recopila las notas y recursos del curso

Show steps

Organizar y revisar tus notas, tareas, pruebas y exámenes te ayudará a solidificar tu comprensión del material del curso.

Show steps

Recopila todas las notas, diapositivas y materiales del curso.
Organiza los materiales por tema o módulo.
Revisa los materiales y resalta los puntos clave.

Ten other activities

Expand to see all activities and additional details

Show all 13 activities

Recopilar recursos de CSS

Show steps

Reunir y organizar recursos de CSS relevantes ayudará a consolidar su comprensión de los conceptos.

Browse courses on CSS

Show steps

Identificar sitios web y páginas que proporcionan recursos de CSS.
Agregar recursos útiles a una lista de marcadores o documento.
Categorizar los recursos por tema o tipo.
Revisar periódicamente los recursos y agregar nuevos según sea necesario.

Practice CSS selectors and properties

Show steps

Practicing CSS selectors and properties will help you develop proficiency in manipulating the appearance of HTML elements.

Show steps

Use online CSS playgrounds or code editors to experiment with different selectors
Create CSS style sheets to apply styling to your own HTML projects

Ejercicios de selector CSS

Show steps

Mejorará la comprensión de los selectores CSS practicando su uso.

Browse courses on HTML

Show steps

Revisa los distintos tipos de selectores CSS (clase, ID, etiqueta, etc.)
Practica el uso de selectores CSS para seleccionar elementos específicos en HTML

Tutoriales sobre propiedades CSS

Show steps

Ampliarán el conocimiento de las propiedades CSS y su impacto en el estilo.

Browse courses on CSS

Show steps

Busca tutoriales que expliquen las diferentes categorías de propiedades CSS (por ejemplo, fondo, texto, diseño)
Sigue los tutoriales para experimentar con varias propiedades CSS

Sesiones de práctica de CSS en grupo

Show steps

Mejorará la comprensión y las habilidades de CSS al colaborar con otros estudiantes.

Browse courses on CSS

Show steps

Forma un grupo de estudio con otros compañeros
Comparte conocimientos y consejos sobre CSS
Practica la resolución de problemas de CSS juntos

Ejercicios de modelo de caja CSS

Show steps

Fortalecerá la comprensión del modelo de caja y su impacto en el diseño.

Browse courses on CSS

Show steps

Revisa el modelo de caja CSS y sus componentes (relleno, margen, borde)
Practica el uso de propiedades CSS para manipular el modelo de caja

Crear un sitio web CSS básico

Show steps

Solidificará las habilidades de estilo CSS aplicándolas a un proyecto práctico.

Browse courses on CSS

Show steps

Planifica el diseño de un sitio web sencillo
Crea archivos HTML y CSS para el sitio web
Aplica estilos CSS para dar formato al texto, los fondos y los diseños

Tutoriales sobre Flexbox y Grid

Show steps

Ampliarán la comprensión y las habilidades para diseños de página avanzados.

Browse courses on Flexbox

Show steps

Busca tutoriales sobre Flexbox y Grid
Sigue los tutoriales para aprender cómo usar Flexbox y Grid para crear diseños receptivos y eficientes

Create a webpage design prototype

Show steps

Creating a webpage design prototype will allow you to apply your CSS skills to a practical project and showcase your understanding.

Show steps

Plan the layout and design of your webpage
Use HTML and CSS to create a basic prototype of your design

Contribuir a un proyecto CSS de código abierto

Show steps

Mejorará las habilidades de CSS y contribuirá a la comunidad de código abierto.

Browse courses on CSS

Show steps

Encuentra un proyecto CSS de código abierto en plataformas como GitHub
Lee la documentación y familiarízate con el código base
Identifica áreas para contribuir y contacta a los mantenedores
Realiza cambios en el código y envía una solicitud de extracción

Career center

Learners who complete Agrega estilo a una página HTML usando CSS will develop knowledge and skills that may be useful to these careers:

Web Developer

A Web Developer works on the design and development of websites and web applications. They use their knowledge of HTML, CSS, and JavaScript to create user interfaces, implement features, and ensure that websites are functional and visually appealing. This course can help Web Developers by providing a strong foundation in HTML and CSS, which are essential skills for this role. The course will also cover the basics of web design, which can be helpful for Web Developers who want to create more user-friendly and visually appealing websites.

See salaries and explore the career path for Web Developer

Front-End Developer

A Front-End Developer is responsible for designing and developing the user interface of a website or web application. They use HTML, CSS, and JavaScript to create a visually appealing and functional user experience. This course can help Front-End Developers by providing a strong foundation in HTML and CSS, which are essential skills for this role. The course will also cover the basics of web design, which can be helpful for Front-End Developers who want to create more user-friendly and visually appealing websites.

See salaries and explore the career path for Front-End Developer

UX Designer

A UX Designer focuses on the user experience of a website or web application. They work to ensure that the user interface is easy to use, visually appealing, and efficient. This course can help UX Designers by providing a strong foundation in HTML and CSS, which are used to create the visual and interactive elements of a website or web application. The course will also cover the basics of web design, which can be helpful for UX Designers who want to create more user-friendly and visually appealing websites.

See salaries and explore the career path for UX Designer

UI Designer

A UI Designer creates the visual elements of a website or web application. They work to ensure that the user interface is visually appealing, intuitive, and easy to use. This course can help UI Designers by providing a strong foundation in HTML and CSS, which are used to create the visual elements of a website or web application. The course will also cover the basics of web design, which can be helpful for UI Designers who want to create more user-friendly and visually appealing websites.

See salaries and explore the career path for UI Designer

Social Media Manager

A Social Media Manager is responsible for managing a company's social media presence. They create and publish content, engage with customers, and track the results of social media campaigns.

See salaries and explore the career path for Social Media Manager

Webmaster

A Webmaster is responsible for maintaining and updating a website or group of websites. They may also be responsible for creating and managing web content.

See salaries and explore the career path for Webmaster

Art Director

An Art Director oversees the visual style and presentation of a variety of media, including websites, magazines, newspapers, and advertising campaigns.

See salaries and explore the career path for Art Director

Search Engine Optimization (SEO) Specialist

An SEO Specialist optimizes websites and web content to improve their visibility in search engine results pages (SERPs).

See salaries and explore the career path for Search Engine Optimization (SEO) Specialist

Content Manager

A Content Manager is responsible for planning, creating, and managing content for a website or other digital platform.

See salaries and explore the career path for Content Manager

Web Analyst

A Web Analyst collects and analyzes data about website traffic and user behavior. They use this data to improve the website's performance and user experience.

See salaries and explore the career path for Web Analyst

Project Manager

A Project Manager is responsible for planning, executing, and closing out projects. They ensure that projects are completed on time, within budget, and to the required quality standards.

See salaries and explore the career path for Project Manager

Digital Marketer

A Digital Marketer develops and executes marketing campaigns across a variety of digital channels, such as search engines, social media, and email.

See salaries and explore the career path for Digital Marketer

Business Analyst

A Business Analyst identifies and analyzes business needs and requirements. They work with stakeholders to develop solutions that meet those needs.

See salaries and explore the career path for Business Analyst

Product Manager

A Product Manager is responsible for managing the development and launch of a product or service.

See salaries and explore the career path for Product Manager

Graphic designer

A Graphic Designer creates visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers.