MOYENS TECHNIQUESOrdinateur Mac et PC,

systèmes et logiciels diversPhotoshop - Indesign - Illustrator

Connection internet

DUREE ET TARIFSSession de 50 heures par stagiaire

Horaires de 10h00 à 13h00 et de 14h00 à 17h00

Groupe de 2 à 5 stagiaires

3 000,00 € H.T. T.v.a. applicable 20 %soit 3 600,00 T.T.C.

OBJECTIFS PEDAGOGIQUES Concevoir un site Web en HTML avec les fonctions avancées de Dreamweaver : les outils d’édition (la page, le texte, les images, les liens hypertextes, les tableaux, réaliser une mise en page, insérer et manipuler un élément PA, la mise en forme avec le CSS, utilisation des boîtes <div>, transférer et mettre en ligne un site WEB, Automatiser le processus de production (la bibliothèque, les modèles), appliquer des comportements et des effets, utiliser les outils SPRY (mise en page, les données XML, créer des formulaires), tester, déployer et gérer un site.

PUBLIC , PRE-REQUISChargés de communication web, Community Managers, Assistants marketing, Responsables marketing, Graphistes, Maquettistes, Illustrateurs, Assistant(e)s de communication, Webdesigner, responsable entrepriseBonnes connaissances générales du Web et de l’outil informatique

COMPÉTENCES ACQUISESMaitrise du du logiciel DreamweaverCréer, modifier des éléments HtmlElaborer un site, news, blog…Connaissance des langages XML, HTML5, CSS3PHP / MySQL

MODALITES D’EVALUATIONContrôle continu des connaissances acquisesQCM - Projet de fin de stage

PROFIL DU FORMATEURIngénieur marketing et technique de communication

LIEU DU STAGE117, avenue Victor Hugo 92100 Boulogne

FORMATION DREAMWEAVER

117, avenue Victor Hugo 92100 Boulogne-Billancourt Siret 811 661 172 00015 Naf 8559A N° DA 11922076392 info@responsive-formation.com - Tél : 01.70.96.00.10RESPONSIVE FORMATION

DOCUMENT DELIVRE EN FIN DE STAGE

Attestation de stage

CALENDRIERConsulter les dates de session

PROGRAMME DE LA FORMATION

LE PROJET DE SITE  WEBExpression des besoins : méthode simplifiéeCahier des charges : exemplesEléments et règles de conceptionArborescence.Importance de la charte graphiqueFonctionnalités et ergonomieOrganiser la productiones répertoireses noms, liens et tailles des fichiersles formats de fichiersRecommandations diversesLES OUTILS DE CREATION WEBPrincipe du Web.Description des langages : HTML, Javascript, CSS, XMLes navigateurs - Les éditeurs de siteLes outils graphiques et multimédiaAutres outils utilesPRESENTATION DE DREAMWEAVERCréer et configurer un siteInterface : menus, palettes, panneaux, outilsDifférentes vues : code, design,…Aides à la mise en page : grilles, règles, ...Modifier l'interface utilisateurLes préférences de DreamweaverCréer les fichiers du siteLe « Site Map »FONCTIONS ET OUTILS D'EDITIONLa page et son texte Propriétés de la page - Insérer du texteFormater le texte : gras, italique, police, couleur, etc…Mettre en page le contenu : titre, paragraphe, liste, justification, indentation…Importer du contenu (Word, Excel, .TXT, XML, etc…)LES IMAGESFormats d'images : description, comparaisonInsérer les images et les images de fondLes propriétés des images. Panneau ActifsRetouche d'image avec Fireworks ou PhotoshopUtilisation : menu, navigation, visuels, photos, icônesLes liens hypertextesLien sur du texte, lien sur une imageLiens relatifs, liens absolusCréer des ancres nomméesLiens FTP, mailto, Usenet, autresLes zones sensibles (images maps)

Créer et utiliser des tableauxInsérer et mettre en forme un tableauTableaux et mise en pageModifier un tableau : cellules, colonnes, lignesImporter des données tabulaires CSS POUR LA MISE EN FORMELes styles CSS, les différents sélecteurs CSSCréer des règles  CSS et les appliquerCréer un fichier CSS pour votre siteMETTRE EN PAGELes styles CSS, les différents sélecteurs CSSCréer des règles  CSS et les appliquerCSS POUR LA MISE EN FORMEUtiliser les cadres Avantages et inconvénients des cadresCréation et utilisationCadre local ou IframeUtiliser les boîtes <<div>> Les gabarits de mise en page (layout)  avec les DIVGabarits prédéfinis dans DreamweaverTélécharger des gabaritsTRANSFERER SON SITE SUR INTERNETUtiliser le FTP de DreamweaverMettre en ligne le site Web, synchronisationLES ELEMENTS PAInsérer un élément PAManipulation des propriétés des calquesMise en page avec des éléments PAEléments PA et styles CSSConversion tableau – PA ou l'inverseCOMPORTEMENTS ET JAVASCRIPTAppliquer des comportementsInsertion de code Javascript personnaliséImage survoléPERSONNALISATION DE L’INTERFACEAjout d’outils à Dreamweaver avec Adobe Exchange : installation, utilisationGestion des extensions avec Adobe Extension ManagerMISE EN PAGE CSS AVANCÉELes gabarits de mise en page et les différents médiasLe positionnement CSSTechniques particulièresRecommandations

LANGAGE XML, HTML5, CSS3Structure d’un document XMLCréer un document XML simpleDocument bien forméAperçu de HTML5 et de CSS3AUTOMATISER LE PROCESSUS DE PRODUCTIONLa bibliothèqueStocker des éléments dans la bibliothèqueUtiliser les éléments de la bibliothèqueModifier un élémentLes modèlesModèles simple et imbriquéLes différents type de régions (modifiable, répétée, facultative)Définir les régions modifiablesAppliquer et modifier un modèleOptimiser la productionL'historiqueUtiliser les commandesUtiliser le panneau des Actifs, favorisFonction rechercher / remplacerNettoyer le code (HTML, Word)Inspecteurs de balises et de codeLes fragments de code : création et utilisationRécupérer du HTML FireworksOptimisation de l'utilisation des styles CSSFenêtre CSS pertinentsCréation d’applications « Cross Browser»Créer un album photo

LES OUTILS SPRYMise en pageLes outils et palette SPRY :- Barre de menu- Panneau à onglets- Accordéon- Panneau réductible- Info-bulleModifier l’apparence des éléments SPRY avec CSSInteraction Javascript et éléments SPRYWidget : Téléchargement, installation et utilisation de Widget BrowserSpry et les données XMLTableau de donnéesCréer un fichier XMLEnsemble de données SPRYRégion, répétition SPRYListe de répétitionLien avec des imagesValidation de formulairesCréation d’un formulaire avec champs obligatoiresValidation des différents objets :- Validation Spry de champ de texte- Validation Spry de zone de texte- Validation Spry de case à cocher- Validation Spry de sélection- Validation Spry de mot de passe- Validation Spry de confirmation- Validation Spry de groupe de boutons radioGestion des messagesValidations spécifiquesPersonnalisation avec CSSEnvoyer un formulaire

TEST, GESTION ET DEPLOIEMENT DE SITEDécouvrir Illustrator, son utilisation et ses fonctions

Les différentes applications : illustrations, logos, pictogrammes, mises en pages (packaging)…

Les formats de document et l’outil zone de recadrage

Personnalisation de l’interface : plan de travail et palettes

Les modes d’affichage tracés et aperçus

Créer des formes géométriques

Les outils : rectangle (coins carrés ou arrondis), cercles, polygones, étoiles, triangles…

Les contours : épaisseurs, extrémités, styles de traits

Les outils de sélection

Transformer les objets

Les outils de transformation : échelle, rotation, symétrie, torsion

Les Pathfinder : créer des formes complexes

Mode colorimétrique du document

Personnaliser son nuancier de couleurs : unies, dégradées, motifs

Différencier les modes : CMJN, RVB, Panto en fonction de la destination

LANGAGE PHP / MYSQLLes bases du langage PHPStructure des programmesLes types de variablesLes tests if..else.., switchLes boucles for, do, whileLes variables système

Les fonctions de base :Chaînes de caractères, dates, images, fichiers, messagerie…Créer des fonctions, des bibliothèquesPasser des paramètres à une pageRécupérer les informations d’un formulaireMémoriser des informations dans des cookiesGérer les sessions

Créer un formulaire pour un accès sécuriséSe connecter à une base de données MySQL avec PHP

Créer une table :les différents types de champsInsérer des enregistrementsMettre à jour des enregistrementsSupprimer des enregistrementsLe langage SQL : SELECT, INSERT, DELETE, UPDATE

Gérer les informations d’une base de donnéesInterroger une base de données à travers un formulaireAfficher des résultats dans un tableauCréer des menus déroulantsSaisir dans un formulaire et envoyer dans une baseAjouter des informations, mettre à jourSupprimer dans une baseUtiliser session et cookies dans un accès sécurisé