Introducción a la elaboración páginas web

Tema : Introducción Aprendizajes esperados: Identificar las páginas web como un medio de comunicación. Estrategia Autoaprendizaje       Técnica Estudio individual    / grupal     Realizar las actividades : lectura del texto, Subrayar ideas principales, elaborar el producto* de la situación que plantea el texto y reflexión en el diario de clase acerca de lo que se aprendió. Exponer en equipo, con diapositivas el proceso de desarrollo de sus actividades, con ejemplos y/o analogías en contextos diferentes, expresándose con sus palabras, además de preparar un guión para entrega previa a la exposición. Plan B. Puede realizarse en hojas de rotafolio en equipos. Principios básicos del diseño https://www.cice.es/noticia/6-principios-basicos-diseno-grafico/ Los elementos básicos del diseño son: el punto, la línea y el plano, el espacio y el volumen, el ritmo y equilibrio, la simetría y asimetría, la escala, la textura y el color, la figura y el fondo, jerarquía, retícula, tiempo y movimiento.

Introducción al diseño web  Definición El diseño es fundamental para el éxito de un sitio web. Se entiende por diseño la forma y el estilo de la página, es decir, no basta con crear una página mediante HTML y CSS, sino que la página debe resutar útil y atractiva para el usuario. Entran dentro del diseño, aspectos tales como la maquetación, los colores, la distribución de elementos, el tamaño y forma de los mismos, y otros elementos del estilo y composición del sitio. Un buen diseño El éxito de un sitio web no depende sólamente de que se muestren buenos contenidos, sino que gran parte del éxito se debe a un buen diseño. Una página con un buen diseño debe ser a la vez útil y atractiva, para ello debemos tener en cuenta no sólo la usabilidad o funcionalidad, sino también la estética. Al crear una página debemos pensar sobre todo en el punto de vista del usuario, es decir que a éste la página le resulte fácil de usar, y atractiva, no sólo por sus contenidos, sino también visualmente. En principio cabría pensar que un buen diseño es sólo cuestión de aplicar el buen gusto y el sentido común. Sin embargo esto puede no ser suficiente ya que en el diseño, existen una serie de normas y directrices que van más allá de gustos personales o de modas. Limitaciones del diseño web Como en cualquier otro tipo de diseño, el diseño web también tiene sus limitaciones. En cualquier tipo de diseño hay una serie de condicionantes que depenen del medio o material con el que diseñamos, así como el tipo de diseño. En el diseño web dependemos de un medio, que es Internet, así como de unos lenguajes de programación: HTML, CSS, Javascript, PHP. Estos condicionantes hacen que el diseño web tenga una serie de características. Descarga desde un servidor : Las páginas web deben descargarse desde un servidor web remoto, esto hace que el ancho de banda de la conexión del usuario sea un factor importante. Tendremos que tener en cuenta el tamaño o "peso" de la página (Kb que ocupa), para que ésta no tarde mucho en cargarse. Tamaño de las imágenes : El "peso" de la página depende del "peso" de la suma de todos sus componentes o archivos. Sin duda los archivos de mayor peso son las imágenes y archivos multimedia. No podemos prescindir de las imágenes en la pagina, pero sí que podemos reducir su peso sin disminuir por ello su calidad. Sobre este tema hablamos también en la página Imágenes en la web/Generalidades. Los Navegadores : Las páginas web son archivos que deben ser visualizados en unas aplicaciones llamadas navegadores. No todos los navegadores visualizan las páginas de la misma manera. A esto se añade que cada vez más usuarios se conectan a Internet a través de otros dispositivos que no son ordenadores (móviles, tablets, I-Phones, etc); Las páginas puede que no se visualicen de la misma manera en estos dispositivos. Interactividad : Toda página tiene una serie de elementos interactivos que debemos tener en cuenta. Algunos de éstos suelen ser listas de enlaces, formularios, u otros elementos que pueden hacer la página más dinámica. La colocación de estos elementos debemos hacerlo de forma que estén integrados en la página. Otros elementos : Hay otra serie de elementos que debemos tener en cuenta en el diseño de páginas, entre ellos, la resolución de pantalla del usuario, el tipo de letra empleado, los colores y líneas dominantes, la distribución de los contenidos, etc. El diseño web tiene sus propias caracterísicas, a lo dicho anteriormente tenemos que tener en cuenta tanto el contenido de la página como la actitud de los usuarios de la Web. Utilidad y estética Si éstas son las claves de cualquier diseño, en el entorno de la Web esto debe ser la finalidad de todo diseño web. Como utilidad se entiende también la funcionalidad y la usabilidad, es decir la página debe ser fácil de ver y de utilizar por el usuario, es decir, que el usuario encuentre en un primer vistazo lo que busca, que los enlaces y demás elementos estén claros, de forma que el usuario no abandone la pagina por falta de claridad. La estética de una página tiene que ver con la maquetación, los colores, la distribución de los elementos, tipo de letra, etc. Todo esto debe estar en función de los contenidos, del tipo de usuario al que va dirigida la página, del tipo de sitio web al que pertenece, etc. La página debe resultar atractiva para el usuario, de forma que su diseño esté en concordancia con los contenidos. Aplicación de los conocimientos recolectar inf.,resumir, buscar, armar, disena, resumir, descubrir, retroalimentar, reflexionar. .Escribe en tu libreta, el análisis entre el código y la ejecución del mismo.