Resumen 24/04/2020

Hola a tod@s!!! Un pequeño resumen para l@s que no han podido participar hoy y los deberes para el finde! 😊

Hemos hablado de dos posibles métodos de diseño de página web responsive:

-          1 Única estructura HTML + múltiples CSS

-          Múltiples estructuras HTML + 1 CSS ( o más?  ) por cada estructura

En el primer caso solo hay una versión HTML de la página y múltiples CSS que se activan en función del tamaño de la pantalla del dispositivo en que se visualiza

En el segundo caso hay más versiones HTML de la página y múltiples CSS. Según el tamaño de la pantalla del dispositivo en que se visualiza, se activa una versión de HTML y su correspondiente CSS.

Esta última versión permite una customización extrema de la página, pero resulta mas complicada. Así que para nuestros proyectos es mejor orientarse hacia la primera opción.

El Juan Carlos, nos ha pasado un pdf muy útil sobre el CSS, con la lista de todas las instrucciones CCS, que adjunto abajo. (gracias 😊 )

---------------------------------------------------------------------------------------------------------------------------------------------------

Para completar (a nuestro nivel…)  el tema responsive, hemos visto que es imprescindible conocer las diferentes técnicas de estructura de la página (tema sugerido por el Jordan).

Por eso como “deberes” para el finde hemos sugerido el estudio de las siguientes 3 secciones del W3schools, donde es posible ver lo tres modelos principales: model box, model grid, flexbox

CSS Grid: https://www.w3schools.com/css/css_grid.asp

-          Grid Intro

-          Grid Container

-          Grid Item

 

CSS Responsive:  https://www.w3schools.com/css/css_rwd_mediaqueries.asp

-          RWD Intro

-          RWD Viewport

-          RWD Grid View

-          RWD Media Queries

-          RWD Images

-          RWD Videos

-          RWD Frameworks

-          RWD Templates

 

CSS Examples: https://www.w3schools.com/css/css_templates.asp

-          CSS Templates

-          CSS Examples

-          CSS Quiz

-          CSS Exercises

-          CSS Certificate

 

---------------------------------------------------------------------------------------------------------------------------------------------------

Sugerencia:

Como sugerencia personal, que podemos discutir el lunes, estaba pensando proponer el uso del GitHub para gestionar el proyecto unico que habíamos propuesto el primer día.

Esto nos permitiría, aprender a gestionar proyectos colectivos y trazar las versiones  y los autores de los cambios. Aquí abajo os dejo los enlaces al sitio y tutoriales.

https://github.com/

https://product.hubspot.com/blog/git-and-github-tutorial-for-beginners

https://www.youtube.com/watch?v=iv8rSLsi1xo

Buon finde a tod@s

Hasta el lunes !!!