Formation Web 2.0 + infographie

Déscription :
Objectifs Web 2.0 :

• Maîtriser la conception et le développement en environnement web

• Être autonome face à 99% des problématiques qui pourraient être rencontrées

• Développer un site web dynamique

Objectifs infographie :

• Maîtriser Photoshop et illustrator

• Créer les flyer, affiches , bannières etc..

• Apprendre les bonnes pratiques

• Découpage des maquettes et intégration web

Progamme de formation :
- Web 2.0 :
Partie1 : Table des matieres php

Premier script php
Affichage a l’ecran
Script php & html
Regles d’ecriture
Les variables
Les operateurs de base
La commande echo et les variables
Les constantes
Formulaires html (création
Formulaires (présentation)
Les fonctions
Passage de parametres
Portee des variables
Les conditions
Les chaines et les caracteres
Les iterations (boucles
Les tableaux
Envoyer un mail
Les dates
Les fichiers
Php et les bases de donnees
Myadmin & notions de mysql
Php et mysql
Traitement de formulaire creation de la base
Traitement de formulaire gestion de la base
Liste de quelques fonctions mysql php
Liste de quelques elements sql mysql
Quelques variables d’environnement
Sessions
Partie 2 : Table des matieres javascript
Appel d’un script javascript
Un peu de syntaxe
Les variables
Les types de variables
Procedures et fonctions
Les operateurs
Structures de choix
Structures de repetition
Les fenetres de dialogue
Les tableaux
Notions d’evenements
Notions de p.o.o
Principaux objets javascript
Les principaux objets dans window
Ouvrir une nouvelle fenetre
Evenements temporises
Les objets dans document les objets dans form
Travailler avec un formulaire
Partie 3 : Table des matieres html

Navigateurs
1° page html et tags
Les caractères spéciaux
Mise en forme de texte
Retraits et listes
Insérer des lignes
Mise en forme de texte
Les tableaux
Lien hypertexte
Images et html
Fichiers graphiques
Images et liens
Fond d’écran
Formulaires (création)
Editeurs & utilitaires
Telechargement via ftp
Comment structurer un site web
Partie4 : Table des matieres css

Créer des styles personnalisés.
Connaître les types de sélecteurs css.
Regrouper des sélecteurs.
Optimiser une feuille de styles.
Comprendre les positionnements « relative » et « absolute ».
Centrer un site web dans la page du navigateur web.
Créer un menu efficace à l’aide des pseudo-éléments.
Gérer les alignements sans problème.
Prévoir les bogues.
Contrôler la mise en forme de votre site web.
Faciliter l’entretien d’un site web (trucs et astuces du métier).

- Infographie :

Photoshop

Partie1 : Les principes des bases
1. Principes de base sur l’image numérique

Les différents types d’image : bitmap ou vectorielle
Les formats de fichiers image, pour quel usage ?
La taille et la résolution des images
Le mode colorimétrique
2. À quoi sert Photoshop ?

La retouche d’image
La création d’image
Exemples de réalisations
3. Présentation de l’interface

L’espace de travail de base
Afficher, masquer ou personnaliser des fenêtres ou palettes
Afficher les règles et les repères
Zoom et modes d’affichages
Enregistrer votre espace de travail
Régler les préférences du logiciel
Partie2 : Travailler avec Photoshop
4. Créer, enregistrer, ouvrir une image

Explorer vos images avec Bridge et ouvrir une image
Importer une image à partir d’un scanner
Créer un nouveau fichier image
Choisir le mode de couleur, la dimension et la résolution
Enregistrer le fichier de travail d’image Photoshop
5. Retouches de base sur une image

Réglages sur les niveaux, la luminosité et les contrastes
Réglages sur la forme et la taille de l’image
Réglages et correction de couleur
Réglages de la densité de zone de l’image
Utiliser la fonction « historique »
6. Utilisation des filtres

Utiliser les filtres
Utiliser les filtres dynamiques (version récente de Photoshop uniquement)
7. Utilisation des calques

Créer, dupliquer ou supprimer un calque
Importer une image dans un calque
Régler le mode de fusion et l’opacité d’un calque
Déplacement et transformation des objets calques
Changer l’ordre des calques
Lier des calques
Rompre des liens entre des calques
Créer des groupes de calques
Les effets de calque
8. Édition de texte

Insérer un texte
Éditer un texte
9. Sélections, remplissage, détourage, …

Les outils de forme de sélection
Remplir une sélection avec une couleur ou un dégradé
Intervertir une sélection
Utiliser la baguette magique
Détourer une image
Créer une sélection vectorielle
10. Création et utilisation de formes

Les formes de pinceau
Les formes vectorielles
11. Export d’images

Pour le web
Pour le flashage


*******************************

Programme :

Illustrator

Partie1 : La boîte à outils

Les tracés
Les noms dans un tracé
Les différents types de points.
Dessin main libre et la plume
Rectangles et ovales
Partie 2 : Les sélections

Dégradé
Changement d’échelle – rotation
réflexion – inclinaison
Ciseau – ajout et retrait d’un point
Partie 3 : Un tour dans les menus

Grouper et associer
Avant plan – arrière-plan
Déplacement
Préférences
Répéter
Joindre – aligner – verrouiller –
masquer – guides
Joindre
Aligner
Verrouiller
Tout déverrouiller
Masquer
Tout afficher
Transformer en guide
Annuler tout les guides
Prévisualisation
Partie 4 : Fond et contour

Les couleurs personnalisées
Motifs
Transparence
Masques
Objets composites
Partie 5 : Le texte

Pour saisir du texte
Pour mettre du texte dans un objet
Chaînage de deux blocs de texte
Pour poser du texte sur un tracé
Habiller une image
Éditez le tracé des lettres
Texte en noir au blanc partiel