MODULES WEBMASTER

MODULES WEBMASTER
WEBDESIGNER
Pré requis
La maîtrise de l’environnement Windows ou Mac et l’utilisation régulière d’internet sont
indispensables.
Public
Toute personne ayant à gérer des sites web.
Objectifs
Etre en mesure de concevoir le design d’un site web, le réaliser et le mettre à jour.
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse reprenant les points
abordés
Durée :
18 jours (18*7h = 126 heures)
Introduction, ce que vous avez à savoir
Les langages du web HTML / XHTML / HTML5, CSS /
CSS3, Javascript, PHP / MySQL.
Comment coder en respectant les standards du web?
Travailler avec un CMS ou framework
Où héberger mon site ?
Quel nom de domaine choisir, où l’acheter ?
Comment mettre en ligne mon site ?
Formation Photoshop
Photoshop est l’outil incontournable pour la retouche et
le montage photo. Il est de même une référence pour
la conception de bannières ou boutons pour le web.
Durée: 3 jours
Boostrap Twitter
Découvez la puissance du plus célébre
CSS.
Durée : 3 jours
framework
Wordpress
Le plus célèbre des systèmes degestion de contenu,
un incontournable dans les agences web.
Durée : 3 jours
Formation Illustrator
Illustrator est un logiciel de création graphique vectorielle. Il vous permettra de créer des boutons, bannières et illustrations à intégrer dans vos sites web.
Durée : 3 jours
Formation HTML / XHTML / CSS
HTML et XHTML sont des langages dit de description, ils sont des références pour la création de page
statique. Le CSS pemet de mettre en forme votre
contenu.
Durée : 3 jours
Formation HTML5 / CSS3
HTML5 est le dernier standard du web, il devient désormais un incontournable, le CSS3 révolutionne le web.
Durée : 3 jours
INTRA-ENTREPRISE
400€ HT par jour pour la 1ère personne
+ 100€ par personne supplémentaire
INTER-ENTREPRISE
250€ HT par jour et par personne
POLE EMPLOI
200€ HT par jour et par personne
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES PAO
PHOTOSHOP
Pré-requis
Une connaissance de base de l’environnement Windows ou Mac est nécessaire
Public
Graphistes, webdesigners, photographes ou toutes personnes ayant besoin de retoucher,
corriger, monter des photos
Objectifs
Etre en mesure de retoucher des images, les modifier, les assembler, créer des montages photo à l’allure professionnelle
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse reprenant les points
abordés
Durée : 3 jours (3*7h= 21 heures)
L’image numérique
L’image bitmap, l’image vectorielle
Les types d’images, résolution d’image
L’espace de travail de Photoshop
L’utilisation des palettes, la boîte à outils
Barre d’options, règles, repères et grille
Fenêtres d’images et barre d’état
Les documents
Création, ouverture de document
L’explorateur de fichiers Bridge
Enregistrement dans un format spécifique
Enregistrement d’un document pour le Web
L’historique, l’impression
Les couleurs
Sélection d’une couleur, l’outil pipette
Le sélecteur de couleurs prédéfinies
La palette muancier
Conversions de mode de couleur
Le texte
Insertion de texte
Définition d’un type de texte
Texte curviligne
Techniques de détourage
La baguette magique
Détourage en mode masque, la plume
Les effets de style
Application d’un effet de style à un calque
Gestion des effets de style, copier les effets de style
Les sélections
Les formes de sélection
La baguette magique
L’outil déplacement
Le lasso
Le recadrage
Les calques dans Photoshop
Création, gestion des calques
Conversion d’un calque d’arrière-plan
Contour de calque
Liaison, fusion, protéger un calque
Le dessin
Le crayon, le pinceau, l’aérographe
Formes géométriques ou prédéfinies
Suppression d’une zone de l’image
Le pot de peinture, les dégradés, dégradé personnalisé Les corrections
Les contours
Contraste, luminosité d’une image
Les motifs et textures
Niveau automatique
Les techniques de transformation
Niveau automatique des contrastes, des couleurs
Photoshop et les retouches
L’outil goutte d’eau, l’outil netteté
L’outil doigt, densité, tampon
Les fonctions web
Les contraintes du web
L’outil tranche
Exporter pour le web
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES PAO
ILLUSTRATOR
Pré-requis
La maîtrise de l’environnement Windows ou Mac est nécessaire pour cette formation
Public
Toute personne, graphistes désirant découvrir le dessin vectoriel
Objectifs
Maîtriser le dessin vectoriel avec Illustrator
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse reprenant les points
abordés
Durée
3 jours (3*7h=21 heures)
Notions de base
Image bitmap et vectorielle
Taille et résolution d’image
Paramétrage d’un nouveau document
Outil concepteur de formes
Recadrage
L’interface graphique
La barre d’outils
Les palettes
Gérer l’espace de travail
Zoom, règles, repères et grille
Les calques
Le principe des calques
Organisation des calques
Afficher, masquer
Ajouter, supprimer
Verrouiller
Les sous calques
Le dessin vectoriel
Les formes simples
Les formes de tache
Le crayon, le pinceau
Le trait, l’arc, la spirale ...
La Plume
Outil de dessin en perspective
Les couleurs
Couleurs CMJN / RVB
La fenêtre couleur
Le nuancier
Les dégradés
L’outil pipette
Le texte
Les sélections
Outil sélection
Outil sélection directe
La baguette magique
Le lasso
Outil texte
Texte captif, curviligne, vertical
Modification de texte
Fenêtre caractère et paragraphe
Vectoriser un texte
Déplacement, modifications, alignement
Déplacer des objets
Transformation des objets
Outil mise à l’échelle, déformation, modelage
Outil rotation, miroir
Outil largeur, déformation, tourbillon, contraction,
dilatation ..
Outil gomme, ciseau, cutter
Alignement des objets
Modification avec le Pathfinder
Les fonctions web
L’outil tranche
L’outil sélection de tranche
Sauvegarder pour le web
Format de fichier
Les fichiers natifs ai
Sauvegarde des fichiers pour l’impression
Exporter en PDF
Exports divers
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES WEBMASTER
HTML / XHML / CSS
Pré-requis
Une connaissance du monde de l’internet (navigation, recherche) est requise
Public
Toute personne désirant créer un site web statique en HTML / XHTML et CSS sans utiliser un éditeur WYSIWIG.
Objectifs
Être en mesure de créer des pages web statiques en HTML/ XHTML avec un éditeur basique (Notepad ++) et les
mettre en forme avec du CSS.
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse reprenant les points
abordés.
Durée :
3 jours (3*7h= 21 heures)
Le matériel et les logiciels
Ressources nécessaires
Quel éditeur choisir ?
Notepad ++, Netbeans, Brackets
Les navigateurs
Structure de base d’un document HTML
La balise HTML
Définition de l’encodage
La balise HEAD
Les metas informations
Les balises utiles pour le référencement
La balise BODY
Mettre en forme du texte
Le formatage du texte
Les balises d’entêtes
Les listes non ordonnées
Les listes ordonnées
Les listes de définition
Les abbréviations
Les espaces insécables, les sauts de ligne ...
Les caractères accentués
Les paragraphes
L’alignement des éléments
Les tableaux
Insertions de tableaux
Insertion de lignes et colonnes
Fusionner des lignes et colonnes
Fractionner des lignes et colonnes
Remplissage avec une couleur
Mise en forme avancée avec des tableaux
Les principaux attributs des tableaux
Les images
Les formats d’images du web
Les contraintes liées aux images
Insertion d’images
Les liens hypertexte sur une image
Les principaux attributs d’une image
Les liens hypertexte
Création de lien hypertexte sur du texte
Vers une page web, vers un serveur ftp
Création de lien vers messagerie (mailto)
Création de lien hypertexte sur des images
Les principaux attributs sur un lien hypertexte
Les médias
Insertion de flash
Insertion de vidéo Flash
Insertion de vidéo Youtube
Les formulaires
La balise form
Les champs de texte
Les zones de texte
Les listes déroulante
Les boutons radiox
Les cases à cocher
Les boutons envoyer et rétablir
HTML avancé
Insertion de code Javascript.
Gestion des couleurs web
Caractères spéciaux
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES WEBMASTER
HTML / XHML / CSS (SUITE)
Norme actuelle et tendance du CSS
CSS 2
CSS 3
Compatibilé dans les navigateurs
Mettre en ligne mon site
De quoi ai je besoin ?
Les outils indispensables
Mise en forme à l’aide de CSS
Principes des styles
Créer des régles de style
Comment structurer le CSS ?
Ou placer votre code CSS ?
Dans une feuille de style externe
Dans un document
Dans un style intégré
Avantages et inconvénients des différentes méthodes
La syntaxe
Les sélecteurs de style
Les balises
Les classes
Les identificateurs
Les sélecteurs d’éléments imbriqués (Héritage)
Les pseudo-éléments : les liens CSS, les lettrines
Les propriétés CSS
La gestion du texte, polices, couleur, taille, grassage ...
Les arrière-plans
Les blocs
Les boites
Les bordures
Les listes
Le positionnement
Appliquer un style CSS à un élément
Sur quelle balise HTML ?
Avec une classe
Avec une id
Avec la balise span
Cas pratiques
Colonnes en CSS
Eléments flottants
Mise en forme de menu Jquery en CSS
Développement d’un site en XHTML et CSS
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES WEBMASTER
HTML5 / CSS3
Pré-requis
Connaissance de base des pages web et de la programmation web
Public
Développeur web, webmaster
Objectifs
Comprendre l’importance d’HTML 5 et savoir créer des pages web simples en utilisant HTML et CSS 3.
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse reprenant les points
abordés.
Durée
3 jours (3*7= 21 heures)
HTML5
CSS3
Définition et orientations d’HTML5
Les nouveaux sélecteurs CSS3
L’histoire d’HTML et CSS
Aperçu des nouveaux standards HTML 5 et CSS3.
Définition des pages web et des navigateurs
Séparation du contenu (code HTML 5) et de la mise en
forme (feuille de style CSS)
Utilisation des requêtes multimédias
La compatibilité des navigateurs et le futur de HTML 5
Définition des parties de la page par des sections
Les balises et les parties de la page HTML 5 : <section> ,
<article> , <aside> , <nav>, etc…
Sous-sections HTML 5 : <header> , <hgroup> , <footer>
Simplification des contenus multimédias (audio,
vidéo, animations)
Logiciel de lecture intégré au navigateur
Balises simplifiées <audio> et <video>
Insertion simplifiée de contenus Flash
Les Formats vidéos : Theora, H264 et WebM (codec VP8 )
Définition des éléments graphiques
Canvas et le dessin de graphiques sur une page web
SVG (Scalable Vector Graphics) et la création de graphiques
interactifs
Puissance des sélecteurs
Cibler des balises au sein du même parent
Cibler les balises en fonction de leurs attributs
Les nouvelles pseudo classes
Les bordures des blocs
Création et réglage des coins arrondis
Utilisation d’images
Les ombres et effets d’ombres
Le fond des blocs
Spécifier la taille
Définir son positionnement
Sélection de plusieurs fonds
Le texte
Ombres et effets d’ombres
Coupures et mises à la ligne
Justifier et aligner le texte
Utilisation de polices personnalisées
Transformations , transitions et animations
Les effets 2D
Les effets 3D
Les animations simples et multiples
Multicolonnage automatique
Nombre et largeur des colonnes
Trait de séparation des colonnes
Espacement entre les colonnes
Equilibrage des colonnes
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES WEBMASTER
BOOTSTRAP TWITTER
Pré-requis
Des connaissances de base en HTML, CSS sont un plus indéniable.
Public
Concepteurs ou futurs concepteurs de sites web.
Objectifs
Etre en mesure de concevoir des sites web responsive au design innovant avec le framework Bootstrap.
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse reprenant les points abordés
Durée
3 jours (3*7h= 21 heures)
Introduction et prise en main
Présentation : concept, versions et historique
Qu’est-ce qu’un framework CSS
Framework CSS et « UI Kit »
Ressources : Bootstrap Expo
Les plug-ins et autres extensions
Télécharger et intégrer Bootstrap
Générer une version personnalisée de Bootstrap
Le système de grille
Mise en page statique, fluide, adaptative
Le principe
Utiliser plusieurs grilles dans une page
Imbriquer des grilles
Modifier l’ordre des colonnes
Atelier : création de gabarits de mise en page
Les éléments de base (CSS)
Présentation
La typographie
L’insertion de code
Les tableaux
Les images
Les outils CSS
Atelier : création d’une page article
Les panneaux
Les barres de progression
Atelier : création d’une fiche produit
Les extensions Javascripts
Présentation : API Bootstrap
Les transitions
Les boîtes de dialogue (modales)
Menus déroulants
Scrollspy
Les onglets
Les infobulles (tooltip et popover)
Alertes et messages d’information
Afficher / Masquer des éléments : accordéon
Carrousel
Le système de navigation secondaire « Affix »
Atelier : création d’une page d’accueil
Personnaliser Bootstrap avec LESS
Qu’est-ce qu’un préprocesseur
Variables et mixins
Règles imbriquées
Fonctions internes à Bootstrap
Composants et approche modulaire
Atelier : Mise en place d’un mini site complet
Les composants réutilisables
Les icônes
Les boutons
Les formulaires
La navigation
Le fil d’Ariane
La pagination
Les badges
Les vignettes et les médias
Les listes
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59
MODULES WEBMASTER
WORDPRESS
Pré-requis
L’utilisation régulière d’un système d’exploitation Windows ou Mac et d’un navugateur internet
est nécessaire
Public
Toute personne ou webmaster souhaitant créer son site web et l’administrer via CMS
Objectifs
Maîtriser le CMS Wordpress pour créer et administrer un site Internet.
Moyens pédagogiques
Un poste par personne, exposés théoriques, mise en pratique, suivi de travaux de synthèse
reprenant les points abordés
Durée
3 jours (3*7h= 21 heures)
Installer Wordpress
Présentation de Wordpress
Installation locale de WAMP
Modification du fichier de configuration
Installation de Wordpress en 5 minutes
Les articles
Créer, modifier, supprimer un article
Mise en forme de l’article
Publication
Créer, modifier, supprimer une catégorie
Affecter un article à une catégorie
Les mots clés
Les médias
Ajouter, modifier, supprimer une image
Joindre un fichier à un article ou une page
Les liens
Insertion de lien
Les options du lien
Ajouter, modifier, supprimer une catégorie de lien
Les pages
Créer, modifier, supprimer une page
Mise en forme de la page
Publication
Mettre une image à la une
Les commentaires
Ajouter un commentaire
Gérer les statuts des commentaires
L’apparence
Installer, activer un théme
Les options du théme
Activer, déscativer un Widget
Ajouter, modifier, positionner un menu
Gérer l’entête de votre site
Changer l’arrière plan de votre site
L’editeur (Modifier le code HTML, CSS, PHP)
Les extensions
Installer une extension
Activer, désactiver une extension
Configurer une extension
Editer une extension
Les utilisateurs
Ajouter, modifier un utilisateur
Affecter les droits aux utilisateurs
Gérer votre profil
Les outils
Installer de nouveaux outils
Les imports
Les exports
Les réglages
Paramétrage du blog
Les options de lecture et d’écriture
Les options de discussion
Les options des médias
Les options des permaliens
Mise en ligne de votre blog
Quel type d’hébergement ?
Transférer mon site chez mon hébergeur
LC Formateur - 125, rue Emile Zola 59125 Trith Saint Léger - Bureau : 54, rue Ernest Macarez 59300 Valenciennes - Tél: +33 (0)3 59 38 91 43 - Gsm : +33 (0)6 29 02 67 24 - [email protected] - Siret: 480 217 082
00043 - N° de TVA intra-communautaire : FR80 480217082 - Déclaration d’activité : 31 59 07206 59