{"id":97,"date":"2022-11-20T12:26:16","date_gmt":"2022-11-20T11:26:16","guid":{"rendered":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/?p=97"},"modified":"2022-11-20T12:26:16","modified_gmt":"2022-11-20T11:26:16","slug":"hoja-de-estilo-css","status":"publish","type":"post","link":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/2022\/11\/20\/hoja-de-estilo-css\/","title":{"rendered":"Hoja de estilo CSS"},"content":{"rendered":"<p><strong>Materia:<\/strong> TIC 2\u00ba Bachillerato.<\/p>\n<p><strong>Unidad did\u00e1ctica n\u00ba 2:<\/strong> Hoja de estilo CSS.<\/p>\n<p><em>Buenos contenidos digitales para enriquecer mi clase:<\/em><\/p>\n<ul>\n<li><strong>REA: <\/strong><em>Dise\u00f1o web funcional: Hojas de estilo \u00abCSS\u00bb.<\/em><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-98\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/REA-CSS.png\" alt=\"\" width=\"1917\" height=\"912\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/REA-CSS.png 1917w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/REA-CSS-300x143.png 300w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/REA-CSS-1024x487.png 1024w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/REA-CSS-768x365.png 768w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/REA-CSS-1536x731.png 1536w\" sizes=\"(max-width: 1917px) 100vw, 1917px\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Tipo: <\/strong>Recurso Educativo Abierto, del Banco de Recursos Educativos de Andaluc\u00eda.<\/li>\n<li><strong>Descripci\u00f3n: <\/strong>Describe claramente los elementos del curr\u00edculo para la unidad did\u00e1ctica n\u00ba 2 de la materia de TIC de 2\u00ba Bachillerato. Con este recurso se pretende que el alumnado conozca todas las piezas clave de la programaci\u00f3n usando CSS, a nivel b\u00e1sico describiendo las caracter\u00edsticas principales del lenguaje CSS para realizar la maquetaci\u00f3n web con estilos.<\/li>\n<li><strong>Caracter\u00edsticas: <\/strong>\n<ul>\n<li>Es una actividad de ampliaci\u00f3n (el alumnado parte sin nociones del tema).<\/li>\n<li>Direcci\u00f3n web: <a href=\"https:\/\/edea.juntadeandalucia.es\/bancorecursos\/items\/a81b2676-4b9e-4abf-bfe3-18a1dd1e3259\/1\/viewscorm.jsp?.vi=file\">https:\/\/edea.juntadeandalucia.es\/bancorecursos\/items\/a81b2676-4b9e-4abf-bfe3-18a1dd1e3259\/1\/viewscorm.jsp?.vi=file<\/a><\/li>\n<li>REA, incorpora ejemplos, im\u00e1genes sobre los resultados de aplicar esos ejemplos, mapa conceptual de la unidad, opciones de ampliar conocimientos y formularios de autoevaluaci\u00f3n.<\/li>\n<li>Ofrece interactividad con cuestionarios.<\/li>\n<li>Es responsive en cuanto al dise\u00f1o web y&nbsp; ofrece opci\u00f3n de descarga del archivo en PDF.<\/li>\n<li>Forma parte de una unidad mayor llamada <em>\u00abDise\u00f1o web funcional\u00bb<\/em>, cuya direcci\u00f3n web es: <a href=\"https:\/\/www.juntadeandalucia.es\/educacion\/permanente\/materiales\/index.php?etapa=4&amp;materia=49&amp;unidad=2#space\">https:\/\/www.juntadeandalucia.es\/educacion\/permanente\/materiales\/index.php?etapa=4&amp;materia=49&amp;unidad=2#space<\/a>Licencia: la estructura y dise\u00f1o de los mismos son de autor\u00eda propia de la Consejer\u00eda de Desarrollo Educativo y Formaci\u00f3n Profesional que promueve la producci\u00f3n de los mismos. la licencia es Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional<br \/>\n<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/creativecommons.org\/licenses\/by-nc-sa\/4.0\/<\/a><strong>Esto implica que usted es libre de:<\/strong><\/p>\n<ul class=\"pl-lg\">\n<li class=\"circulo\">Copiar, distribuir y comunicar p\u00fablicamente la obra.<\/li>\n<li class=\"circulo\">Hacer obras derivadas.<\/li>\n<\/ul>\n<p><strong>Bajo las condiciones siguientes:<\/strong><\/p>\n<ul class=\"pl-lg\">\n<li class=\"circulo\"><em>Reconocimiento<\/em> &#8211; Debe reconocer los cr\u00e9ditos de la obra de la manera especificada por el autor o el licenciador (pero no de una manera que sugiera que tiene su apoyo o apoyan el uso que hace de su obra).<\/li>\n<li class=\"circulo\"><em>No comercial<\/em> &#8211; No esta permitido usar el material con fines comerciales.<\/li>\n<li class=\"circulo\"><em>Compartir bajo la misma licencia<\/em> &#8211; Si altera o transforma esta obra, o genera una obra derivada, solo puede distribuir la obra generada bajo una licencia id\u00e9ntica a esta, es decir, bajo una licencia Creative Commons by- nc &#8211; sa.<\/li>\n<\/ul>\n<hr>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Infograf\u00edas CSS:<\/strong><em> \u00abIntroducci\u00f3n a CSS\u00bb, \u00abSintaxis de CSS\u00bb <\/em>y <em>\u00ab5 Tips para aprender CSS\u00bb<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<table style=\"border-collapse: collapse;width: 100%\">\n<tbody>\n<tr>\n<td style=\"width: 33.3333%\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-100\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/infograf\u00eda-introducci\u00f3n-css.jpg\" alt=\"\" width=\"1024\" height=\"768\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/infograf\u00eda-introducci\u00f3n-css.jpg 1024w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/infograf\u00eda-introducci\u00f3n-css-300x225.jpg 300w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/infograf\u00eda-introducci\u00f3n-css-768x576.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/td>\n<td style=\"width: 33.3333%\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-99\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/sintaxis-css.jpg\" alt=\"\" width=\"1400\" height=\"1400\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/sintaxis-css.jpg 1400w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/sintaxis-css-300x300.jpg 300w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/sintaxis-css-1024x1024.jpg 1024w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/sintaxis-css-150x150.jpg 150w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/sintaxis-css-768x768.jpg 768w\" sizes=\"(max-width: 1400px) 100vw, 1400px\" \/><\/td>\n<td style=\"width: 33.3333%\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-101\" src=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/5-tips-aprender-css.jpg\" alt=\"\" width=\"1080\" height=\"1350\" srcset=\"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/5-tips-aprender-css.jpg 1080w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/5-tips-aprender-css-240x300.jpg 240w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/5-tips-aprender-css-819x1024.jpg 819w, https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/files\/2022\/11\/5-tips-aprender-css-768x960.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Tipo: <\/strong>Infograf\u00edas descriptivas de elementos concretos de la unidad.<\/li>\n<li><strong>Descripci\u00f3n: <\/strong>Con estas infograf\u00edas se plasma de una manera gr\u00e1fica\/visual los aspectos fundamentales de la unidad. En la primera, el alumnado aprende las nociones b\u00e1sicas CSS, en la segunda, afianza la idea principal de la sintaxis de CSS (que tiene que memorizar) y en la tercera, las ideas clave de la unidad aprendida.<\/li>\n<li><strong>Caracter\u00edsticas: <\/strong>\n<ul>\n<li>Se trata de 3 infograf\u00edas, una de introducci\u00f3n (la primera), otra de afianzamiento de ideas clave (la segunda) y otra de refuerzo (una vez estudiada la unidad, con las 5 tips fundamentales de la unidad).<\/li>\n<li>Direcciones web:\n<ul>\n<li><a href=\"https:\/\/ed.team\/comunidad\/aprendiendo-css-a13da746-732e-4f32-9a42-ca7ce0bb7e88\">https:\/\/ed.team\/comunidad\/aprendiendo-css-a13da746-732e-4f32-9a42-ca7ce0bb7e88<\/a><\/li>\n<li><a href=\"https:\/\/www.facebook.com\/EDteamLat\/photos\/a.634364769952437\/2769503726438520\/?type=3\">https:\/\/www.facebook.com\/EDteamLat\/photos\/a.634364769952437\/2769503726438520\/?type=3<\/a><\/li>\n<li><a href=\"https:\/\/platzi.com\/clases\/1640-frontend-developer-2019\/23403-5-tips-para-aprender-css\/\">https:\/\/platzi.com\/clases\/1640-frontend-developer-2019\/23403-5-tips-para-aprender-css\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li>Infograf\u00edas que incorporan elementos gr\u00e1ficos para captar la atenci\u00f3n sobre el contenido.<\/li>\n<li>Es responsive.<\/li>\n<li>No ofrecen interactividad, son est\u00e1ticas.<\/li>\n<li>Licencias: todas tienen derechos de autor, las dos primeras de EDTeam Cursos y la \u00faltima de Platzi Escuela de Javascript.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<hr>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>V\u00eddeo<\/strong> <em>\u00abAprende CSS en 15 minutos\u00bb<\/em><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/3yM5uXp-T_0\" width=\"560\" height=\"314\"><\/iframe><\/p>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Tipo: <\/strong>V\u00eddeo de aplicaci\u00f3n pr\u00e1ctica con un ejemplo de desarrollo web utilizando HTML y CSS.<\/li>\n<li><strong>Descripci\u00f3n: <\/strong>Con este v\u00eddeo, el alumnado puede desarrollar el mismo ejemplo propuesto y afianzar lo aprendido en la unidad.<\/li>\n<li><strong>Caracter\u00edsticas:<\/strong>\n<ul>\n<li>Se trata de una actividad de ampliaci\u00f3n.<\/li>\n<li>Direcci\u00f3n web: <a href=\"https:\/\/www.youtube.com\/watch?v=3yM5uXp-T_0\">https:\/\/www.youtube.com\/watch?v=3yM5uXp-T_0<\/a><\/li>\n<li>V\u00eddeo que desarrolla desde cero un ejemplo pr\u00e1ctico de la unidad.<\/li>\n<li>Es un v\u00eddeo de Youtube, permite ver subt\u00edtulos y la transcripci\u00f3n del mismo.<\/li>\n<li>Licencia: Victor Robles WEB (<a href=\"https:\/\/victorroblesweb.es\/master-css\">https:\/\/victorroblesweb.es\/master-css<\/a>)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Materia: TIC 2\u00ba Bachillerato. Unidad did\u00e1ctica n\u00ba 2: Hoja de estilo CSS. Buenos contenidos digitales para enriquecer mi clase: REA: Dise\u00f1o web funcional: Hojas de&hellip;<\/p>\n","protected":false},"author":9048,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[7],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/posts\/97"}],"collection":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/users\/9048"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":1,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":102,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/posts\/97\/revisions\/102"}],"wp:attachment":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/unpocodetic\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}