Elements avançats de disseny web i adaptació a plataformes mòbils

Descripció

Més enllà d'HTML i CSS: icones fetes amb tipografies, plugins de CSS, imatges 'retina' per a pantalles dalta definició i tècniques responsives dadaptació a smartphonesper fer donar un salt endavant al teu web.

Objectius específics

Important: per fer aquesta activitat cal tenir coneixements d' HTML i CSS o haver fet anteriorment l'activitat "Introducció a la maquetació per a la web". Després de fer aquesta activitat podeu seguir la vostra formació a les activitats: "Publicació web i indexació en cercadors (SEO)" o "Introducció al disseny web responsiu"

Un dissenyador web ha d'anar més enllà del simple HTML i CSS. En aquesta càpsula implementarem la web amb elements de nova generació: Icones fetes amb tipografies, plugins de CSS, imatges retina per pantalles d'alta definició i tècniques responsives d'adaptació a smartphones. Amb aquesta càpsula la teva web farà un salt endavant amb noves funcionalitats, nous efectes i una càrrega més ràpida en dispositius de nova generació.

TEMARI

1. Introducció a la web dels dispositius
Smartphones (Apple Iphone 6/6+, Sony Xperia Z3)
Tablets (Apple iPad retina, Samsung Galaxy tabs)
Portàtils (Apple Macbook pro retina, Google ChromeBook,..)
TV

2. Enfocament d'un projecte web modern
Decisions prèvies Planning

3. Crear assets moderns per la web utilitzant eines Vectorials i Bitmap
Formats Vectorials (SVG) amb Adobe Illustrator
Formats tipogràfics (WebFonts) amb Google i @font-face
Formats Bitmap (PNG x1 x2 x3 ) amb Adobe Photoshop
Tècniques d'optimització d'imatges
Icones via CSS (Font-Awesome).

4. Estratègies responsives
Disseny responsiu per a pantalles HD
Utilització de CSS
CSS3 MediaQueries per a HD
Càrrega d'assets HD

5. Pràctica
Implementació pràctica en projecte amb assets (png, svg, webfonts) amb Mediaqueries adaptats a pantalles HD i icones via CSS (Font-Awesome).

Edició 1

Sessió presencial

dj. 07/09/17 09:30-12:30h

MediaTic C/Roc Boronat, 117

Barcelona

Inscripció tancada.

Edició 2

Sessió presencial

dj. 21/09/17 16:00-19:00h

MediaTic C/Roc Boronat, 117

Barcelona

Places disponibles: 12. Inscriure'm

Edició 3

Sessió presencial

dj. 05/10/17 09:30-12:30h

MediaTic C/Roc Boronat, 117

Barcelona

Obertura de la inscripció 28/09/2017 a les 08:30h.

Edició 4

Sessió presencial

dj. 19/10/17 16:30-19:30h

MediaTic C/Roc Boronat, 117

Barcelona

Obertura de la inscripció 12/10/2017 a les 08:30h.

Edició 5

Sessió presencial

dj. 09/11/17 09:30-12:30h

MediaTic C/Roc Boronat, 117

Barcelona

Obertura de la inscripció 02/11/2017 a les 08:30h.

Edició 6

Sessió presencial

dj. 23/11/17 16:30-19:30h

MediaTic C/Roc Boronat, 117

Barcelona

Obertura de la inscripció 16/11/2017 a les 08:30h.

Edició 7

Sessió presencial

dj. 30/11/17 09:30-12:30h

MediaTic C/Roc Boronat, 117

Barcelona

Obertura de la inscripció 23/11/2017 a les 08:30h.

Edició 8

Sessió presencial

dj. 14/12/17 16:30-19:30h

MediaTic C/Roc Boronat, 117

Barcelona

Obertura de la inscripció 07/12/2017 a les 08:30h.

Informació general

>> No es permetrà l'entrada a l'aula després de 15 minuts de començada la classe.

>> Les activitats Cibernàrium es realitzen en català, excepte en casos particulars i a no ser que la majoria dels assistents sol·licitin que es facin en castellà.

Qualsevol de les accions formatives de Cibernàrium podrà ser enregistrada a través d'un sistema de captació d'imatges que té com a finalitat la seva posterior difusió a través d'un mitjà o suport en l'àmbit de la missió de Barcelona Activa de contribuir a la promoció econòmica i a l'ocupació. En el procés de gravació es poden enregistrar eventualment imatges dels/de les assistents a la formació. La inscripció a les activitats de Cibernàrium implica l'autorització a Barcelona Activa de fer ús d'aquestes imatges per a l'anterior finalitat.

>> Per inscriure's a qualsevol activitat cal tenir un usuari web creat. Pots crear-te'l
aquí

>> És imprescindible passar a signar assistència pel taulell de Recepció abans d'accedir a l'aula.

Més formació que pots trobar a Barcelona

Consulta altres ofertes formatives similars relacionades amb el tema del teu interès que pots trobar a Barcelona. Aquestes activitats no són organitzades ni tenen relació amb Barcelona Activa. Veure llistat de formacions relacionades

Hi ha una nova versió de la Llei Orgànica de Protecció de Dades de Caràcter Personal.
Si us plau, accepta-la per poder continuar amb la inscripció.

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 1

Sessió presencial

dj. 07/09/17 09:30-12:30h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 2

Sessió presencial

dj. 21/09/17 16:00-19:00h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 3

Sessió presencial

dj. 05/10/17 09:30-12:30h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 4

Sessió presencial

dj. 19/10/17 16:30-19:30h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 5

Sessió presencial

dj. 09/11/17 09:30-12:30h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 6

Sessió presencial

dj. 23/11/17 16:30-19:30h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 7

Sessió presencial

dj. 30/11/17 09:30-12:30h

MediaTic C/Roc Boronat, 117 Barcelona

Elements avançats de disseny web i adaptació a plataformes mòbils: Edició 8

Sessió presencial

dj. 14/12/17 16:30-19:30h

MediaTic C/Roc Boronat, 117 Barcelona

Dades personals

Nom i Cognoms:

NIF/NIE: 10158

Email: default@liferay.com

Data de naixement: 28/06/2016

Accepto les condicions d'inscripció