creer votre site internet en html/css

Transcription

1 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour Un support de cours remis en fin de Notions de base XHTML, CSS, hyperlien, Les éléments : texte, images, animations, vidéo, son La navigation et l arborescence Répertoires, fichiers : les nommer? Interface Interface de travail Configuration/Déclaration du site Les pages HTML Création et modification Propriétés de la page Le texte Insertion et mise en page Hyperliens, ancres, liens s Les Feuilles de styles CSS Mise en forme CSS 2 Gestion des styles CSS Gestion des boîtes DIV Les images Insertion d images, propriétés Préchargement des images Mappage d une image Roll-over entre deux images Roll-over multi zones creer votre site internet en html/css Les éléments dynamiques (DHTML) Les comportements Insertion d animation Flash Insertion de fichier PDF Insertion de fichier vidéo Dreamweaver Exchange Mise en ligne Nettoyage du code HTML Tester le site avec les navigateurs Configuration et transfert FTP Vérifier les liens Le Référencement Insertion du référencement Astuces 24

2 2 jours (14 heures) 740 HT (Inter) 1780 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour Avoir suivi la Initiation Dreamweaver ou similaires Un support de cours remis en fin de Notions de base Rappel rapide Les pages HTML Apprentissage des balises de code Le texte Formatage en CSS Les Feuilles de styles CSS2 Mise en forme CSS Gestion des styles CSS Gestion des boîtes DIV Les Feuilles de styles CSS3 Nouveauté en cours approfondir la création de site internet en html/css Les formulaires Description de la palette formulaire Création et configuration Les Médias Insertion d animation Flash Insertion de vidéos Insertion de fichier PDF Dreamweaver Exchange Les plus Widgets Spry Effets Spry Référencement Optimisation de son référencement 25

3 5 jours (35 heures) 1850 HT (Inter) 4450 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour de l initiation au perfectionnement Un support de cours remis en fin de Notions de base XHTML, CSS, hyperlien, Les éléments : texte, images, animations, vidéo, son La navigation et l arborescence Répertoires, fichiers : les nommer? Interface Interface de travail Configuration/Déclaration du site Les pages HTML Création et modification Propriétés de la page Le texte Insertion et mise en page Hyperliens, ancres, liens s Les Feuilles de styles CSS Mise en forme CSS 2 Gestion des styles CSS Gestion des boîtes DIV Mise en forme CSS 3 Les images Insertion d images, propriétés Préchargement des images Mappage d une image Roll-over entre deux images Roll-over multi zones Les éléments dynamiques (DHTML) Les comportements Insertion d animation Flash Insertion de fichier PDF Insertion de fichier vidéo Dreamweaver Exchange Les formulaires Description de la palette formulaire Création et configuration Les Médias Insertion d animation Flash Insertion de vidéos Insertion de fichier PDF Dreamweaver Exchange Les plus Widgets Spry Effets Spry Mise en ligne Nettoyage du code HTML Tester le site avec les navigateurs Configuration et transfert FTP Vérifier les liens Le Référencement Insertion du référencement Optimisation 26

4 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Graphistes, directeurs artistique, webdesigners ou toute personne souhaitant créer un site. Créer un site internet sans écrire la moindre ligne de code Exporter le site au format HTML, soit pour la mise en ligne, soit pour le modifier dans un logiciel de type Dreamweaver. Un support de cours remis en fin de FONCTIONS DE BASE Découverte de l interface utilisateur Gérer les menus Gérer les panneaux PRATIQUE Installation de Muse L interface Les modes de conception Le mode Plan le mode de Publication STRUCTURE D UN SITE INTERNET CREE AVEC MUSE Création du premier site La notion de mise en page web La notion d HTML La notion de CSS Hiérarchiser son site LES GABARITS Création Application Le placement des images La gestion de blocs Les styles de textes : paragraphe Propriétés du site SEMANTIQUE HTML Associer les styles aux balises HTML Intégrer des métadonnées (balise meta) Insérer du code HTML mettez en place votre site web sans code CONCEPTION D UN SITE AVEC MUSE L importation d éléments Photoshop La création de motifs répétés L importation de boutons en rollover depuis Photoshop Les styles type «PAO» Les styles de caractères type «span» Le gestion des polices Les textes Les texte «Images» Créer des hyperliens Créer un bouton Photoshop Créer un favicon Créer un menu de navigation LES WIDGETS Insérer des menus Créer un diaporama Créer un formulaire LA PREVISUALISATION Prévisualiser le travail en cours Prévisualiser le site dans un navigateur PUBLICATION DU SITE Publier avec Adobe Business Catalyst Exporter au format HTML Télécharger vers votre hôte FTP CONCLUSION La galerie des sites existants Création d un site à partir d un cas concret 27

5 6 jours (42 heures) 2220 HT (Inter) 5340 HT (Intra) Toute personne souhaitant créer ou modifier un site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour Connaître le traitement des photos pour le web Créer une charte graphique pour le web Deux supports de cours remis en fin de création d une charte web création d un site web Initiation à DREAMWEAVER Apprendre toutes les bases de la création d un site Internet : insertion d images, de textes, création de la structure du site, notion de référencement... Reprend le programme Initiation Dreamweaver en 3 jours mentionné dans ce catalogue Initiation à PHOTOSHOP Apprendre toutes les bases de la retouche photo et de la préparation des visuels pour un montage WEB ou PAO. Créer une charte graphique pour le web. Reprend le programme Initiation Photoshop en 3 jours mentionné dans ce catalogue

6 8 jours (56 heures) 2960 HT (Inter) 7120 HT (Intra) Toute personne souhaitant créer ou modifier un site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour Connaître le traitement des photos pour le web Créer une charte graphique pour le web Trois supports de cours remis en fin de création d une charte web création d un site web création d animation Initiation à DREAMWEAVER Apprendre toutes les bases de la création d un site Internet : insertion d images, de textes, création de la structure du site, notion de référencement... Reprend le programme Initiation Dreamweaver en 3 jours mentionné dans ce catalogue Initiation à PHOTOSHOP Apprendre toutes les bases de la retouche photo et de la préparation des visuels pour un montage WEB ou PAO. Créer une charte graphique pour le web. Reprend le programme Initiation Photoshop en 3 jours mentionné dans ce catalogue Initiation à FLASH Apprendre à créer des animations Flash pour insertion da sn votre site web, vos bannières publicitaires, vos menus de navigation, gérer de la vidéo... Reprend le programme Initiation Flash en 2 jours mentionné dans ce catalogue

7 9 jours (63 heures) 3330 HT (Inter) 8010 HT (Intra) Toute personne souhaitant créer ou modifier un site Internet de A à Z Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour Connaître le traitement des photos pour le web Créer une charte graphique pour le web création d un site web de a à z Trois supports de cours remis en fin de Initiation et Perfectionnement à DREAMWEAVER Apprendre toutes les bases de la création d un site Internet : insertion d images, de textes, création de la structure du site, notion de référencement... Reprend le programme Dreamweaver de A à Z en 5 jours mentionné dans ce catalogue Initiation au langage HTML Apprendre toutes les bases du langage HTML pour pouvoir modifier ou créer ses pages web. Reprend le programme Initiation HTML en 1 jour mentionné dans ce catalogue Initiation au langage CSS2 et CSS3 Apprendre toutes les bases du langage CSS pour pouvoir maquetter graphiquement ses pages web. Reprend le programme Initiation CSS en 2 jours mentionné dans ce catalogue Initiation au Référencement Naturel Apprendre les bases du positionnement naturel d un site Internet, connaître les bonnes pratiques et les erreurs à éviter. Reprend le programme Initiation Référencement Naturel en 1 jour mentionné dans ce catalogue 30

8 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne désirant être autonome dans la mise en place et la gestion d un site WordPress. Créer un site Web/Blog Gérer les contenus images/texte d un site existant Utiliser les fonctions natives Introduction Définition / histoire de Wordpress Vue d ensemble Présentation des outils et du vocabulaire propre à Wordpress, Différence frontend/backend Interface / barre d outils admin Les Articles Outils disponibles pour créer, modifier, publier ou référencer Les pages Outils disponibles pour créer, modifier, publier ou référencer Différences entre article et page Fonctionnalités Les extensions Définition, exemple, recherche, installation/suppression Installer un plugin Les Widgets Définition et exemple simple, installation/suppression Procédure pour installer un widget Les shortcodes Les Menus Définition Procédure pour créer un menu découvrir la création de site ou de blog avec WordPress Apparence Le choix du thème Fonctionnalités à prendre en compte Réglages Changer de thème Installation, retrouvez les widgets et les extensions, paramétrer son thème L éditeur CSS : firebug, édition en ligne Php : Vue d ensemble des fichiers qui composent un thème, comprendre le code php de Wordpress, utilisation d un snippet Dominez wordpress Thème-enfant Avantages Créer un thème enfant Les plugins indispensables Installer Analytics à la main Les outils externes Protocole FTP Définition + Logiciel filezilla BackUp ou sauvegarde de votre site Définition - Procédure - Plugins Phpmyadmin Définition et Utilité L hébergement et Domaine Qu est-ce qu un hébergement? Qu est-ce qu un domaine? Transférer son Wordpress 31

9 5 jours (35 heures) 1850 HT (Inter) 4450 HT (Intra) Toute personne désirant être autonome dans la mise en place et la gestion d un site WordPress. Créer un site Web/Blog Gérer les contenus images/texte d un site existant Utiliser les fonctions natives TP créer un blog/site WordPress Introduction Définition / histoire de Wordpress Vue d ensemble Présentation des outils et du vocabulaire propre à Wordpress, Différence frontoffice/backoffice Interface / barre d outils admin Les Articles Outils disponibles pour créer, modifier, publier ou référencer Les pages Outils disponibles pour créer, modifier, publier ou référencer Différences entre article et page Fonctionnalités Les extensions Définition, exemple, recherche, installation/suppression Installer un plugin Les Widgets Définition et exemple simple, installation/suppression Procédure pour installer un widget Les shortcodes Les Menus Définition Procédure pour créer un menu Apparence Le choix du thème Fonctionnalités à prendre en compte Réglages découvrir la création de site ou de blog avec WordPress Changer de thème Installation, retrouvez les widgets et les extensions, paramétrer son thème L éditeur CSS : firebug, édition en ligne Php : Vue d ensemble des fichiers qui composent un thème, comprendre le code php de Wordpress, utilisation d un snippet Dominez wordpress Thème-enfant Avantages Créer un thème enfant Les plugins indispensables Installer Analytics à la main Les outils externes Protocole FTP Définition + Logiciel filezilla BackUp ou sauvegarde de votre site Définition - Procédure - Plugins Phpmyadmin Définition et Utilité L hébergement et Domaine Qu est-ce qu un hébergement? Qu est-ce qu un domaine? Transférer son Wordpress Notion de CSS et de HTML Apprendre et mofidier le CSS et le HTML de votre site WordPress TP Créer un blog/site WordPress 32

10 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne désirant être autonome dans l intégration d un thème graphique personnalisé WordPress. Créer un thème unique Découpage maquette Intégration Wordpress Avoir suivi l initiation à Wordpress ou avoir des similaires Introduction But du cours Présentation modification et création d un thème WordPress Les Thèmes Enfants Avantages Créer un thème enfant Environnement de travail En local/en ligne TP : Installer wordpress sur son ordinateur Les logiciels utilisés TP : Installer notepad++ ou aptana TP : Quiz Q/R, utiliser firebug ou Chrome pour analyser son thème Les bases pour bien partir Vocabulaire et définition Structure du design Structure d un thème TP : Quiz Q/R, exercices d application Découpe de la maquette Photoshop Analyse de la maquette Découpe des images avec Photoshop + optimisation pour le web TP : découpe d une partie de la maquette Intégration du design sur le thème wordpress Préparation Les étapes La structure générale Morceau par morceau : lecture du code php et créations css Les plugins TP : Quiz Q/R, intégration de la maquette Compatibilité cross browser Internet Explorer Safari et Chrome Notion de CSS et de HTML Apprendre et modifier le CSS et le HTML de votre site WordPress 33

11 2 jours (14 heures) 740 HT (Inter) 1780 HT (Intra) Toute personne désirant être autonome dans l intégration d un E-Commerce avec WooCommerce. Créer une boutique en ligne Paramétrer la boutique Intégration Wordpress intégrer un Woo-Commerce à votre site WordPress Avoir suivi l initiation à Wordpress ou avoir des similaires Introduction TP : Présentation de la boutique à réaliser par l apprenant ou boutiquetype. Paiement en ligne Ce que vous devez savoir sur le paiement en ligne TP : Quiz Q/R Définir les besoins Les produits, Mode de paiement, Les besoins particuliers TP : Définir les besoins Les contraintes techniques TP : Trouver ces ins pour le plugin WP-ecommerce sur le site officiel Présentation de WooCommerce Descriptif Choix de son thème TP : Quiz Q/R Mise en pratique Choix du plugin Installation & configuration Paypal Présentation : pour et contre, Les différents produits, Contrat et frais de services TP : Quiz Q/R Module bancaire Présentation : pour et contre, Contrat et frais de services Mise en pratique Woocommerce Saisie des produits Optimisation (design et fonctionnalités sur-mesure) Mise en place du système de paiement Tester le paiement avec Paypal TP Créer un E-Commerce WordPress 34

12 1 jour (7 heures) 370 HT (Inter) 890 HT (Intra) Toute personne souhaitant créer ou modifier du code HTML Apprendre les bases du HTML pour pouvoir appréhender la création ou la modification de site Internet découvrir le langage html Les bases du HTML Les balises Créer une page HTML Structure d une page HTML Les balises de référencement Insérer des commentaires Insérer des caractères spéciaux Le Texte Définir un paragraphe Définir un saut de ligne Listes à puces et numérotées Les infobulles (title) Les liens hypertextes Mettre en page Les Boîtes DIV Définir les liens hypertextes Vers une ancre Vers une page du site Vers une adresse externe Vers une messagerie. Formation à compléter de préférence avec notre sur les CSS3 Insérer des images Les formats : GIF, JPEG, PNG Le texte alternatif Lien hypertexte sur une image Lien MAP sur une partie d image 35

13 2 jours (14 heures) 740 HT (Inter) 1780 HT (Intra) Toute personne souhaitant créer ou modifier du code CSS2 ou CSS3 Apprendre les bases CSS Gagnez en souplesse de travail et de mise à jour Gérer les mises à jour découvrir le langage css et ses nouveautés Approche Principes et utilités des CSS La structuration d une CSS Appliquer les CSS dans Dreamweaver Synthaxe du code CSS Les sélecteurs de style Les types balises Les types classes Les types identifiants Les sélecteurs imbriqués Les types pseudo-classe Applications CSS3 Des cadres arrondis Des ombres dynamiques Centrage des éléments Typo fantaisie Google font Gestion des dégrades... CSS dynamique Construction d un menu Menu rollover en CSS Une page sans tableau - normes W3C Propriétés des CSS La gestion des couleurs La gestion du texte La gestion des images Les arrières-plans Les blocs Les boites DIV Les bordures Les listes Le positionnement des éléments 36

14 1 jour (7 heures) 370 HT (Inter) 890 HT (Intra) Toute personne souhaitant référencer gratuitement son site Internet Apprendre les bases du référencement naturel Optimiser son site web Savoir dialoguer avec les professionnel du secteur positionner naturellement son site internet Moteurs de recherche Fonctionnement des moteurs type : Google, Yahoo, Msn... Méthode de Référencement L étude des mots clés L étude de la concurrence Définition d une cible La rédaction du contenu des pages Proposer son site aux moteurs Proposer son site aux annuaires Particularités Site en Flash PDF Site construit en frames (cadres) Site dynamique Fidélisation de popularité L échange de liens L ing Les newsletter Les jeux en ligne Optimisation positionnement Choix des mots clés Où placer et comment utiliser les mots Les Metatags de référencement Le texte visible à l internaute La pertinence du contenu de la page Ce qui ne faut pas faire! L étude du Page Rank (PR) Les balises d En-Tête (H1 - H2...) La balise Alt des images Création de Sitemap en xml Création de fiche map avec GoogleMap Le référencement payant Google Adword Nuisance au positionnement Effet Sandbox (back à sable) Le blacklistage Méthode Pédagogique Etude de cas concrets Etude de votre site web 37

15 1 jour (7 heures) 370 HT (Inter) 890 HT (Intra) Webmasters, chefs de projets Internet ou chefs d entreprise voulant se lancer avec Google AdWords. Apprendre à utiliser les outils Google Adwords Mettre en place des statistiques avancés Effectuer un suivi efficace des campagnes Créer un système publicitaire complet... Ce qu il faut faire avant Définir les objectifs de la campagne Les titres des pages web Les descriptifs des pages web Les marques déposées Les mots clés Évaluation des mots clés Outils générateur de mots Ciblage des mots clés Les url et page de destination Optimisation des mots Choix des pages de destination Fonctions et avantages du ciblage Les annonces Annonces textuelles Rédiger une annonce (titre - descriptif - lien de destination) Ouverture compte Adwords Structure d un compte AdWords Les paramètres à considérer Procédure de configuration du compte Ciblage linguistique et géographique campagnes promotionnelles payantes Adwords Budget Définition du budget Pré-paiement et Post-paiement Diffusion des annonces : jours - heures Suivi standard des conversions Suivi avancé des conversions Performances des campagnes Amélioration du niveau de qualité Augmentation du trafic Augmentation des conversions Utilisation des outils AdWords Rechercher et Modifier Outil de diagnostic des annonces Outil de gestion des annonces refusées Outil de visualisation des annonces Etablir des rapports d activités 38

16 3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne souhaitant promouvoir son activité par l envoi de ing Réaliser et envoyer sous forme d ing une newsletter html (textes et images) afin de fidéliser sa clientèle et animer son site internet. Logiciels utilisés Photoshop ou The Gimp pour la création graphique de la news Dreamweaver ou NotePad++ pour la conception HTML de la page Sarbacane ou Outlook ou Thunderbird pour l envoi de l ing Règles de l ing Les types : Texte - HTML Les pièces jointes La collecte d adresses en B to B et B to C Les mentions légales Photoshop ou The Gimp Interface de travail Palettes et fenêtres outils Formats des images (.gif et.jpeg) Enregistrer pour le web (poids images) Emplacement des images (en local et sur le serveur) création d ing et de newsletter Dreamweaver ou NotePad++ Interface de travail Palettes et fenêtres outils Créer une page HTML en tableaux Travail sur le texte / CSS Les couleurs web Insertion d images Insertion de liens Sarbacane ou Outlook ou Thunderbird Interface de travail Paramétrage du logiciel Envois groupés d un ing La gestion d une liste noire La gestion des erreurs 39