Tutorial Fusion

Voici le 14ème tutorial vidéo gratuit sur Emob !! 2 exclusivités pour le prix d'une, le premier tutorial en Flash et le premier tutorial réservé à la programmation... vous l'aurez compris nous allons voir de l'ActionScript.

Ce tutorial se classe dans une catégorie de difficulté intermédiaire car il demande des connaissances minimums en Flash et/ou programmation. Alors pour les grands débutants, tout ceci risque d´être un peu difficile mais si vous suivez tout à la lettre vous arriverez au même résultat.

Vous ne rêvez pas... c'est bien le quatrième tutorial vidéo gratuit sur Emob. On va passer pour la première fois un peu de temps sous Illustrator CS. Avec au programme, la création d'un cambert en 3D. Très utile si vous voulez éviter les camemberts un peu viollot d'Excel. Personnellement nous avons utilisé cet effet pour notre buisness plan, ou bien des demox "Powerpoint"... effet garanti !

De plus en plus de sites implémentent des liens particuliers connus sous le nom de "liens d'évitement" ou "liens de navigation interne" comme "Aller au menu", "Aller au contenu", "Retour en haut de page"...

Bien qu'ils ne soient qu'une exigence de niveau AAA pour WCAG ou Argent pour Accessiweb, ces liens sont pourtant indispensables, notamment pour les utilisateurs de la navigation clavier.

Créer des effets de texte en CSS, comme des ombres portées, est très simple à mettre en oeuvre.

Important : les techniques actuelles relèvent toutes du "bidouillage" car elles poseront des problèmes si le navigateur des visiteurs est ancien ou n'a pas activé les styles CSS, ou simplement si vos visiteurs utilisent un navigateur textuel ou braille. En effet, dans ce cas, la structure HTML sera affichée brute et tous les textes ombrés apparaîtront en double, l'un à côté de l'autre.

​​​​​Voici un petit exemple concret d'un cas où JavaScript permet un gain au niveau de la navigation sans entrave à l'accès au contenu au cas où ce dernier soit désactivé. La séparation du contenu et de la partie script permet une facilité de gestion de votre galerie et un allègement du poids des pages, en effet vous n'avez aucun code JavaScript à ajouter dans votre page en elle même, tout est géré par le script et appelé dans la partie de la page.

Ce tutoriel est une introduction rapide aux notions nécessaires pour bien comprendre et bien utiliser les événements en JavaScript.

Lorsqu'il s'exécute dans une page (X)HTML, JavaScript est un langage événementiel : le flux d'exécution du code est déterminé par les interactions avec l'environnement (envoi d'un formulaire, mouvement de la souris, chargement du contenu du document, ...), et non pas directement par le développeur.

Toutes ces entités de caractère sont reconnues par Mozilla 1.0 et pour Internet Explorer 7, toutes sauf celles de la section "caractères moins bien reconnus". Par défaut, les entités sont considérées prises en charge par Netscape 4 ; une note dans le champ compatibilité mentionne les entités reconnues dès les versions antérieures, ou pas reconnues par cette version.

Le but de ce tutoriel est de transformer le menu HTML du chapitre suivant en un menu accordéon. Un menu accordéon est un menu déroulant un peu particulier, dont les sous-menus s'ouvrent au clic de souris (ou au focus). Pour cela, on va bien sûr utiliser JavaScript, mais en se basant sur la bibliothèque jQuery. J'ai utilisé la version 1.2.1 de jQuery, la plus récente au moment d'écrire ces lignes.

La séparation du contenu et de la mise en forme permet de créer différentes mises en pages ou styles en changeant simplement la feuille de style du document. Nous allons voir comment créer simplement un style switcher (une liste permettant de choisir entre différents styles) géré en PHP qui gardera en mémoire (via un cookie) le style choisi pour permettre d'afficher ce style à chaque chargement de page.

La mise en forme d’une page web, autrefois réalisée à l’aide des tableaux, dispose aujourd’hui, grâce aux CSS, d’outils tel que le flottement et le positionnement. Nous ne parlerons pas du flottement dans cet article mais uniquement du positionnement et plus particulièrement du positionnement de type absolu et relatif.

Le positionnement est une notion assez simple qui permet d’indiquer précisément où des boîtes d’éléments apparaîtront par rapport à leur bloc conteneur qui peut être l’élément racine (élément HTML), un élément parent ou un autre élément.