{"id":34256,"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-21T05:14:56","modified_gmt":"2026-04-21T05:14:56","slug":"introduccio-desenvolupament-web-responsive-html-css","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/","title":{"rendered":"Introducci\u00f3 al desenvolupament web responsive amb HTML i CSS"},"content":{"rendered":"<p>Aquesta setmana dediquem el curs a totes aquelles persones que vulguin aprendre a crear p\u00e0gines web des de zero.<\/p>\n<p>De fet, es tracta d\u2019un dels cursos m\u00e9s venuts de Domestika, una <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\">introducci\u00f3 al desenvolupament web responsive amb HTML i CSS<\/a>. Descobrim-ne els detalls.<\/p>\n<h2>Introducci\u00f3 al desenvolupament web responsive amb HTML i CSS<\/h2>\n<p>&nbsp;<\/p>\n<p>Apr\u00e8n les bases del desenvolupament web frontend amb aquest curs de desenvolupament web responsive amb HTML i 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>Interessant, oi?<\/p>\n<h3>Qu\u00e8 aprendr\u00e9 al curs? T\u00e8cniques de desenvolupament web amb HTML5 i CSS3<\/h3>\n<p>B\u00e0sicament, el que aprendr\u00e0s en aquest curs \u00e9s a portar un disseny al navegador, ni m\u00e9s ni menys.<\/p>\n<p>Aprendr\u00e0s a <strong>crear p\u00e0gines web<\/strong> amb les eines fonamentals: HTML i CSS.<\/p>\n<p>Escriur\u00e0s el teu propi codi i descobrir\u00e0s diferents maneres de veure i <strong>dissenyar la web<\/strong>, entenent com funciona des de dins.<\/p>\n<p>Tamb\u00e9 aprendr\u00e0s a <strong>dissenyar webs adaptatives<\/strong>, que s\u2019ajustin a m\u00f2bils i tauletes perqu\u00e8 siguin m\u00e9s eficaces i atractives per als usuaris.<\/p>\n<h3>Com ho far\u00e9?<\/h3>\n<p>El <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\">Curs de Desenvolupament Responsive amb HTML i CSS<\/a> parteix des de zero, sense necessitat de coneixements previs d\u2019HTML ni CSS.<\/p>\n<p>Coneixer\u00e0s les etiquetes b\u00e0siques d\u2019HTML i les propietats tipogr\u00e0fiques de CSS, eines de maquetaci\u00f3 com Floats o Position, fons, vores, cantonades arrodonides, ombres, Web Fonts i eines essencials per al desenvolupament responsive com les Media Queries.<\/p>\n<p>El curs es basa en la creaci\u00f3 d\u2019una <strong>p\u00e0gina web<\/strong> responsive per a una cafeteria fict\u00edcia, a partir d\u2019un disseny proporcionat com a exemple pr\u00e0ctic.<\/p>\n<h3>Qu\u00e8 necessito per fer el curs?<\/h3>\n<p>No cal cap coneixement t\u00e8cnic ni de disseny previ; nom\u00e9s necessites un ordinador i un editor de codi gratu\u00eft.<\/p>\n<h3>Aquest curs \u00e9s per a tu?<\/h3>\n<p>Si vols aprendre a <strong>desenvolupar webs<\/strong> i parteixes de zero, aquest curs est\u00e0 pensat per a tu. \u00c9s una introducci\u00f3 ideal per a qui no t\u00e9 experi\u00e8ncia pr\u00e8via en <strong>desenvolupament web<\/strong> amb HTML i 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>Qui \u00e9s el professor?<\/h3>\n<p>Javier Usobiaga Ferrer, <strong>dissenyador web<\/strong> amb deu anys d\u2019experi\u00e8ncia, cofundador juntament amb Marta Armada de l\u2019<strong>estudi de disseny web<\/strong> Swwweet, especialitzat en <strong>disseny de webs responsive<\/strong> des de la idea fins a la producci\u00f3 front-end.<\/p>\n<p>\u00c9s professor a Elisava, a workshops i a l\u2019escola de disseny IDEP.<\/p>\n<h3>T\u2019hi apuntes?<\/h3>\n<p>Fes &#8220;CLICK&#8221; i inscriu-te al ?\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\">Curs de Desenvolupament Web Responsive<\/a> ? i aprofita l\u2019oferta.<\/p>\n<p>Oferta especial per 11,90 euros durant temps limitat. No la deixis escapar!<\/p>\n<h3>Sobre Domestika<\/h3>\n<p>Els professors de Domestika nom\u00e9s imparteixen all\u00f2 que dominen, aix\u00ed Domestika garanteix que tinguis el millor docent per a cada curs i la seva experi\u00e8ncia professional.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aquesta setmana dediquem el curs a totes aquelles persones que vulguin aprendre a crear p\u00e0gines web des de zero. De fet, es tracta d\u2019un dels cursos m\u00e9s venuts de Domestika, una introducci\u00f3 al desenvolupament web responsive amb HTML i CSS. Descobrim-ne els detalls. Introducci\u00f3 al desenvolupament web responsive amb HTML i CSS &nbsp; Apr\u00e8n les [&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-34256","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\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\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\/ca\/blog\/introduccio-desenvolupament-web-responsive-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-21T05:14:56+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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Introducci\u00f3 al desenvolupament web responsive amb HTML i CSS\",\"datePublished\":\"2019-05-20T08:34:08+00:00\",\"dateModified\":\"2026-04-21T05:14:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/\"},\"wordCount\":461,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-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\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/\",\"name\":\"Introducci\u00f3n al desarrollo web responsive - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-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-21T05:14:56+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/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\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-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\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/","og_locale":"ca_ES","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\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/","og_site_name":"Code Barcelona","article_published_time":"2019-05-20T08:34:08+00:00","article_modified_time":"2026-04-21T05:14:56+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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"2 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Introducci\u00f3 al desenvolupament web responsive amb HTML i CSS","datePublished":"2019-05-20T08:34:08+00:00","dateModified":"2026-04-21T05:14:56+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/"},"wordCount":461,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-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":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/","name":"Introducci\u00f3n al desarrollo web responsive - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-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-21T05:14:56+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/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":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-html-css\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/introduccio-desenvolupament-web-responsive-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\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/34256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=34256"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/34256\/revisions"}],"predecessor-version":[{"id":34260,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/34256\/revisions\/34260"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/12805"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=34256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=34256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}