[av_section min_height=’50’ min_height_px=’500px’ padding=’no-padding’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=» color=’main_color’ custom_bg=» src=’https://einnova.com/wp-content/uploads/2015/11/gent_ordinador_1-1030×664.png’ attachment=’16220′ attachment_size=’large’ attach=’parallax’ position=’top center’ repeat=’stretch’ video=» video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=» overlay_pattern=» overlay_custom_pattern=» av_uid=’av-2uchtah’]
[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=» custom_margin_top=’5px’ custom_margin_bottom=’5px’ icon_select=’no’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-2rh7j9l’]
[av_heading tag=’h1′ padding=’10’ heading=’Diseño web Páginas responsive’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#ffffff’ size=’55’ subheading_active=’subheading_below’ subheading_size=’34’ custom_class=» admin_preview_bg=» av-desktop-hide=» av-medium-hide=» av-small-hide=» av-mini-hide=» av-medium-font-size-title=» av-small-font-size-title=» av-mini-font-size-title=» av-medium-font-size=» av-small-font-size=» av-mini-font-size=» av_uid=’av-2pz3vix’][/av_heading]
[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=» custom_margin_top=’5px’ custom_margin_bottom=’5px’ icon_select=’no’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-2ox59zt’]
[av_one_third first min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-2msvv49′]
[/av_one_third][av_one_third min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-2ld2xrt’]
[av_button label=’Contactar’ link=’manually,/contacto’ link_target=’_blank’ size=’medium’ position=’center’ icon_select=’yes’ icon_hover=’aviaTBicon_hover’ icon=’ue885′ font=’entypo-fontello’ color=’custom’ custom_bg=’#d0663a’ custom_font=’#ffffff’ admin_preview_bg=» av_uid=’av-2jxkq89′]
[/av_one_third][av_one_third min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-2io8csp’]
[/av_one_third][av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=» custom_margin_top=’5px’ custom_margin_bottom=’5px’ icon_select=’no’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-2g2nfxl’]
[/av_section][av_submenu which_menu=» menu=’345′ position=’center’ color=’main_color’ sticky=’aviaTBsticky’ mobile=’disabled’ av_uid=’av-2f7pjmh’]
[av_submenu_item title=’Menu Item 1′ link=» linktarget=’no’ button_style=» av_uid=’av-8ghuw9′]
[av_submenu_item title=’Menu Item 2′ link=» linktarget=’no’ button_style=» av_uid=’av-2axmzp5′]
[/av_submenu]
[av_section min_height=» min_height_px=’500px’ padding=’default’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=» color=’main_color’ custom_bg=» src=» attachment=» attachment_size=» attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=» video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=» overlay_pattern=» overlay_custom_pattern=» av_uid=’av-2aolf0p’]
[av_codeblock wrapper_element=» wrapper_element_attributes=» av_uid=’av-284f355′]
[/av_codeblock]
[av_one_third first min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-25x4d2x’]
[av_image src=’https://einnova.com/wp-content/uploads/2018/01/posicionamiento-web.jpg’ attachment=’22918′ attachment_size=’full’ align=’right’ styling=» hover=» link=» target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ animation=’left-to-right’ admin_preview_bg=» av_uid=’av-24bsj8p’][/av_image]
[av_button label=’Te regalamos 1h. asesoramiento’ link=’manually,/contacto’ link_target=’_blank’ size=’medium’ position=’right’ icon_select=’yes’ icon_hover=’aviaTBicon_hover’ icon=’ue885′ font=’entypo-fontello’ color=’custom’ custom_bg=’#d0663a’ custom_font=’#ffffff’ av_uid=’av-7gnka1′]
[/av_one_third][av_two_third min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-2115wyh’]
[av_heading tag=’h2′ padding=’10’ heading=’¿Qué es el diseño responsive?’ color=’custom-color-heading’ style=’blockquote modern-quote modern-centered’ custom_font=’#444444′ size=’34’ subheading_active=’subheading_below’ subheading_size=’34’ custom_class=» admin_preview_bg=» av-desktop-hide=» av-medium-hide=» av-small-hide=» av-mini-hide=» av-medium-font-size-title=» av-small-font-size-title=» av-mini-font-size-title=» av-medium-font-size=» av-small-font-size=» av-mini-font-size=» av_uid=’av-1zmmfex’][/av_heading]
[av_textblock size=’15’ font_color=» color=» av-medium-font-size=» av-small-font-size=» av-mini-font-size=» admin_preview_bg=» av_uid=’av-1yqxb61′]
El objetivo del diseño responsive es el de evitar la creación de distintas versiones de web para cada uno de los dispositivos que pueden usar una página web (una versión para los ordenadores, otra para móviles y otra para tablets).
Ethan Marcotte presentó la técnica “Responsive Web Design” en una serie de artículos en la famosa revista online A List Apart. Su idea luego se extendió en su libro Responsive Web Design.
[/av_textblock]
[/av_two_third]
[/av_section]
[av_section min_height=» min_height_px=’500px’ padding=’no-padding’ shadow=’no-border-styling’ bottom_border=’no-border-styling’ id=» color=’main_color’ custom_bg=’#289dcc’ src=» attachment=» attachment_size=» attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=» video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=» overlay_pattern=» overlay_custom_pattern=» av_uid=’av-1wntwmx’]
[av_one_fifth first min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-1vbzxw9′]
[/av_one_fifth][av_two_fifth min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-1trkwm1′]
[av_hr class=’invisible’ height=’25’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=» custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-1rhxipl’]
[av_hr class=’invisible’ height=’25’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=» custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-1qee4fd’]
[av_image src=’https://einnova.com/wp-content/uploads/2014/05/William-Shakespeare-3.png’ attachment=’18659′ attachment_size=’full’ align=’center’ animation=’pop-up’ styling=’no-styling’ hover=» link=» target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ av_uid=’av-1ogvc49′][/av_image]
[av_font_icon icon=’ue8f4′ font=’entypo-fontello’ style=’border’ caption=» link=’manually,https://www.facebook.com/einnovacom/’ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’ av_uid=’av-1mbl22x’][/av_font_icon]
[av_font_icon icon=’ue8f2′ font=’entypo-fontello’ style=’border’ caption=» link=’manually,http://twitter.com/einnova’ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’ av_uid=’av-1lb79ax’][/av_font_icon]
[av_font_icon icon=’ue8f7′ font=’entypo-fontello’ style=’border’ caption=» link=’manually,https://plus.google.com/107125586381470617949′ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’ av_uid=’av-1jnhp1l’][/av_font_icon]
[av_font_icon icon=’ue8fd’ font=’entypo-fontello’ style=’border’ caption=» link=’manually,https://www.linkedin.com/company/1081608?trk=vsrp_companies_cluster_name&trkInfo=VSRPsearchId%3A2844454971448966670584%2CVSRPtargetId%3A1081608%2CVSRPcmpt%3Acompanies_cluster’ linktarget=’_blank’ size=’35px’ position=’left’ color=’#ffffff’ av_uid=’av-1i10pq1′][/av_font_icon]
[/av_two_fifth][av_two_fifth min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-1gsfcih’]
[av_hr class=’invisible’ height=’25’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=» custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-1f5lxnt’]
[av_image src=’https://einnova.com/wp-content/uploads/2016/01/Shakespeare-296×300.png’ attachment=’18453′ attachment_size=’medium’ align=’right’ animation=’right-to-left’ styling=» hover=» link=» target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ av_uid=’av-1clwjcp’][/av_image]
[/av_two_fifth]
[/av_section]
[av_section min_height=» min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=» color=’main_color’ custom_bg=» src=» attachment=» attachment_size=» attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=» video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=» overlay_pattern=» overlay_custom_pattern=» av_uid=’av-4pgj6h’]
[av_one_full first min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-19gde09′]
[av_textblock size=» font_color=» color=» av_uid=’av-17fynex’]
Esto significa ir más allá de tener un diseño fluido. Hacer una página web con “Responsive Web Design” es hacer un sólo diseño web que sea sensible a los distintos anchos de pantalla de cada dispositivo y que sea receptivo a distintos métodos de interacción que utiliza el usuario (pulsar, click del ratón, arrastrar, etc)
¿Quieres un diseño web responsive o quieres una versión de web móvil y otra versión web para ordenador? Te podemos ayudar a decidir valorando las ventajas y requisitos de cada una de estas opciones.
[/av_textblock]
[av_button label=’Empezar ahora’ link=’manually,/contacto’ link_target=’_blank’ size=’medium’ position=’left’ icon_select=’yes’ icon_hover=’aviaTBicon_hover’ icon=’ue885′ font=’entypo-fontello’ color=’custom’ custom_bg=’#d0663a’ custom_font=’#ffffff’ av_uid=’av-16hsdah’]
[/av_one_full][av_one_half first min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ animation=» av_uid=’av-14zix7t’]
[av_toggle_container initial=’0′ mode=’accordion’ sort=» styling=» colors=» font_color=» background_color=» border_color=» av_uid=’av-13m0q9l’]
[av_toggle title=’Usabilidad’ tags=» av_uid=’av-11vpadl’]
- La usabilidad es la experiencia que un usuario a tenido durante su navegación en tu página web. Es muy importante a la hora de diseñar tu página web que pienses en el usuario.
- Haz que sea fácil, cómoda y práctica su navegación en tu web y que encuentre todo lo que está buscando con facilidad, porque así acabará realizando conversiones.
[/av_toggle]
[av_toggle title=’Adaptación’ tags=» av_uid=’av-z71s15′]
- Adapta todo el contenido de tu web para que se adapte segun la plataforma donde sea vista, de esta manera el usuario no se perderá ningún tipo de información.
[/av_toggle]
[av_toggle title=’Imágenes’ tags=» av_uid=’av-y8rfax’]
- Haz que tus imágenes se adapten segun si ven tu web desde un ordenador, una tablet o un dispositivo móbil.
[/av_toggle]
[av_toggle title=’Mejor Posicionamiento’ tags=» av_uid=’av-wyvbzt’]
- a
[/av_toggle]
[av_toggle title=’Menos Rebote’ tags=» av_uid=’av-uztgnt’]
- Estudia la manera de que tus usuarios no se vayan de tu web solo entrar, propocionales eso que estan buscando, proporciona información atractiva.
- De esta manera augmentará su navegación en tu web.
[/av_toggle]
[av_toggle title=’Móviles’ tags=» av_uid=’av-sakipl’]
- Cada vez es más importante que tu sitio web se vea en dispositivos mobiles y en tabletas.
- La sociedad va todo el dia con el mobil en la mano, de manera que no puedes olvidar este aspecto, porque es fundamental. Sino, estás perdiendo muchos usuarios!
Tu web tiene que ser Responsive.
[/av_toggle]
[av_toggle title=’Tablets’ tags=» av_uid=’av-rylx61′]
- Cada vez es más importante que tu sitio web se vea en dispositivos mobiles y en tabletas.
- La sociedad va todo el dia con el mobil en la mano, de manera que no puedes olvidar este aspecto, porque es fundamental. Sino, estás perdiendo muchos usuarios!
Tu web tiene que ser Responsive.
[/av_toggle]
[av_toggle title=’Texto’ tags=» av_uid=’av-pzic3t’]
- Cuando vayas a redactar el contenido debes tener en mente los siguientes pasos.
- Ten en mente a quien te diriges, tu público (target).
- Haz títulos atractivos para llamar la atención, pero no los hagas muy largos (máximo 70 caracteres).
- No hagas textos muy largos, la simplicidad es un valor. Este aspecto hace que aumente la estancia del usuario si el texto es breve y conciso. (No más de 200 caracteres por texto).
- Destaca las palabras claves de tu texto.
- Introducir imágenes o videos que ayuden a comprender de manera más rápida o complementen la información.
- Utiliza links para dar ejemplos o conectar sitios relacionados con tu contenido.
[/av_toggle]
[av_toggle title=’+ Ventas’ tags=» av_uid=’av-nsfr95′]
- a
[/av_toggle]
[/av_toggle_container]
[/av_one_half][av_one_half min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-mm7p15′]
[av_image src=’https://einnova.com/wp-content/uploads/2016/02/Diseño_web_con_neuro_marketing_caixa6-min.png’ attachment=’19159′ attachment_size=’full’ align=’center’ animation=’no-animation’ styling=» hover=» link=’lightbox’ target=» caption=» font_size=» appearance=» overlay_opacity=’0.1′ overlay_color=» overlay_text_color=’#ffffff’ av_uid=’av-l5ou1l’][/av_image]
[/av_one_half]
[/av_section]
[av_section min_height=’25’ min_height_px=’500px’ padding=’default’ shadow=’no-shadow’ bottom_border=’no-border-styling’ id=» color=’main_color’ custom_bg=’#289dcc’ src=» attachment=» attachment_size=» attach=’scroll’ position=’top left’ repeat=’no-repeat’ video=» video_ratio=’16:9′ overlay_opacity=’0.5′ overlay_color=» overlay_pattern=» overlay_custom_pattern=» av_uid=’av-jgw1qx’]
[av_heading heading=’Eshow 2013′ tag=’h2′ style=’blockquote modern-quote’ size=’34’ subheading_active=» subheading_size=’15’ padding=’10’ color=’custom-color-heading’ custom_font=’#ffffff’ av_uid=’av-he4nbd’][/av_heading]
[av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-none’ custom_width=’50px’ custom_border_color=» custom_margin_top=’5px’ custom_margin_bottom=’30px’ icon_select=’no’ custom_icon_color=» icon=’ue808′ font=’entypo-fontello’ av_uid=’av-g9xgjt’]
[av_one_fourth first min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-ea5855′]
[av_image src=’https://einnova.com/wp-content/uploads/2014/05/DSC02461-225×300.jpg’ attachment=’18694′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=» hover=’av-hover-grow’ link=’lightbox’ target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ av_uid=’av-d3s8g9′][/av_image]
[/av_one_fourth][av_one_fourth min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-10v31l’]
[av_image src=’https://einnova.com/wp-content/uploads/2014/05/DSC02467-300×225.jpg’ attachment=’18695′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=» hover=’av-hover-grow’ link=’lightbox’ target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ av_uid=’av-8p0zzt’][/av_image]
[/av_one_fourth][av_one_fourth min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-ri5ex’]
[av_image src=’https://einnova.com/wp-content/uploads/2014/05/DSC02470-300×225.jpg’ attachment=’18693′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=» hover=’av-hover-grow’ link=’lightbox’ target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ av_uid=’av-6kexvd’][/av_image]
[/av_one_fourth][av_one_fourth min_height=» vertical_alignment=» space=» custom_margin=» margin=’0px’ padding=’0px’ border=» border_color=» radius=’0px’ background_color=» src=» background_position=’top left’ background_repeat=’no-repeat’ av_uid=’av-4gldzd’]
[av_image src=’https://einnova.com/wp-content/uploads/2014/05/DSC02468-300×225.jpg’ attachment=’18696′ attachment_size=’medium’ align=’center’ animation=’pop-up’ styling=» hover=’av-hover-grow’ link=’lightbox’ target=» caption=» font_size=» appearance=» overlay_opacity=’0.4′ overlay_color=’#000000′ overlay_text_color=’#ffffff’ av_uid=’av-bu0rt’][/av_image]
[/av_one_fourth]
[/av_section]
