{"product_id":"introduction-to-html-and-css-coding-part-2","title":"Introducción a la programación en HTML y CSS, parte 2","description":"\u003cp class=\"ebsi-course-language\"\u003e\u003cstrong\u003eIdioma del curso:\u003c\/strong\u003e Disponible en español.\u003c\/p\u003e\n\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003e¿Compras para un equipo?\u003c\/strong\u003e\u003cbr\u003eElige 5 o 10 licencias para que varios alumnos accedan al curso a un precio reducido por persona. Después de la compra, eBSI se pondrá en contacto contigo para confirmar los datos de los alumnos y organizar el acceso al curso para cada participante.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eDesarrolla conocimientos prácticos y confianza en Introducción a la programación con HTML y CSS, parte 2.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eLos estudios han demostrado que el diseño de los sitios web influye en la percepción de las empresas y que la presentación está directamente relacionada con la confianza. Por este motivo, es fundamental que las organizaciones tengan sitios web bien diseñados.\u003c\/p\u003e\n\n\u003ch3\u003ePor qué es importante este curso\u003c\/h3\u003e\n\n\u003cp\u003eEste curso convierte el tema en un aprendizaje práctico y estructurado que puedes aplicar en situaciones empresariales y laborales reales. Está diseñado para ayudarte a ir más allá de las definiciones y comprender cómo se relacionan entre sí las ideas, las herramientas y las decisiones que se abordan en el curso.\u003c\/p\u003e\n\n\u003ch3\u003eQué aprenderás\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eDesarrollar una comprensión práctica de los conceptos clave que se abordan en Introducción a la programación con HTML y CSS, parte 2.\u003c\/li\u003e\n\n\u003cli\u003eReconocer en qué situaciones laborales o empresariales reales se aplica el tema.\u003c\/li\u003e\n\n\u003cli\u003eAplicar con mayor confianza los métodos y las buenas prácticas que se tratan en el curso.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003ch3\u003e¿A quién va dirigido este curso?\u003c\/h3\u003e\n\n\u003cp\u003eEste curso es adecuado para profesionales del marketing digital, propietarios de pymes, emprendedores, profesionales de ventas y marketing, y cualquier persona responsable del crecimiento de un negocio en línea.\u003c\/p\u003e\n\n\u003ch3\u003eResumen del curso\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eTiempo de estudio:\u003c\/strong\u003e aproximadamente 2 horas.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eFormato:\u003c\/strong\u003e aprendizaje en línea a tu propio ritmo.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eDesarrollo profesional:\u003c\/strong\u003e curso de desarrollo profesional continuo (CPD).\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eLos estudios han demostrado que el diseño de los sitios web influye en la percepción de las empresas y que la presentación está directamente relacionada con la confianza. Por este motivo, es fundamental que las organizaciones tengan sitios web bien diseñados.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eEste curso amplía los conocimientos básicos adquiridos en la parte 1 y enseña habilidades adicionales útiles para crear sitios web.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eEntre ellas se incluyen:\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003epor qué son importantes el rendimiento y la organización,\u003c\/li\u003e\n\n\u003cli\u003ecómo dar forma y diseñar un sitio web,\u003c\/li\u003e\n\n\u003cli\u003eel diseño web adaptable,\u003c\/li\u003e\n\n\u003cli\u003ey las mejores prácticas de HTML y CSS para mantener un código limpio y reutilizable.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cu\u003e\u003cstrong\u003eTemas del curso:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLección 1: Rendimiento y organización\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Estrategia y estructura\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eRendimiento\u003c\/li\u003e\n\n\u003cli\u003eArquitectura de estilos\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: CSS orientado a objetos\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eMetodología CSS orientada a objetos\u003c\/li\u003e\n\n\u003cli\u003eSeparar la estructura de la apariencia\u003c\/li\u003e\n\n\u003cli\u003eSeparar el contenido del contenedor\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: Arquitectura CSS escalable y modular\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eCSS escalable y modular\u003c\/li\u003e\n\n\u003cli\u003eLas cinco categorías principales\u003c\/li\u003e\n\n\u003cli\u003e¿Qué metodología deberías elegir?\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA D: Código reutilizable\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eReutilización de estilos\u003c\/li\u003e\n\n\u003cli\u003eActividad 1-4: Cómo escribir código reutilizable\u003c\/li\u003e\n\n\u003cli\u003eResumen\u003c\/li\u003e\n\n\u003cli\u003ePreguntas de repaso\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLección 2: HTML: cómo posicionar el contenido\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Repaso\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eTérminos comunes\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Posicionamiento del contenido con elementos flotantes\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003ePosicionamiento con elementos flotantes\u003c\/li\u003e\n\n\u003cli\u003eDiseño sin elementos flotantes\u003c\/li\u003e\n\n\u003cli\u003eDiseño de tres columnas con elementos flotantes\u003c\/li\u003e\n\n\u003cli\u003eEliminación del efecto de los elementos flotantes\u003c\/li\u003e\n\n\u003cli\u003eActividad 2-2: Combinar diseños de dos y tres columnas\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA C: Posicionamiento con inline-block\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003ePosicionamiento con inline-block\u003c\/li\u003e\n\n\u003cli\u003eActividad 2-3: Crear columnas con inline-block\u003c\/li\u003e\n\n\u003cli\u003eResumen\u003c\/li\u003e\n\n\u003cli\u003ePreguntas de repaso\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLección 3: Selectores complejos\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Selectores de uso común\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eSelector de tipo\u003c\/li\u003e\n\n\u003cli\u003eSelectores de clase\u003c\/li\u003e\n\n\u003cli\u003eSelectores de ID\u003c\/li\u003e\n\n\u003cli\u003eSelectores de elementos secundarios\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Selectores de atributos\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eSelector de atributos presentes\u003c\/li\u003e\n\n\u003cli\u003eSelector de atributos iguales\u003c\/li\u003e\n\n\u003cli\u003eSelector de atributos que contienen\u003c\/li\u003e\n\n\u003cli\u003eSelector de atributos que comienzan o terminan con un valor\u003c\/li\u003e\n\n\u003cli\u003ePseudoclases\u003c\/li\u003e\n\n\u003cli\u003eActividad 3-2: Uso de selectores\u003c\/li\u003e\n\n\u003cli\u003eResumen\u003c\/li\u003e\n\n\u003cli\u003ePreguntas de repaso\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLección 4: Diseño web adaptable\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Diseños flexibles\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eDiseño flexible\u003c\/li\u003e\n\n\u003cli\u003eCuadrícula flexible\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Consultas de medios\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eUso de consultas de medios\u003c\/li\u003e\n\n\u003cli\u003eOperadores lógicos en consultas de medios\u003c\/li\u003e\n\n\u003cli\u003eActividad 4-2: Uso de anchos dinámicos y consultas de medios\u003c\/li\u003e\n\n\u003cli\u003eResumen\u003c\/li\u003e\n\n\u003cli\u003ePreguntas de repaso\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eLección 5: Cómo escribir código de calidad\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA A: Prácticas de codificación HTML\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eMarcado conforme a los estándares\u003c\/li\u003e\n\n\u003cli\u003eUso de elementos semánticos\u003c\/li\u003e\n\n\u003cli\u003eUso de una estructura de documento adecuada\u003c\/li\u003e\n\n\u003cli\u003eMantener la sintaxis organizada\u003c\/li\u003e\n\n\u003cli\u003eActividad 5-1: Aplicación de las mejores prácticas de HTML\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eTEMA B: Prácticas de codificación CSS\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eOrganización del código con comentarios\u003c\/li\u003e\n\n\u003cli\u003eEscritura de CSS con varias líneas y espacios\u003c\/li\u003e\n\n\u003cli\u003eUso de nombres de clase adecuados\u003c\/li\u003e\n\n\u003cli\u003eUso de propiedades y valores abreviados\u003c\/li\u003e\n\n\u003cli\u003eActividad 5-2: Aplicación de las mejores prácticas de CSS\u003c\/li\u003e\n\n\u003cli\u003eResumen\u003c\/li\u003e\n\n\u003cli\u003ePreguntas de repaso\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\n\u003ch3\u003eContinúa aprendiendo\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eForma parte de esta ruta de aprendizaje:\u003c\/strong\u003e \u003ca href=\"\/es\/collections\/internet-marketing\"\u003eMarketing en Internet\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eLos alumnos también realizan:\u003c\/strong\u003e \u003ca href=\"\/es\/products\/introduction-to-html-and-css-coding-part-1\"\u003eIntroducción a la programación con HTML y CSS, parte 1\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eRuta del curso:\u003c\/strong\u003e \u003ca href=\"\/es\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eAcademia de Marketing Digital eBSI\u003c\/a\u003e \u0026gt; \u003ca href=\"\/es\/collections\/internet-marketing\"\u003eMarketing en Internet\u003c\/a\u003e \u0026gt; Introducción a la programación con HTML y CSS, parte 2\u003c\/p\u003e\n\n\u003cp\u003eExplora más cursos de \u003ca href=\"\/es\/collections\/internet-marketing\"\u003eMarketing en Internet\u003c\/a\u003e o vuelve a la \u003ca href=\"\/es\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eAcademia de Marketing Digital eBSI\u003c\/a\u003e.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"Licencia individual (40 EUR)","offer_id":41822207017138,"sku":"VS-055","price":44.0,"currency_code":"USD","in_stock":true},{"title":"5 licencias (35 EUR cada una)","offer_id":59260649505116,"sku":null,"price":193.0,"currency_code":"USD","in_stock":true},{"title":"10 licencias (30 EUR cada una)","offer_id":59260649537884,"sku":null,"price":330.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart2.png?v=1649036622","url":"https:\/\/www.ebsiamericas.com\/es\/products\/introduction-to-html-and-css-coding-part-2","provider":"eBSI Export Academy","version":"1.0","type":"link"}