Archives par catégorie : Formation

Je suis également formateur, donc parfois je parle de mes expériences de formateur en PAO et Webdesign, du métier de formateur, de l’avenir de la formation professionnelle…

L’improbable demande de CV

J’ai reçu ce matin un appel d’un de mes partenaires qui désire que j’intègre une équipe de formateurs qu’il est en train de monter pour répondre à un appel d’offres de la région. Jusque là tout va bien. C’est une formation spécialisante en Webdesign en plusieurs modules et ce partenaire voudrait que j’intervienne sur trois […]

8 Commentaires

Lire : L’improbable demande de CV

Un diplôme pour les référenceurs et rédacteurs Web

L’intégrateur Web Activis s’est associé à l’IUT de Mulhouse pour créer un diplôme pour les référenceurs et rédacteurs Web. Dès la rentrée prochaine, une quinzaine d’étudiants pourront donc suivre un cursus de 1 650 heures sur ce nouveau métier du marketing, en passant par les voies de l’apprentissage et de la formation continue. Il s’agit […]

3 Commentaires

Lire : Un diplôme pour les référenceurs et rédacteurs Web

Grand moment de solitude pour un formateur

Dans la vie d’un formateur, il y a de nombreuses raisons pour qu’une formation se passe mal. Une des raisons principale à ce genre d’incidents, est une mauvaise estimation initiale du client des besoins en formation ou une mauvaise évaluation de l’entreprise de formation des besoins réels du client. On creuse les besoins réels, bien […]

6 Commentaires

Lire : Grand moment de solitude pour un formateur

Quelques nouvelles du programme de formation (X)HTML/CSS

Un peu d’information ne fait pas de mal, surtout pour vous dire que je n’ai pas abandonné le projet, juste pris beaucoup de retard… Je comptais dans un premier temps m’en occuper cet été, étant donné que c’est en général une période assez creuse pour le secteur de la création Web. Sauf que contre toute […]

7 Commentaires

Lire : Quelques nouvelles du programme de formation (X)HTML/CSS

Correction d’exercice : un menu en rollover façon "dock" Mac

Pour rappel, l’exercice ce trouve à cette adresse : Exercice CSS : un menu en « rollover façon « Dock Mac »

Comme il y a deux exercices pour le prix d’un seul, et le corrigé risque d’être un peu long, on va donc cliquer sur « lire la suite… »

11 Commentaires

Lire : Correction d’exercice : un menu en rollover façon "dock" Mac

Message de rappel

Correction de l’exercice : Exercice CSS : un menu en « rollover façon « Dock Mac » Euhhh lundi en fait hein, ça me semble plus réaliste. J’attends toujours vos propositions. clb56 est excusé. ;)

Aucun commentaire

Lire : Message de rappel

Exercice CSS : un menu en "rollover façon "Dock Mac"

Voila, après le teasing, voici l’exercice en entier, même si je sais que certains d’entre vous on déjà commencé à creuser le problème.

Aujourd’hui, nous avons deux exercices au lieu d’un seul.

Pourquoi deux ? Pour pouvoir gérer des différences de niveau de maitrise des outils, nous aurons donc une version « simple » de l’exercice accessible même aux débutants et une version plus complexe pour que les « cadors » puissent se creuser les neurones.

C’est parti !

6 Commentaires

Lire : Exercice CSS : un menu en "rollover façon "Dock Mac"

Correction d’exercice CSS : un pied de page qui dépasse sur le contenu

Pour rappel :

Le lien vers l’exercice : Exercice CSS : un pied de page qui dépasse sur le contenu

Et les consignes :

Un pied de page qui dépasse sur le contenu de la page

  • Objectif : à la fin de cet exercice, vous serez, normalement, capables, de positionner des éléments graphiques inclus dans la partie appelée « pied de page » de façon à ce qu’ils se superposent avec des contenus présents dans des éléments supérieurs de la page (voir image fournie pour une meilleure visualisation).
  • Niveau de difficulté : complexe
  • Difficulté détectée : Mise en page en trois colonnes, la colonne de gauche à un fond de couleur.
  • Pré requis techniques : connaitre les balises html, bases de CSS, une bonne connaissance des différents types de positionnement et leurs interactions est nécessaire (des sources sont fournies en bas de page).
  • Matériel nécessaire : Un éditeur de texte (ou html) et un logiciel de gestion d’images (the Gimp ou photoshop par exemple).
  • Informations complémentaires : Le design à une largeur fixe, les textes des colonnes visibles dans l’image jointe ne sont là qu’a titre indicatif, il faut, au final, que le texte du contenu central soit clairement positionné comme précisé sur le visuel. Comme toujours, le code html et CSS doivent être valides, c’est le minimum, je vous laisse tout liberté au niveau de contraintes supplémentaires si vous en avez envie. Bien sur au minimum compatible avec les principaux navigateurs du marché.

L’image

miniature de l'image de référence de l'exercice

Pour la suite, c’est par ici…

4 Commentaires

Lire : Correction d’exercice CSS : un pied de page qui dépasse sur le contenu

Exercice CSS : un pied de page qui dépasse sur le contenu

La semaine dernière, je vous avais parlé d’une maquette à réaliser en urgence. Cette maquette a été acceptée par le client, moyennant quelques petites modifications, mais le prestataire en charge de l’intégration m’est tombée dessus à propos de certaines libertés que j’avais prises d’un point de vue de la mise en page (coucou Myriam ;) […]

24 Commentaires

Lire : Exercice CSS : un pied de page qui dépasse sur le contenu

Correction d’exercice : une mise en page en deux colonnes sans conteneurs neutres

Rappel des directives de l’exercice :

Construire une mise en page en deux colonnes sans conteneurs neutres

  • Objectif : à la fin de cet exercice, vous serez, normalement, capables, de construire une mise en page en deux colonnes, sans user de conteneurs neutres.
  • Niveau de difficulté : pas si simple
  • Difficulté détectée : Différents problèmes de rendus en fonction des navigateurs.
  • Pré requis techniques : connaitre les balises html, bases de CSS, une bonne connaissance des différents types de positionnement est un plus (des sources sont fournies en bas de page).
  • Matériel nécessaire : un simple éditeur de texte suffit.
  • Informations complémentaires : Voir l’image ci-dessous, il faut de plus que le design soit « fluide » (qu’il s’adapte à la résolution de l’écran) et que la construction résiste à au moins trois agrandissements de tailles de polices sous Firefox et à la taille maximal des polices sous IE. Votre code doit bien sur être conforme aux spécifications W3C tant pour le HTML que pour le CSS. Toutes les balises (X)HTML sont autorisées sauf balises « neutres » (comme ça par exemple, pas de <div></div> hein…).

Lire la suite pour la correction complète.

Aucun commentaire

Lire : Correction d’exercice : une mise en page en deux colonnes sans conteneurs neutres