{"id":3196,"date":"2017-02-13T17:44:51","date_gmt":"2017-02-13T16:44:51","guid":{"rendered":"http:\/\/www.foc.es\/?p=3196"},"modified":"2019-11-15T09:17:58","modified_gmt":"2019-11-15T08:17:58","slug":"coloca-en-las-webs-que-publiques-efectos-llamativos-para-atraer-a-mas-visitantes","status":"publish","type":"post","link":"http:\/\/piloto.foc.es\/2017\/02\/13\/3196-coloca-en-las-webs-que-publiques-efectos-llamativos-para-atraer-a-mas-visitantes.html","title":{"rendered":"Coloca en las webs que publiques, efectos llamativos para atraer a m\u00e1s visitantes."},"content":{"rendered":"<p>Los alumnos que\u00a0 realizan nuestro certificado de profesionalidad\u00a0 <a href=\"http:\/\/www.foc.es\/certificado-de-profesionalidad-ifcd0210-desarrollo-de-aplicaciones-con-tecnologias-web\">IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web<\/a>,\u00a0 ser\u00e1n capaces de desarrollar p\u00e1ginas webs con efectos visuales, que llamen la atenci\u00f3n de los visitantes y as\u00ed generar m\u00e1s visitas en las webs que \u00a0publiquen.<\/p>\n<p>En la publicaci\u00f3n de hoy \u00a0explicamos c\u00f3mo hacer que los colores de tres zonas de nuestra web cambien, simplemente con pasar el rat\u00f3n por encima. Este efecto har\u00e1 que el visitante de la web se vea sorprendido y fije su atenci\u00f3n en la zona de la web en la que deseas publicar alguna informaci\u00f3n importante.<\/p>\n<p>Partimos de una web en la que tenemos tres zonas bien deferencias por su color de fondo.<\/p>\n<p><img loading=\"lazy\" class=\"wp-image-3175 aligncenter\" src=\"http:\/\/cdp.foc.es\/wp-content\/uploads\/2016\/07\/Efecto_colores.png\" alt=\"Efecto_colores\" width=\"854\" height=\"434\" \/><\/p>\n<p>Con el c\u00f3digo que se indica a continuaci\u00f3n y que podr\u00e1s descargar <a href=\"http:\/\/www.foc.es\/wp-content\/uploads\/2017\/02\/Efectos_Colores.zip\" target=\"_blank\">aqu\u00ed<\/a>, podr\u00e1s ver como los colores de tres zonas van cambiado de forma rotativa cada vez que pasas el rat\u00f3n por encima.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-3176 aligncenter\" src=\"http:\/\/cdp.foc.es\/wp-content\/uploads\/2016\/07\/codigo_efecto_colores.png\" alt=\"codigo_efecto_colores\" width=\"785\" height=\"590\" \/><\/p>\n<p>Este efecto tan llamativo, se consigue con unas cuantas l\u00edneas de que c\u00f3digo que podr\u00e1s desarrollar sin dificultad al terminar con \u00e9xito nuestro certificado profesionalidad\u00a0 <a href=\"http:\/\/www.foc.es\/certificado-de-profesionalidad-ifcd0210-desarrollo-de-aplicaciones-con-tecnologias-web\">IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los alumnos que\u00a0 realizan nuestro certificado de profesionalidad\u00a0 IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web,\u00a0 ser\u00e1n capaces de desarrollar p\u00e1ginas webs con efectos visuales, que llamen la atenci\u00f3n de los visitantes y as\u00ed generar m\u00e1s visitas en las webs que \u00a0publiquen. En la publicaci\u00f3n de hoy \u00a0explicamos c\u00f3mo hacer que los colores de tres zonas de nuestra web cambien, simplemente con pasar el rat\u00f3n por encima. Este efecto har\u00e1 que el visitante de la web se vea sorprendido y fije su atenci\u00f3n en la zona de la web en la que deseas publicar alguna informaci\u00f3n importante. Partimos de una web en la que tenemos tres zonas bien deferencias por su color de fondo. Con el c\u00f3digo que se indica a continuaci\u00f3n y que podr\u00e1s descargar aqu\u00ed, podr\u00e1s ver como los colores de tres zonas van cambiado de forma rotativa cada vez que pasas el rat\u00f3n por encima. Este efecto tan llamativo, se consigue con unas cuantas l\u00edneas de que c\u00f3digo que podr\u00e1s desarrollar sin dificultad al terminar con \u00e9xito nuestro certificado profesionalidad\u00a0 IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[18,594],"tags":[535,542,543,544,550,551,530,545,437,546,547],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":3199,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3199-aplica-efectos-llamativos-a-las-imagenes-que-publiques-en-tus-webs-seras-un-experto-programador-web.html","url_meta":{"origin":3196,"position":0},"title":"Aplica efectos llamativos a las im\u00e1genes que publiques en tus webs. Ser\u00e1s un experto programador web.","date":"13 febrero, 2017","format":false,"excerpt":"Si realizas alguno de los siguientes certificados de profesionalidad con nosotros: IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web. IFCD0110-Confecci\u00f3n y publicaci\u00f3n de p\u00e1ginas web Ser\u00e1s capaz de aplicar efectos llamativos a las im\u00e1genes que publiques en tus webs de forma sencilla y eficiente. De esta forma mejorar\u00e1s la presentaci\u00f3n del tus\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"web Mostrar Ocultar","src":"https:\/\/i0.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/07\/web-Mostrar-Ocultar.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3581,"url":"http:\/\/piloto.foc.es\/2017\/06\/06\/3581-programar-efectos-sencillos-en-javascript-de-forma-rapida-y-eficiente.html","url_meta":{"origin":3196,"position":1},"title":"Programar efectos sencillos en JavaScript, de forma r\u00e1pida y eficiente.","date":"6 junio, 2017","format":false,"excerpt":"Con JavaScript podemos conseguir efectos sencillos y muy visuales en nuestras p\u00e1ginas web. Nuestros alumnos de IFCD0210 Desarrollo de Aplicaciones con Tecnolog\u00edas Web conocen bien como hacer estos efectos r\u00e1pidamente y de forma sencilla. Os propongo el siguiente ejercicio, vamos pintar en pantalla una tabla. Para ello nuestra peque\u00f1a aplicaci\u00f3n\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"","src":"https:\/\/i1.wp.com\/piloto.foc.es\/wp-content\/uploads\/2017\/06\/pantalla-003-06-06-17.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3219,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3219-rendera-herramienta-0nline-para-aprender-programar-sin-necesidad-de-instalacion.html","url_meta":{"origin":3196,"position":2},"title":"Rendera: herramienta 0nline para aprender programar. \u00a1Sin necesidad de instalaci\u00f3n!","date":"13 febrero, 2017","format":false,"excerpt":"Todos los que programamos tenemos la necesidad, de poder probar el c\u00f3digo que desarrollamos de forma r\u00e1pida y eficiente. Para ello, necesitamos un entorno m\u00ednimo de programaci\u00f3n instalado en nuestro ordenador. Ahora sin necesidad de instalaci\u00f3n y todo Online, puedes escribir c\u00f3digo, HTML, CSS y JavaScripts y ver de forma\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"Rendera-Hola_Mundo","src":"https:\/\/i0.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/10\/Rendera-Hola_Mundo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3189,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3189-aprende-a-programar-efectos-web-de-forma-rapida-y-sencilla.html","url_meta":{"origin":3196,"position":3},"title":"Aprende a programar efectos web de forma r\u00e1pida y sencilla.","date":"13 febrero, 2017","format":false,"excerpt":"Haz con nosotros el certificado de profesionalidad IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web, \u00a0aprender\u00e1s a programar efectos como los siguientes, de forma sencilla, eficiente y atractiva para el usuario. Efecto ocultar Panel 1 al hacer clic en el bot\u00f3n Button 1 Efecto visualizar Panel 1 al pasar el rat\u00f3n por\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"ejemplo001","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/06\/ejemplo001.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3205,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3205-quieres-crear-listas-css-con-animacion-en-javascript-como-un-programador-web-experto-pues-apuntate-con-nosotros.html","url_meta":{"origin":3196,"position":4},"title":"Quieres crear listas CSS con animaci\u00f3n en JavaScript como un programador web experto? Pues ap\u00fantate con nosotros.","date":"13 febrero, 2017","format":false,"excerpt":"A continuaci\u00f3n vamos a explicar c\u00f3mo crear listas CSS y c\u00f3mo aplicarles animaci\u00f3n con tan solo unas pocas l\u00edneas de c\u00f3digo JavaScript. En el siguiente c\u00f3digo puedes ver c\u00f3mo con unas pocas l\u00edneas en HTML y un c\u00f3digo JavaScript muy sencillo, podemos crear una lista con tres elementos, los cuales\u2026","rel":"","context":"En \u00abCertificado de Profesionalidad\u00bb","img":{"alt_text":"ListasCSS-Codigo","src":"https:\/\/i1.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/08\/ListasCSS-Codigo.png?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":3193,"url":"http:\/\/piloto.foc.es\/2017\/02\/13\/3193-desarrolla-tus-webs-para-que-se-vean-en-todo-tipo-de-dispositivos-con-responsive-web-design.html","url_meta":{"origin":3196,"position":5},"title":"Desarrolla tus webs para que se vean en todo tipo de dispositivos, con \u201cResponsive Web Design\u201d.","date":"13 febrero, 2017","format":false,"excerpt":"Con los conocimientos adquiridos al cursar nuestro certificado de profesionalidad \u00a0\u00a0IFCD0210-Desarrollo de Aplicaciones con Tecnolog\u00edas Web, \u00a0ser\u00e1s capaz de desarrollar p\u00e1ginas webs que se visualicen correctamente en tablets, m\u00f3viles y en dispositivos de escritorio, es decir, dise\u00f1o web adaptable (en ingl\u00e9s Responsive Web Design). En esta publicaci\u00f3n del blog te\u2026","rel":"","context":"En \u00abActualidad Tecnol\u00f3gica\u00bb","img":{"alt_text":"Responsive_design1","src":"https:\/\/i2.wp.com\/cdp.foc.es\/wp-content\/uploads\/2016\/06\/Responsive_design1.png?resize=350%2C200","width":350,"height":200},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/p6jO3Y-Py","amp_validity":null,"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3196"}],"collection":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/comments?post=3196"}],"version-history":[{"count":1,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3196\/revisions"}],"predecessor-version":[{"id":3198,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/posts\/3196\/revisions\/3198"}],"wp:attachment":[{"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/media?parent=3196"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/categories?post=3196"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/piloto.foc.es\/wp-json\/wp\/v2\/tags?post=3196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}