{"id":1037,"date":"2020-10-14T18:42:54","date_gmt":"2020-10-14T23:42:54","guid":{"rendered":"https:\/\/niixer.com\/?p=1037"},"modified":"2020-11-16T09:40:33","modified_gmt":"2020-11-16T14:40:33","slug":"diseno-web-responsive","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/","title":{"rendered":"<strong>Dise\u00f1o Web: Responsive<\/strong>"},"content":{"rendered":"\n<p>El dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que&nbsp; pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de&nbsp; cada car\u00e1cter, sus im\u00e1genes o videos&nbsp; y cada lista de men\u00fas o botones&nbsp; que esta lleve. Esto es realizado gracias al c\u00f3digo CSS que sirve para configurar cada&nbsp; uno de los elementos mencionados, porque este permite la completa modificaci\u00f3n de la p\u00e1gina web separando la estructura de su presentaci\u00f3n. Finalmente as\u00ed se&nbsp; logra llegar a muchos usuarios, ya que se puede visualizar desde cualquier dispositivo con una&nbsp; gran facilidad de legibilidad y manejo. Esto lograr\u00e1 uin mayor entendimiento y fluidez dentro de la p\u00e1gina web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Su importancia en la actualidad<\/strong><\/h3>\n\n\n\n<p>La creaci\u00f3n de p\u00e1ginas web Responsive hoy en d\u00eda&nbsp; se ha disparado debido a la pandemia ya que muchos desarrolladores hacen sus sitios web&nbsp; para llegar a cualquier tipo de dispositivo. Adem\u00e1s estos sitios web son m\u00e1s r\u00e1pidos a la hora de su navegaci\u00f3n&nbsp; y con menos cantidad de tiempo de carga. Consiguiendo compartir m\u00e1s f\u00e1cil a los usuarios cualquier tipo de contenido desde el dispositivo que tenga. Con Responsive tambi\u00e9n se logra ayudar a los dise\u00f1adores a crear de una sola vez una versi\u00f3n de su p\u00e1gina web que funcionara&nbsp; para cualquier tipo de navegador. Debido a que antes no era posible ya que para cada navegador se ten\u00edan que tenerse en cuenta el tama\u00f1o ,el&nbsp; ancho y&nbsp; cada car\u00e1cter o imagen de la p\u00e1gina.<\/p>\n\n\n\n<p>Tambi\u00e9n es de suma importancia adaptar un sitio web con Responsive, porque es conveniente para&nbsp; el&nbsp; Marketing online a la hora de realizar una compra, debi\u00f3 a que facilitara la&nbsp; interacci\u00f3n de cualquier usuario en cualquier dispositivo llegando a todo&nbsp; tipo de usuario. Esto ser\u00e1 fundamental a la hora de competir con otras p\u00e1ginas web ya que esto subir\u00e1&nbsp; o bajar\u00e1 la cantidad de usuarios. Adem\u00e1s&nbsp; hoy en d\u00eda Responsive ayudar\u00e1 a el posicionamiento en la p\u00e1gina&nbsp; web debido a que el an\u00e1lisis&nbsp; SEO lo tendr\u00e1 en cuenta para el listado de resultados en cualquier tipo de buscador de internet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Qu\u00e9 elementos son importantes para dise\u00f1o Responsive<\/strong><\/h3>\n\n\n\n<p>Primero que todo se debe fijar el tama\u00f1o de letra a utilizar ya que a partir de esto podremos dar una mejor visualizaci\u00f3n en cualquier dispositivo sin necesidad que el usuario tenga que mover&nbsp; o ampliar la pantalla para observar alg\u00fan texto. Ya que&nbsp; al observar este aspecto se podr\u00e1 dar un criterio de la p\u00e1gina web.<\/p>\n\n\n\n<p>En segundo lugar tenemos las im\u00e1genes y videos que se tienen en cuenta a la hora de colocar en la p\u00e1gina, porque&nbsp; en&nbsp; algunos dispositivos se cuentan con la configuraci\u00f3n de rotar&nbsp; pantalla y no debe quedar redimensionadas las im\u00e1genes ni los v\u00eddeos. Por esto necesitamos una proporci\u00f3n l\u00f3gica&nbsp; tanto de&nbsp; ancho como de&nbsp; largo que se pueda adaptar a todo tipo de dispositivo.<\/p>\n\n\n\n<p>En el tercer lugar tenemos que contar con un f\u00e1cil manejo de cada uno de los men\u00fas, botones, campos de actividad, productos, puntos de venta o entre otros que se ofrecen. Teniendo en cuenta que en un computador se contar\u00e1 con un mouse logrando una facilidad en el manejo&nbsp; ,pero en una Tablet, un Smartphone e incluso en un<a href=\"https:\/\/niixer.com\/?s=Smart+TV\"> Smart TV<\/a> que contar\u00e1 con el manejo t\u00e1ctil o de una control se debe tener en cuenta cada la facilidad de oprimir cada uno de los botones al cual usuario quiera entrar. Dado que esto har\u00e1 m\u00e1s satisfactorio el uso de la p\u00e1gina y&nbsp; logrando dar una buena experiencia en cualquier tipo de dispositivo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Muy importante <\/strong><\/h3>\n\n\n\n<p>Por \u00faltimo tenemos que tener en cuenta la respuesta al usuario ,\u00f3sea la capacidad de carga del el sitio web, ya que debe ser de igual forma en un computador que en cualquier otro dispositivo. Teniendo en cuenta que este ser\u00e1 un factor importante a la hora de tr\u00e1fico o ventas que podr\u00e1 mejorar tu posicionamiento en la web. Por eso se debe optimizar todo tipo de im\u00e1genes, videos, llamadas innecesarias&nbsp; a bases de datos o elementos din\u00e1micos que&nbsp; ralentizan el tiempo de carga.<\/p>\n\n\n\n<p>Autor: <a href=\"https:\/\/niixer.com\/?s=Alfredo+Rubiano+Granada\">Alfredo Rubiano Granada<\/a><\/p>\n\n\n\n<p>Editor: <a href=\"https:\/\/niixer.com\/?s=Carlos+Pinzon\">Carlos Pinz\u00f3n<\/a><\/p>\n\n\n\n<p>C\u00f3digo: UCRV-6<\/p>\n\n\n\n<p>Universidad:<a href=\"https:\/\/niixer.com\/?s=Universidad++central\"> Universidad Central<\/a><\/p>\n\n\n\n<p><strong>Fuentes:<\/strong><\/p>\n\n\n\n<p>Aeuroweb. (2020). \u00bf<em>Qu\u00e9 es el dise\u00f1o responsive?<\/em> Aeuroweb. https:\/\/www.aeuroweb.com\/que-es-diseno-responsive\/<\/p>\n\n\n\n<p>Gonz\u00e1lez S. (2019). \u00bf<em>Qu\u00e9 es un dise\u00f1o web responsive?<\/em> Cyberclick. https:\/\/www.cyberclick.es\/que-es\/diseno-web-responsive<\/p>\n\n\n\n<p>Pe\u00f1a, J. (2020). <em>Herramientas para un buen dise\u00f1o Web Responsive<\/em>. Webempresa. https:\/\/www.webempresa.com\/blog\/herramientas-diseno-web-responsive.html<\/p>\n\n\n\n<p>kreatikar. (2018). Sitio Web Sensible Creativa Dise\u00f1o Desarrollo Web<em> <\/em>[Imagen]. Pixabay.&nbsp; https:\/\/pixabay.com\/es\/illustrations\/sitio-web-sensible-creativa-dise%C3%B1o-3374825\/<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que&nbsp; pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de&nbsp; cada car\u00e1cter, susSeguir Leyendo<\/p>\n","protected":false},"author":61,"featured_media":1038,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[103],"tags":[251,252,248,249,250],"class_list":["post-1037","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-y-desarrollo-de-software","tag-diseno-web","tag-responsive","tag-smart-tv","tag-smatphone","tag-tablet"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o Web: Responsive &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos<\/title>\n<meta name=\"description\" content=\"l dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de cada car\u00e1cter, sus im\u00e1genes o videos y cada lista de men\u00fas o botones que esta lleve. eb.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o Web: Responsive &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"og:description\" content=\"l dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de cada car\u00e1cter, sus im\u00e1genes o videos y cada lista de men\u00fas o botones que esta lleve. eb.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/niixer\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-14T23:42:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-16T14:40:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alfredo Granada Rubiano\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alfredo Granada Rubiano\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o Web: Responsive &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","description":"l dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de cada car\u00e1cter, sus im\u00e1genes o videos y cada lista de men\u00fas o botones que esta lleve. eb.","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:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/","og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o Web: Responsive &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","og_description":"l dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de cada car\u00e1cter, sus im\u00e1genes o videos y cada lista de men\u00fas o botones que esta lleve. eb.","og_url":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/","og_site_name":"Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","article_publisher":"https:\/\/www.facebook.com\/niixer\/","article_published_time":"2020-10-14T23:42:54+00:00","article_modified_time":"2020-11-16T14:40:33+00:00","og_image":[{"width":1280,"height":853,"url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg","type":"image\/jpeg"}],"author":"Alfredo Granada Rubiano","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Alfredo Granada Rubiano","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#article","isPartOf":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/"},"author":{"name":"Alfredo Granada Rubiano","@id":"https:\/\/niixer.com\/#\/schema\/person\/0273409b94639f242a49867cccce9e70"},"headline":"Dise\u00f1o Web: Responsive","datePublished":"2020-10-14T23:42:54+00:00","dateModified":"2020-11-16T14:40:33+00:00","mainEntityOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/"},"wordCount":869,"commentCount":1,"publisher":{"@id":"https:\/\/niixer.com\/#organization"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg","keywords":["Dise\u00f1o web","Responsive","Smart Tv","Smatphone","Tablet"],"articleSection":["Programaci\u00f3n y desarrollo de software"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/","url":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/","name":"Dise\u00f1o Web: Responsive &#8211; Portal de noticias de tecnolog\u00eda, Realidad Virtual, Aumentada y Mixta, Videojuegos","isPartOf":{"@id":"https:\/\/niixer.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#primaryimage"},"image":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg","datePublished":"2020-10-14T23:42:54+00:00","dateModified":"2020-11-16T14:40:33+00:00","description":"l dise\u00f1o web Responsive consiste en la creaci\u00f3n de una p\u00e1gina web que pueda ser adaptable a diferentes tipos de dispositivos. Esta se redimensiona al ancho y largo de cada dispositivo logrando acomodar cada uno de los elementos que lleve la p\u00e1gina web, desde el tama\u00f1o de cada car\u00e1cter, sus im\u00e1genes o videos y cada lista de men\u00fas o botones que esta lleve. eb.","breadcrumb":{"@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#primaryimage","url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg","width":1280,"height":853,"caption":"Dise\u00f1o Responsive"},{"@type":"BreadcrumbList","@id":"https:\/\/niixer.com\/index.php\/2020\/10\/14\/diseno-web-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/niixer.com\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o Web: Responsive"}]},{"@type":"WebSite","@id":"https:\/\/niixer.com\/#website","url":"https:\/\/niixer.com\/","name":"Portal de noticias de tecnolog\u00eda, ciencia, Android, iOS, Realidad Virtual, Aumentada y Mixta, Videojuegos, computadores, todo lo mas reciente en tecnolog\u00eda","description":"Portal de noticias de tecnolog\u00eda","publisher":{"@id":"https:\/\/niixer.com\/#organization"},"alternateName":"Niixer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/niixer.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/niixer.com\/#organization","name":"Niixer","alternateName":"Niixer.com","url":"https:\/\/niixer.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/","url":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","contentUrl":"https:\/\/niixer.com\/wp-content\/uploads\/2022\/08\/logo-niixer-sin-fondo-1.png","width":140,"height":140,"caption":"Niixer"},"image":{"@id":"https:\/\/niixer.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/niixer\/","https:\/\/www.instagram.com\/niixer.tecnologia\/"]},{"@type":"Person","@id":"https:\/\/niixer.com\/#\/schema\/person\/0273409b94639f242a49867cccce9e70","name":"Alfredo Granada Rubiano","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/c12e355fcd7312d87bb6c4aaed52e8080b11e664a7b2e6fd8ca8f253302b629d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c12e355fcd7312d87bb6c4aaed52e8080b11e664a7b2e6fd8ca8f253302b629d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c12e355fcd7312d87bb6c4aaed52e8080b11e664a7b2e6fd8ca8f253302b629d?s=96&d=mm&r=g","caption":"Alfredo Granada Rubiano"},"sameAs":["http:\/\/www.niixer.com"],"url":"https:\/\/niixer.com\/index.php\/author\/arubianog\/"}]}},"jetpack_featured_media_url":"https:\/\/niixer.com\/wp-content\/uploads\/2020\/10\/website-3374825_1280.jpg","_links":{"self":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/1037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":1,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/1037\/revisions"}],"predecessor-version":[{"id":1039,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/posts\/1037\/revisions\/1039"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media\/1038"}],"wp:attachment":[{"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/media?parent=1037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/categories?post=1037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/niixer.com\/index.php\/wp-json\/wp\/v2\/tags?post=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}