responsive formation · maitrise du du logiciel dreamweaver créer, modifier des éléments html...
TRANSCRIPT
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 [email protected] - 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é