Foro tematico 1. Juan y Roberto se encuentran hablando a la salida del Instituto

Juan y Roberto se encuentran hablando a la salida del Instituto. Juan, que le gusta mucho el lenguaje Java, comenta que el diseño web no es programación. Roberto, que es estudiante de economía dice que sí,  pues para él todo lo que tenga que ver con escribir código es programación.  ¿Qué  puedes aclarar a este respecto? Comenta

Partiendo de la base de lo que significa diseño web,  es una actividad que consiste en la planificación, diseño e implementación de sitios web. El diseño web se encarga de diseñar la web, creando contenidos gráficos como imágenes o videos. Aquí es donde entra la programación, el programador es el que se encarga de hacer que todo funcione, ya que se encarga de la parte técnica de la web y es imprescindible para que este funcione, encargándose de acciones como las opciones de búsqueda y filtrados entre otras muchas. Por tanto, diría que el diseño web sí que es programación.

A propósito del diseño web, más tarde Roberto comenta que algunas páginas web cuando las consulta con su ordenador se ven muy bien, pero cuando lo hace con el móvil o con la Tablet no se ven bien, da la impresión de que  no están adaptadas a estos dispositivos. Juan, que es estudiante de informática,  le habla del diseño web adaptativo. ¿Qué quiere decir Juan con esto? Comenta

El diseño web adaptativo es una técnica de diseño web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en las hojas de estilo CSS, se consigue adaptar el sitio web al dispositivo del usuario, ya sea este un Smartphone, una Tablet o un pc.

Juan quiere decir que con esta técnica se pueden resolver los distintos problemas de incompatibilidad de esas páginas web para que cuando las consulten, sea desde el dispositivo que sea, se muestre la información de la página de una forma clara y correcta

En esta conversación Ana, que es compañera de Juan, se incorpora al grupo y  comenta el papel juegan la utilización de las MediaQuery  de CSS3  en la  realización de las web responsive. Todos se quedan boquiabiertos. ¿Qué es esto? ¿Es una parrafada de Ana? ¿Tiene algo que ver con el punto anterior?  Comenta

Las Media Queries son una de las grandes ventajas de CSS3, ya que permiten saber qué sistema se está visualizando una página web y, en función de ello, aplicar unas reglas de estilo u otras.

Por supuesto que tienen que ver, los mediaquery juegan un papel importantísimo en el diseño web adaptativo, ya que en función de un dispositivo u otro, gracias a las mediaquery, nos permite saber el dispositivo que está visualizando la página, y en función de esto y mediante las condiciones indicadas, seleccionar unas reglas de estilo que deben aplicarse cuando se cumplan esas condiciones. Además, las mediaquery se pueden usar con total tranquilidad ya que son soportadas por todos los exploradores y dispositivos.

...