Formation multimédia (suite)

Depuis la fin avril nous sommes en formation à distance et nous avons beaucoup travaillé. Fonctionnant en local, c’est plus difficile de faire voir l’avancement du travail, bien que j’exporterai sur mon hébergement certains exercices surement très prochainement.
Je fais donc un article pour actualiser toute cette période.

Tout d’abord nous créons une machine virtuelle avec virtual box que nous configurons, ceci afin d’anticiper les changements de poste pc/mac, étant donné la caractère dynamique de wordpress. Contrairement au site statique ou l’on prépare chaque pages, les sites dynamiques ont des pages qui sont assemblées par des bases de données.

Nous avons d’abord abordé les média-queries et par la même le responsive.

Nous établissons un mock up, base indispensable sur la structure d’un site ou blog.

Puis nous travaillons sur wordpress, exportation d’un blog ou site, création d’un thème enfant à partir d’un thème très minimaliste pour le personnaliser à volonté.

Intégration d’une side bar, d’un slider ou diaporama ou de plusieurs sliders à partir du thème enfant.
Personnalisation des pages & articles.

Nous traitons ensuite, bootstrap avec l’intégration d’un effet smooth scroll. Je décide de travailler sur un projet de CV web. La grille bootstrap est très intéressante pour un concept de site one page, le site ce code entièrement bien qu’il soit possible de partir sur un thème bootstrap.

Nous sommes ensuite initié au php, gros morceau. Le php est cousin du javascript, c’est un langage très exigeant.

Nous travaillons après sur les préprocesseurs sass, le scss est très utile et simplifie pas mal le travail sur le css. Au préalable nous installons ruby pour les pc. Nous abordons les lignes de commandes pour liés les fichiers, « nouveau terminal au dossier ».

Enfin un exercice assez complet, un site imm « responsive » reprenant les différents éléments de codes.

Un site IMM que j’exporterai certainement sur mon hébergement étant donné son caractère très complet en terme de code ; css, html, svg, média-queries, préprocesseur sass.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

w

Connexion à %s