FILIÈRE 37
INTERNET GENERALITES Durée 1 jour Internet et messagerie INTMES-INIT A l issue de ce cours, vous serez capable de consulter des pages Web, de trouver des informations pertinentes grâce aux outils de recherche (ex : Google, Yahoo), de communiquer grâce à votre messagerie électronique (ex : Outlook Express) et aux logiciels de «chat» (ex : MSN Messenger), tout en vous prémunissant des virus et hackers. Durée 1 jour Les outils multimédia MULT-MED Maîtriser les outils audio et vidéo annexés à votre PC Tout public. Tout public. Connaissance de l environnement Windows Connaissance de l environnement Windows Internet : Tour d horizon Un peu d histoire - Comment cela fonctionne (Fournisseurs d Accés à Internet, équipements, réseaux filaire et Wifi) - Quels sont les principaux fournisseurs d accès à internet? - Quels sont les principaux services (recherche, vente, communication, téléchargement)? Comment explorer un site web Présentation des navigateurs (IE, Mozilla) Comment accéder à un site Web - Utiliser les liens hypertextes Recherche d informations Présentation des principaux moteurs de recherche Définition des annuaires - Téléchargement de fichiers Messagerie électronique Créer sa boite mail (sur hotmail, yahoo..) - Utilisation de formulaire - Utilisation de sa messagerie (envoyer, recevoir, gestion des dossiers) Surfer pratique Se retrouver dans son historique - Gérer ses favoris - Enregistrer ses pages Web - Imprimer Discuter via Internet Définition et démonstration d un blog Stockage des informations Les différents supports Graver des données Effacer un DVDRW ou un CDRW Dupliquer et copier un CD ou un DVD Utiliser une clé USB Utilisation d un scanner Acquérir une d image Résolution Gestion des couleurs Les images numériques Exploiter les images de son appareil photo numérique sur son ordinateur Classer et imprimer ses photos numériques Réduire une image pour l envoyer par courrier électronique Les fichiers audio et vidéo Installer des périphériques (caméras) Prendre en main les applications audio et vidéo Importer, exporter des fichiers vidéo et audio Les formats de fichiers «Open Source» 38
INTERNET GENERALITES Référencement internet Les services en ligne Durée 2 jours REF- Durée 1 jour SERV-LIG Acquérir les méthodes et techniques du référencement professionnel afin d optimiser son site Web de manière à en garantir sa visibilité sur le Web via une ou plusieurs campagnes de référencement et des actions de promotion menées en parallèle. Ce cours s adresse aux Webmasters de sites professionnels ayant en charge de mener une campagne de référencement, mais aussi à toute personne souhaitant référencer son site Internet. Une bonne maîtrise de la langue française est nécessaire, ainsi qu une bonne connaissance du langage HTML, de l Internet et des principaux outils de recherche. Connaître les différentes familles d outils gratuits disponibles sur le Web. Tout utilisateur d Internet. Notions de base de navigation sur le Web Définition du projet Définition de la cible Définition de l environnement concurrentiel Définition des objectifs Définition du contenu Définition d un planning de réalisation Élaboration des mots clés Construction : concevoir efficacement le site Web Nom de domaine et URL des pages ; nom du site Design du site Navigation du site Titres des pages Mise en page Utilisation des frames (cadres) Test on et off- (contrôle qualité) Moteurs de recherche : tenir compte de leurs critères de pertinence Définitions (IDM, IPP...) La notion de spamdexing Les critères de pertinences in the page et off the page (les balises META,...) Les contraintes Les principaux moteurs de recherche et leur fonctionnement Référencement : soumettre le site Web aux outils de recherche Comportement des internautes Établir la fiche de renseignements du site Soumettre le site Web aux annuaires de recherche : les principaux annuaires de recherche et leur fonctionnement Les moteurs de recherche régionaux Les moteurs de recherches et annuaires thématiques La notion de positionnement Suivi et maintenance du site Web : statistiques et mise à jour Mise à jour du contenu Statistiques et mesure d audience Audit du site Web Suivi du référencement Service en ligne? Définitions et éclaircissements Les différentes familles d outils en ligne La bureautique Les traitements de texte Les tableurs Les présentations de diapositives La création de formulaires Les traducteurs La photo La retouche de photos La création d albums photos La communication La création de blog La messagerie en ligne Les agendas en ligne L hébergement et le partage d information : Mettre en ligne ses données La sécurité Les anti-virus Les anti-spywares Les anti-spam Les anti-intrusions Les anti-rootkit Les anti-phishing Les anti-pop-up Le cryptage 39
DREAMWEAVER Dreamweaver : Création de pages Web Durée 3 jours DREA-INIT Dreamweaver - Perfectionnement Durée 2 jours DREA-PERF Concevoir des pages avec des hyperliens, utiliser des comportements pour l interactivité, déployer un site. Comprendre le langage. Optimiser et améliorer ses capacités de production Toute personne qui réalise ou modifie un site. Toute personne qui réalise ou modifie un site. Connaissance minimale du code HTML, connaissance des formats graphiques, maîtrise de la navigation web. Connaissance de Dreamweaver Introduction générale Espace de travail et configuration - Les Navigateurs et le serveur, tags html Gestion du site, Storyboard - Architecture Synchronisation, extraction et archivage de fichiers Comparaison de fichiers Transfert de fichiers en tâche de fond Référencement Palettes rétractables Importation Texte, Nettoyage Word, liens - Collage spécial - Ancres, courrier électronique Images et formats - Rollover - Création visuelle avec données XML - Barre de menu, et menu déroulant - Carte d image - Bibliothèque Objet Flash Boutons - Texte - Bibliothèque Tableaux Importation d Excel - Mise en forme - Fusion et fractionnement - Conception Calques Imbrication en couches - Conversion en tableaux Cadres Jeu de cadres - Cible Modèles et feuilles de style Imbrication des modèles - CSS2 et SSI Tableaux et mise en forme Imbriquer des tableaux Bordures Mise en forme Mise en page et training Utilisation des modèles Créer des modèles Attribuer des zones modifiables, répétées Contrôler un contenu facultatif Feuilles de styles (CSS) Contrôle de l aspect visuel de l ensemble du site Mises à jour rapides du site Les Fragments de code (snippets) Créer du code réutilisable Rechercher, remplacer du code Les comportements Ajouts d actions et d extensions Scénarios Les fonctions FTP Paramétrages Archivage et d extraction Formulaires Bibliothèque de codes - Champs et actions Comportements Définir et créer des comportements - Evénements - Actions javascript Environnement codes - Snippets DHTML Action des calques - Time Scénario et images clefs Elément de page Interactifs Boutons - Menus - Couches interactives Insertion de multimédias Sons - Vidéo - Flash 40
FLASH Flash Création d applications graphiques animées Durée 3 jours FLA-INIT S affranchir du langage HTML par des outils graphiques. Développer des applications graphiques animées interactives. Intégration sur tous les types de supports et notamment pour le Web. Flash Action Script Développement d applications interactives Durée 3 jours FLA-PERF Développer des applications interactives par programmation d actions. Designer, Graphiste, Chef de projet, toute personne dans le secteur de la communication. Graphiste, Chef de projet, Développeur. Connaissance minimale du code HTML, connaissance des formats graphiques, maîtrise de la navigation web. Avoir suivi la formation Flash et maîtriser des clips d animation IPrincipe de base Gestion de projet Projets mobiles Rough et story-board Vectorisation Manipulations des outils - Les fonctions de dessins - Les objets - Le texte Les scènes - Le scénario Les différents outils des palettes Bibliothèque Outil de transformation (Enveloppes) Filtres Modes de fondu Dégradés Propriété de traits Outil Texte Canaux alpha Gestion des couleurs Palette Composants simples Menu déroulant Objets, dossiers et calques Les calques et les options - Les calques de guide, de masque Modèles Occurrences nommées Répartiteur de calques Symboles et Occurrences Type graphique Type clip Type bouton Inspecteur de propriétés Les techniques d animations et d interactivités Importation d éléments Images clés Interpolation : de formes, de mouvements Importation de sons Pelures d oignons Types d actions Encodage vidéo Modèles de tracés d objets Introduction Actions d image et de bouton Clip d animation Notion de cibles LoadMovie cibles et niveaux Le mode expert Écriture de scripts Débogage Scripts orientés et syntaxe Classes Objets : l objet Movie Clip, l objet Souris, l objet Bouton, l objet Couleur, l objet Date, l objet Tableau, l objet System, l objet Touche, l objet Nombre Méthodes Événements Syntaxe et notation Actions Fonctions Instructions Opérateurs Movie clip et propriétés Conditions Boucles Scrolling texte Objet sur cible Drag et Drop Duplication Test de collision Boutons radio Cases à cocher Chargement dynamique Images Variables depuis un texte Flux Ancres Masques dynamiques Images dynamiques Textes dynamiques 41
Programmation PHP JOOMLA Durée 2 jours JOOMLA : Prise en Main JOO-INIT Création de pages Web dynamiques avec PHP PHP-INIT Durée 4 jours Cette formation vous apportera tout le nécessaire pour savoir utiliser et gérer le contenu de votre site web au quotidien. Savoir écrire des scripts en langage PHP dans le cadre de développements de pages Web dynamiques en liaison avec les bases de données MySQL. Webmaster devant gérer le contenu du site ou futur administrateur de Joomla souhaitant d abord découvrir les notions de bases. Concepteurs et développeurs de sites Web. Etre à l aise avec l utilisation d un ordinateur et d Internet. Il est nécessaire d avoir de bonnes notions sur le langage HTML. Programme Un CMS, pourquoi faire? Présentation de Joomla (historique, versions...) techniques Où trouver Joomla? L installation en local et sur un hébergement distant Mon premier site Joomla, découverte. Premiers pas sur l interface d administration Concepts de bases de Joomla Gestion des sections - catégories Gestion des articles dynamiques et statiques Mise en page des articles (textes, images, vidéos, lien interne...) Les templates Découverte du template d origine Où trouver des templates Installer un nouveau template Composants? Modules? Mambots? Exemples de composants, modules, mambots utiles Introduction à l administration avancée Introduction à PHP Les origines et versions de PHP - HTML et PHP Notions de client/serveur Les variables et les opérateurs Types de données Opérateurs Variables et constantes Variables tableaux Tests et itérations Tests If et Switch Boucles For et While Instructions de sortie Interruption de script Fonctions Fonctions PHP intégrées Arguments valeur et référence Retour de valeur Programmation Orientée Objet Membres et méthodes privés et protégés Constructeurs / Destructeurs Gestion des exceptions Gestion des formulaires Syntaxe des formulaires HTML Validation de formulaire Méthodes GET et POST Utilisation des variables globales PHP Gestion de cookies Utilisation des sessions Redirections Authentifications Gestion des fichiers en PHP Ouvrir / créer un fichier Lire/écrire dans un fichier Instructions d appel et d inclusion Accès aux données MySQL Création d une base MySQL Gestion de connexions Notion de fetch Requêtes SQL en PHP Mise à jour de données Extension MySQLi 42 Accès aux données SQLite Création d une base SQLite Requêtes SQL en PHP
Création de sites Web Créer un site Web graphique Créer un site Web dynamique Créer son blog Durée 3 jours -GRAPH Durée 2 jours -DYN Durée 1 jour BLOG Savoir construire avec différents outils un site web graphique de plusieurs pages. Créer des pages Web dynamiques avec le langage PHP et la base de données My SQL Mettre en forme et publier sa communication en ligne via un blog interactif Toute personne désirant mettre en ligne des informations en respectant une identité visuelle. Toute personne désirant mettre en ligne des informations en respectant une identité visuelle. Tout public. Connaissance de l environnement Windows et utilisation d Internet Connaître les bases du langage HTML, les feuilles CSS et le principe des bases de données Connaissance de base de l environnement Windows et de la navigation sur Internet Penser son site Web Contenu du site Liens entre les pages Ergonomie Contraintes (couleurs, polices, positionnement ) Création du site avec Dreamweaver Environnement de travail Définition du site et organisation des dossiers Le langage HTML, notions essentielles Structurer une page type Tests d affichage Traitement des images avec Photoshop Environnement de travail Principes à respecter Définition des tailles, modes Les formats d image pour le Web Adaptation des photos Création de boutons / logos Création d un bandeau de titre (montage) Mise en place des objets avec Dreamweaver Importation des images Définition des couleurs Définition des liens internes / externes / de messagerie Cibles des liens Création des pages liées La gestion du texte Définition et application des styles de présentation Tests de navigation Questions / réponses Rappels Balises HTML Feuilles de styles CSS Mise en place d un serveur local Installation d EASYPHP ou de WAMP Fichiers de configuration Présentation du client phpmyadmin Configuration de l utilisateur et du mot de passe dans phpmyadmin Création d une base de données Conception des tables Clauses de la syntaxe SQL Principes de fonctionnement du PHP Les balises de base Syntaxe de l écriture de code PHP Fonction echo Intégration dans le code HTML Tests et utilisation avec le serveur local DreamWeaver avec PHP et MYSQL Configuration d un site avec serveur d évaluation PHP Création d une page PHP Connexion à une source de données MySQL Création d un jeu d enregistrements Les objets de données Les objets PHP Création et utilisation de formulaires Utilisation des variables PHP Gestion des enregistrements Utilisation des feuilles CSS dans une page PHP Déploiement et publication Configuration d un client FTP ation des pages web dynamiques Qu est ce qu un blog Les différents types de blogs (carnet de voyage, Blog-photo, Blog politique, Blog d actualité Journal de bord, Blog passion, blog CV, Blog d entreprise, ) Fonctionnement ation (Articles, Photos, Vidéos) Interactivité : Commentaires Les plateformes Conception Les éléments à réunir en amont Inscription / Confirmation Administration Mise en page Choix du design Configuration des zones Calendrier Référencement Modération ation Divers Le tableau de bord Les statistiques Le profil utilisateur Questions réponses 43
SPIP SPIP - Rédacteur SPIP - Développeur Durée 3 jours SPIP-RED Durée 4 jours SPIP-ADM Identifier les différentes étapes de la création d un site et le mettre en oeuvre. Administrer un site Web développer avec SPIP Toute personne désirant mettre en ligne des informations Développeur, administrateur ou Web master Connaissance de base Windows et de la navigation Internet Connaissance du langage HTML et des principes des bases dedonnées Présentation de la plate-forme Front-office et back-office Organisation d un site SPIP : structure Les rubriques, les articles, les brèves, les forums, les commentaires Le back-office Présentation Ecrire un article Publier un article : les différents statuts de publication Modifier un article Utilisation des raccourcis typographiques et de mise en forme Créer un tableau Limitations techniques : différences entre le back-office et l apparence dans le navigateur du visiteur Ajouter un lien hypertexte et des images Ajouter une pièce-jointe Ajouter des mots-clés Déplacer un article Gestion des auteurs / rédacteurs Notions de droits : visiteurs, rédacteurs, administrateurs Flux de publication Ajout de nouveaux auteurs Communication au sein du back-office pour l équipe de rédaction Utiliser les annonces, pense-bêtes et messages Multilinguisme Ajouter des traductions à un article Statistiques Suivre la fréquentation du site Introduction aux systèmes de gestion de contenus (CMS) Rappel du HTML et XHTML, sensibilisation au web sémantique et à l accessibilité Habillage des pages par les feuilles de styles en cascade (CSS) Introduction à SPIP Architecture du système de publication Installation sur un serveur web Apache + MySQL Utilisation du SPIP LOADER (installation simplifiée) Sauvegardes et restauration Conception «par le contenu» d un site simple Conception de la structure à l aide des outils SPIP : rubriques, articles, brèves, mots-clés, forums Utilisation de l interface d administration Gestion des contenus (simplifiée et complète) Utilisation du langage SPIP : mises en forme des textes, insertion d images et de tableaux. Gestion des utilisateurs et des droits Habillage du contenu Les squelettes, moteur de l habillage du site Installation de squelettes existants Découverte des squelettes et des boucles Création d un nouveau squelette (modèle de page SPIP) Utilisation des filtres et des critères Présentation des différents outils utiles pour le développement SPIP Habillage de page web avec les CSS Introduction Séparer le contenu de la forme avec XHTML et CSS Déclaration d une feuille de style CSS : feuille externe, styles internes et en ligne Syntaxe des styles CSS : les sélecteurs usuels (éléments, classes, id ) Sélection des pseudos-éléments Notion de feuille de style interne du navigateur, application du CSS Reset Les couleurs : RVB, Hexadécimal Les polices de caractères : tailles, familles de polices, variantes Limitations et contournements actuels Gestion des unités (dimensions) Modèle de boîtes : dimensions des conteneurs, résolution des problèmes communs Positionnement dans le flux, positionnement flottant et positionnement relatif Création d une mise en page de page web entièrement en CSS Création d un menu de navigation en CSS à partir d une liste non ordonnée Comportement des différents navigateurs : l indispensable à connaître pour éviter les incompatibilités 44