L'Entrée des Artistes

Images

Cristel — 2011-06-18T10:19:41Z

Images

Un premier type d'objet sont les images numériques intégrées dans la page web.
Ces images sont généralement statiques sauf les gifs Graphics Interchange Format animés.
Pour autant qu'on se limite aux images numériques de format standards pour le web (.gif, .jpg ou .jpeg et .png), les images sont sans doute l'objet le plus multi-plateforme du web car la majorité des navigateurs web savent les afficher.
Les images numériques deviennent un média "grand public" et sont assez aisées à implémenter dans un site web.

Ajax

Cristel — 2011-06-18T10:19:19Z

Ajax (Asynchronous JavaScript And XML)

Asynchronous JavaScript and XML|Ajax est une technologie qui combine plusieurs éléments :

du XHTML pour la structure de la page,
les feuilles de style en cascade|CSS pour la mise en forme de la page,
du JavaScript et le Document Object Model|DOM pour la partie dynamique,
XML, XSLT et XMLHttpRequest pour la manipulation des données (ou d'autres formats de fichiers de données).

À la base, cette technologie permet d'effectuer une requête HTTP asynchrone (en parallèle) au serveur Web (effectuer une action, mettre à jour une information, ...).
Le serveur renvoie la ressource demandée, celle-ci pouvant contenir des informations ou du code pour mettre à jour la page HTML.

CMS

Cristel — 2011-06-18T10:18:20Z

Un outil de CMS (Content Management System, en français Gestion de contenu) est un site web disposant de fonctionnalités de conception, publication et de mise à jour dynamique de site web ou d'application multimédia, et offrant en particulier une interface d'administration (back-office) permettant à un administrateur de site de créer ou organiser les différentes rubriques.

Idéalement, un CMS doit posséder un système de workflow permettant à une équipe éditoriale de travailler simultanément sur le contenu (plusieurs individus peuvent travailler sur un même document) du site et à un responsable de publication de valider les différentes contributions avant leur mise en ligne.

Les articles et le contenu du site sont en principe stockés dans une base de données, tandis que des templates (modèles de pages) permettant de définir la présentation du contenu.
Ainsi les opérations de gestion de la forme et du contenu sont séparées.

Classiquement, un CMS propose une présentation sous forme de boîtes, la plupart du temps organisées en trois colonnes.
La plupart des CMS disposent d'un fil RSS mis à jour automatiquement lors de la publication de nouveaux articles.

Les systèmes de gestion de contenu participent à ce que l'on appelle quelquefois de façon impropre la dématérialisation des documents (transformation des supports d'informations matériels en fichiers informatiques).

OBJECTIFS

Acquérir une méthodologie de conception de site (analyse des problématiques, définition du projet et du cahier des charges…)
appréhender une communication efficace sur Internet
formation pratique à la réalisation, à l'implémentation et à la mise à jour d'un site Internet dynamique.
permettre à tout utilisateur de maîtriser la conception, la réalisation et la gestion d'un site Internet dynamique

PROGRAMME

analyse des méthodologies de mise à jour
approche financière, coûts de conception, de fabrication, de l'hébergement, des abonnements.
caractéristiques d'un site
cahier des charges : différentes rubriques, points à ne pas oublier
choix directeurs, la vocation du site, la composition de l'équipe, les critères de succès
déchiffrage des acronymes des architectures de site Web : HTML , XML, PHP, ASPX, CFM, JSP
définir les objectifs
différents aspects de la mise en page Web : graphique, navigation, ergonomie
fonctionnalités des moteurs de recherches : Exalead, Google Server Appliance, Autonomy, Sinequa
fonctionnalités du gestionnaire de contenu.
fonctionnalités du moteur de recherches.
gestion des habilitations
intégrer les contraintes juridiques de la possession d'information, problèmes juridiques liés aux contenus électroniques : contenus éditoriaux, audiovisuels, photos, musique
marketing viral : Blog, flux RRS, Wiki
mise en oeuvre d'un workflow des tâches à effectuer
modes de rémunération existants
newsletters, e-mail, bannières, outils complémentaires (plugins) : forum, jeux en ligne, chat
optimisation du référencement sur les moteurs de recherches
outils de la traçabilité du client et de mesure de fréquentation
personnalisation des contenus, intégration des applications, portabilité des informations, gestion du multi-canal.
précautions à prendre lors de la phase de conception.
principes d'une ergonomie de qualité.
solutions des éditeurs : Documentum, Vignette, MediApps, SharePoint, Hummingbird
solutions Open Source : SPIP, Zope, Typo3
structuration des sources et l'organisation de la navigation.
utilisation du XHTML, des templates et des feuilles de style en cascade, les CSS

COURS

Les CMS sont appris en cours de création web

Php/MySql

Cristel — 2011-06-18T10:17:49Z

PHP

PHP (PHP : Hypertext Preprocessor) est un langage de Script interprété côté serveur.
Le code PHP est inscrit directement dans la page HTML et sera lu par le serveur, "processé" et le résultat sera encapsulé dans la page HTML.
Ce langage est Open Source.

Portabilité : Les modules serveurs de PHP sont implémentés sur les serveurs Apache et Unix mais PHP peut être implémenté sur d'autres plateformes via des CGI.
PHP travaille généralement avec une base de données MySQL.

Mise en place : PHP est un langage de script, donc relativement facile à apprendre.
La syntaxe est simplifiée, mais part d'une base de C.
De nombreux développeurs ont profité de l'Open Source pour développer de nombreux modules prêts à l'usage et paramétrables à volonté.
Performance : très bonnes performances.
La seule limite est l'évolution rapide des modules et donc parfois le besoin de "rafraîchir" la programmation.
Utilisation : tout type d'application web peut être créé avec PHP.

MySQL

MySQL est un système de gestion de base de données (SGBD).
Il fait partie des logiciels de gestion de base de données les plus utilisées au monde, autant par le grand public que (principalement les applications web) que par le milieu professionnel.

OBJECTIFS

Apprendre les bases fondamentales de la programmation Web dans le contexte de PHP.
lire, comprendre, corriger, modifier et faire évoluer un programme PHP existant.
découverte des possibilités offertes par les bibliothèques de scripts pour la réalisation d'applications par assemblages de modules.
acquérir la capacité d'écrire des applications simples de bout en bout.

PROGRAMME

Aspect technique d'Internet

protocoles réseaux (TCP-IP, AppleTalk, NetBEUI …)
protocoles applicatifs (FTP, Telenet, HTTP, SMTP …)

Configurations matériel et logiciel

apache, MySQL, Linux, Mod. PHP, CGI

Différence entre un site statique et un site dynamique

architecture client serveur, requête HTTP

Programmation en PHP

présentation du langage, bases du langage
utilisation d'un formulaire, de JavaScript
variable et tableau, structure du langage, fonctions
fonctions prédéfinies
comprendre les messages d'erreur

Présentation du concept de base de données

modèle de données : Lien 1,1 Lien 1,N Lien N,N
organisation de données (champs, rubrique, enregistrement, fiche, tuple)
présentation du langage SQL, de MySQL, de PhpMyAdmin
requêtes HTTP et entêtes spécifiques, principe client/serveur, passage et transmission de variables (GET/POST)

Techniques de programmation

création d'un site dynamique complet
organisation des fichiers
back office et front office
hiérarchisation de l'info (thème, rubrique, article)
moteur de recherche

Communication client-serveur

intégration PHP dans une page HTML
formulaires avec variable unique
formulaires avec variable multiple
formulaires avec envoi de fichier (upload)
cookies

Gestion des contextes

mémorisation du chemin de l'internaute
statistiques précises

Sécurisation

gestion des sessions
accès via utilisateur et mot de passe
sécurisation et droit d'accès sur du contenu
intégration, vérification de login/mot de passe

Projet mis en place pendant le stage

création d'un site Intranet (front office)
création d'une zone admin (back office)
sécurisation du front office
sécurisation du back office
création d'un système d'upload (image)
ergonomie générale

Autres points abordés

envoi de mail HTML via PHP
accès FTP via PHP

CSS

Cristel — 2011-06-18T10:17:12Z

CSS Cascading Style Sheets (feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML.
Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C).
Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.

A la différence des méthodes employées dans les années 90, les CSS permettent une stricte séparation du contenu HTML et des informations de mise en page.
Le gain réalisé est considérable :

gestion simplifiée et économique de la présentation d'un site à l'aide d'une unique feuille de style pour la totalité des pages, aisément modifiable,
allègement des coûts de développement et de maintenance : mettre en place un système (hasardeux) de discrimination des navigateurs pour servir aux différents navigateurs un document adapté aux technologies propriétaires qui balkanisent le Web,
allègement du code-source des pages Web, et donc économie de bande passante : une feuille de style n'est chargée qu'une seule fois par un navigateur, qui l'applique sans délai si nécessaire aux pages visitées par la suite,
possibilité de doter une page de feuilles de style spécifiques selon les medias (navigateurs graphiques, lecteurs d'écran…).
Les feuilles de style print permettent une impression immédiate d'une page depuis le navigateur, et dispensent d'avoir à créer une version imprimable du document HTML,
possibilité de doter une page de présentations alternatives au choix de l'utilisateur,
création de layout flexibles, qui s'adaptent aux différentes résolutions d'écran.

OBJECTIFS

apprentissage des CSS
acquérir une bonne vue d'ensemble des fonctionnalités offertes par les CSS
mettre en œuvre une approche logique et structurée de l'intégration des feuilles de style dans une page HTML.

PROGRAMME

Généralités

standards du Web, l'accessibilité, interopératibilité
Doctype, les normes XHTML, CSSP, CSS2, CSS3

Méthodologie pour construire des CSS efficaces

conception rigoureuse
structure des pages
conception graphique
cahier des charges techniques (standards, accessibilité, navigateurs, OS)

Maîtriser la notion de cascade

feuilles de styles internes, externes, intégrées
héritage des styles en cascade, sélecteurs CSS, classes, id, pseudo-classes…
règles de nommage des styles

Grammaire avancée

architecture du XHTML et des CSS
structure et sémantique : balises sémantiques, balises hiérarchiques
pseudo-éléments et propriétés avancées

Le positionnement (CSSP)

structure des éléments : bloc, en ligne
modèles de boîtes
flux et positionnements (relatif, absolu, fixe, flottant)

CSS spécifiques

élaborer des mises en pages spécifiques par média (impression, pda)

Optimisation et rendus : technique et méthodologie

CSS et navigateurs
maîtrise des rendus sur les différents navigateurs
outils de validation

Mise en œuvre et études de cas

conception de gabarits de base (multicolonnes, centré, fluide/fixe)
conception d'un menu de navigation élaborée (mode listes)
conception d'une galerie photos
conception d'un formulaire
création d'une feuille de styles pour l'impression
personnalisation : choix d'habillage en fonction de l'utilisateur

Confection

Cristel — 2011-06-18T10:16:32Z

Ce cours concerne toutes personnes souhaitant réaliser un site web.

OBJECTIFS

présentation des composantes d'un site internet
orientation vers un choix de site pour sa confection

PROGRAMME

le fonctionnement d'un site
les différents types de sites
les contenus (textes, images, vidéos, animations)
pages HTML statiques
le client Internet (Internet Explorer, Firefox, ...)
le rôle du serveur
approches des composantes Internet (IP, DNS et protocole HTTP)
héberger soi même son site
standards en vigueur (W3C)
navigation vers d'autre site (liens, cibles, frames)
écrire une page HTML simple
arborescence d'un site
ergonomie d'un site
conception d'un site statique
intégration des éléments graphiques et multimédias
optimisation des images
présentation des feuilles de style
enrichissement du site (scripts...)
...

Flash

Cristel — 2011-06-18T10:15:46Z

Pour valoriser leurs messages, les concepteurs doivent proposer des sites attrayants et mobilisateurs.

Flash permet d'enrichir vos sites web et vos présentations à l'aide d'animations personnalisées.

PUBLIC CONCERNE

Concepteur de pages Web, webmaster, contributeur Web.
Maquettiste et graphiste.

PREREQUIS

Maîtriser parfaitement la micro-informatique et internet en tant qu'utilisateur.

OBJECTIFS

Réaliser des animations interactives, publiables sur le web.

Bénéfices métier

Réaliser des animations simples avec le logiciel Flash.

PROGRAMME

Découvrir l'interface de Flash
- La scène, le scénario, les palettes.
- Personnaliser son espace de travail.
- L'exportation swf et le Flash Payer.

Dessiner et mettre en couleur des objets
- Créer, modifier des dessins à l'aide des formes.
- Superposer des objets à l'aide des calques.
- Créer des couleurs personnalisées : unies, transparentes, dégradées.
- Importer des visuels et les vectoriser.
- Créer un masque sur une image.

Utiliser l'outil Texte
- Mettre en forme du texte.
- Vectoriser un texte.
- Créer un lien hypertexte.

Utiliser les symboles et les occurrences
- Créer et imbriquer les symboles : graphiques, boutons, clips.
- Gérer les différents états d'un bouton : press, rollOver, invisible.
- Modifier les propriétés d'une occurrence : effets de couleurs, filtre, transformation 3D.

Créer des animations
- Définir les dimensions et la cadence d'une animation.
- Ajouter, supprimer des images, images clé, images clé vides.
- Créer des interpolations de mouvement, classique ou de forme (morphing).

Sonoriser vos animations
- Importer un son.
- Affecter des sons à votre scénario, à des boutons.
- Paramétrage du son, démarrage, contrôle, arrêt.

Intégrer une séquence vidéo
- Le format Flv.
- Paramétrer l'importation de vidéo à l'aide du Flash Video encoder.
- Contrôler la lecture de sa vidéo.

Ajouter des actions de base
- Affecter des actions simples au scénario ou à un bouton : contrôle de scénario, chargement d'images, lien Url.

Publier un projet
- Distinguer les différents formats Web.
- Optimiser votre fichier.
- Les bonnes pratiques de production.
- Modifier ses paramètres de publication.

ACQUIS

Acquisition des connaissances de base d'utilisation du logiciel FLASH

Programmation

Cristel — 2011-06-18T10:15:08Z

La Programmation web peut prendre différentes formes :

la simple page Web (page statique),
la page dynamique avec connexion à une base de données.

OBJECTIFS

Apprentissage à l'aide d'exemple concrets et illustrés.
L'élève est accompagné dans sa tâche, afin de la comprendre et pouvoir la réaliser de nouveau facilement et seul.

PROGRAMME

L'insertion d'objets
Une première technique pour rendre une page web plus dynamique, est d'y insérer des objets.
Les objets seront insérés dans la page HTML grâce aux tags , , ou