{"id":23517,"date":"2019-05-20T08:34:08","date_gmt":"2019-05-20T08:34:08","guid":{"rendered":"https:\/\/codewebbarcelona.com\/introduccion-desarrollo-web-responsive-html-css\/"},"modified":"2026-04-20T23:26:39","modified_gmt":"2026-04-20T23:26:39","slug":"introduction-responsive-web-development-html-css","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/","title":{"rendered":"Introduction to Responsive Web Development with HTML and CSS"},"content":{"rendered":"<p>This week\u2019s featured course is perfect for anyone interested in learning how to build websites from scratch.<\/p>\n<p>This is actually one of Domestika\u2019s bestsellers: an <a href=\"https:\/\/www.domestika.org\/es\/courses\/74-introduccion-al-desarrollo-web-responsive-con-html-y-css\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Introduction to Responsive Web Development with HTML and CSS<\/a>. Let\u2019s take a closer look at what makes this course so great.<\/p>\n<h2>Introduction to Responsive Web Development with HTML and CSS<\/h2>\n<p>&nbsp;<\/p>\n<p>Learn the essential building blocks of frontend web development with this responsive web design course using HTML and CSS.<\/p>\n<p><iframe title=\"vimeo-player\" src=\"https:\/\/player.vimeo.com\/video\/134831335\" width=\"980\" height=\"570\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>Sounds interesting, right?<\/p>\n<h3>What will I learn? Web development techniques with HTML5 and CSS3<\/h3>\n<p>In short, you\u2019ll learn how to turn a design into a live website\u2014nothing more, nothing less.<\/p>\n<p>You\u2019ll discover how to <strong>build web pages<\/strong> using the core tools: HTML and CSS.<\/p>\n<p>You\u2019ll write your own code and explore different approaches to <strong>web design<\/strong>, gaining an understanding of how websites work from the inside out.<\/p>\n<p>You\u2019ll also learn how to <strong>design responsive websites<\/strong> that adapt seamlessly to smartphones and tablets, making your sites more effective and engaging for users.<\/p>\n<h3>How will I learn?<\/h3>\n<p>The <a href=\"https:\/\/www.domestika.org\/es\/courses\/74-introduccion-al-desarrollo-web-responsive-con-html-y-css\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Responsive Web Development with HTML and CSS Course<\/a> starts from absolute zero\u2014no prior knowledge of HTML or CSS required.<\/p>\n<p>You\u2019ll get to know the essential HTML tags and CSS properties for typography, layout tools like Floats and Position, backgrounds, borders, rounded corners, shadows, web fonts, and key responsive development tools such as Media Queries.<\/p>\n<p>The course centers around building a <strong>responsive website<\/strong> for a fictional coffee shop, based on a provided design\u2014giving you a practical, hands-on project from start to finish.<\/p>\n<h3>What do I need to take the course?<\/h3>\n<p>No prior technical or design experience is necessary. All you need is a computer and a free code editor.<\/p>\n<h3>Is this course for you?<\/h3>\n<p>If you want to <strong>learn web development<\/strong> but don\u2019t know where to start, this course is designed for you. It\u2019s an introductory course, making it ideal for anyone with zero experience in <strong>web development<\/strong> using HTML and CSS.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3423\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/montaje-curos-de-la-semana-introduccion-desarrollo-web-responsive.jpg\" alt=\"\" width=\"1080\" height=\"916\" \/><\/p>\n<h3>Who\u2019s the instructor?<\/h3>\n<p>Javier Usobiaga Ferrer is a seasoned <strong>web designer<\/strong> with over ten years of experience. He co-founded the <strong>web design studio<\/strong> Swwweet with Marta Armada, specializing in <strong>responsive web design<\/strong> from concept to front-end production.<\/p>\n<p>He also teaches at Elisava, leads workshops, and lectures at IDEP design school.<\/p>\n<h3>Ready to join?<\/h3>\n<p>Click and sign up for the ?\u00a0<a href=\"https:\/\/www.domestika.org\/es\/courses\/74-introduccion-al-desarrollo-web-responsive-con-html-y-css\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Responsive Web Development Course<\/a> ? and take advantage of the special offer.<\/p>\n<p>Available now for just \u20ac11.90 for a limited time\u2014don\u2019t miss out!<\/p>\n<h3>About Domestika<\/h3>\n<p>Domestika\u2019s instructors only teach what they truly excel at, ensuring you always have the best professional for each course and the benefit of their real-world experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This week\u2019s featured course is perfect for anyone interested in learning how to build websites from scratch. This is actually one of Domestika\u2019s bestsellers: an Introduction to Responsive Web Development with HTML and CSS. Let\u2019s take a closer look at what makes this course so great. Introduction to Responsive Web Development with HTML and CSS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12805,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,134],"class_list":["post-23517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introducci\u00f3n al desarrollo web responsive - Code Barcelona<\/title>\n<meta name=\"description\" content=\"No dejes escapar la oportunidad de aprender a desarrollar p\u00e1ginas web responsive desde cero y sin conocimientos previos, convi\u00e9rtete en un profesional del dise\u00f1o y la programaci\u00f3n web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducci\u00f3n al desarrollo web responsive - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"No dejes escapar la oportunidad de aprender a desarrollar p\u00e1ginas web responsive desde cero y sin conocimientos previos, convi\u00e9rtete en un profesional del dise\u00f1o y la programaci\u00f3n web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-20T08:34:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T23:26:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"896\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Introduction to Responsive Web Development with HTML and CSS\",\"datePublished\":\"2019-05-20T08:34:08+00:00\",\"dateModified\":\"2026-04-20T23:26:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\"},\"wordCount\":456,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\",\"name\":\"Introducci\u00f3n al desarrollo web responsive - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg\",\"datePublished\":\"2019-05-20T08:34:08+00:00\",\"dateModified\":\"2026-04-20T23:26:39+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"No dejes escapar la oportunidad de aprender a desarrollar p\u00e1ginas web responsive desde cero y sin conocimientos previos, convi\u00e9rtete en un profesional del dise\u00f1o y la programaci\u00f3n web.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg\",\"width\":2560,\"height\":896},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducci\u00f3n al desarrollo web responsive - Code Barcelona","description":"No dejes escapar la oportunidad de aprender a desarrollar p\u00e1ginas web responsive desde cero y sin conocimientos previos, convi\u00e9rtete en un profesional del dise\u00f1o y la programaci\u00f3n web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/","og_locale":"en_US","og_type":"article","og_title":"Introducci\u00f3n al desarrollo web responsive - Code Barcelona","og_description":"No dejes escapar la oportunidad de aprender a desarrollar p\u00e1ginas web responsive desde cero y sin conocimientos previos, convi\u00e9rtete en un profesional del dise\u00f1o y la programaci\u00f3n web.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/","og_site_name":"Code Barcelona","article_published_time":"2019-05-20T08:34:08+00:00","article_modified_time":"2026-04-20T23:26:39+00:00","og_image":[{"width":2560,"height":896,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Introduction to Responsive Web Development with HTML and CSS","datePublished":"2019-05-20T08:34:08+00:00","dateModified":"2026-04-20T23:26:39+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/"},"wordCount":456,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg","articleSection":["Disseny i desenvolupament web","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/","name":"Introducci\u00f3n al desarrollo web responsive - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg","datePublished":"2019-05-20T08:34:08+00:00","dateModified":"2026-04-20T23:26:39+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"No dejes escapar la oportunidad de aprender a desarrollar p\u00e1ginas web responsive desde cero y sin conocimientos previos, convi\u00e9rtete en un profesional del dise\u00f1o y la programaci\u00f3n web.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/introduction-responsive-web-development-html-css\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/05\/introduccion-al-desarrollo-web-responsive-con-html-y-css-featured.jpg","width":2560,"height":896},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=23517"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23517\/revisions"}],"predecessor-version":[{"id":23521,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/23517\/revisions\/23521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/12805"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=23517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=23517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}