Bonsoir
j aimerais avoir votre avis sur le pack formation proposé sur le site de telechargement toomai à 199 euros
donc si je comprends bien il faut acheter en plus les logiciels entre autre dreamweaver
connaissez vous le prix du logiciel dreamweaver ?
excusez moi si mes questions sont un peu betes mais je debute merci
en voici la description:
Pack Formation Webmaster 2010
Maîtrisez la fabrication complète d'un site Web avec deux formations complètes Dreamweaver "Apprendre Dreamweaver CS5 Dynamique - avec Php/MySQL" et "Apprendre Dreamweaver CS5 - Formation Complète" qui vous enseigneront la constitution d'un site statique et dynamique directement avec cet éditeur. Approfondissez ensuite toutes vos connaissances avec plusieurs formations sur le codage : le tutoriel "Apprendre XHTML & CSS" qui vous permettra de présenter votre interface de façon élégante et conforme au W3C , le tutoriel "Apprendre PHP & MySQL - Formation aux fondamentaux" qui accompagnera vos premiers pas en PHP, et la formation "Apprendre Ajax / JQuery" qui vous permet d'ajoutez de l'interaction à vos projets Web.
Apprendre Dreamweaver CS5
Apprenez à créer et gérer simplement votre site Web avec le logiciel de référence, Adobe Dreamweaver CS5. Thierry Audoux vous explique à travers un projet complet comment réaliser un site web et exploiter au mieux cet outil WYSIWYG d’Adobe. L’ensemble du logiciel est décrit et enseigné à travers des exemples concrets : les notions d’interactivités, les comportements, les formulaires, les menus, les feuilles de styles, les différents types de média, les Spry etc. Apprenez également à comprendre la relation entre l’interface intuitive de Dreamweaver et le code généré, pour savoir modifier, personnaliser et paramétrer les pages Web créés (fichiers de travail inclus à la formation) - Durée 9H20
Niveau prérequis : Avoir une connaissance de la navigation sur le web et de l’outil informatique
Objectifs de la formation : Maîtrisez la production d’un site Web statique avec Dreamweaver CS5
Sommaire de la formation en tutoriel vidéo Dreamweaver CS5
Découverte
Introduction au réseau Internet
Préparer ses éléments graphiques
Introduction au HTML
Introduction aux feuilles de style (CSS)
L’environnement de travail
Interface logiciel
Créer un nouveau site
Les préférences d’un nouveau document
Les préférences de Dreamweaver
Créer des pages
Créer une nouvelle page
Incorporer du texte dans une page et le baliser
Mise en forme simple d’une page avec les propriétés de page
Créer une feuille de style pour les textes
Créer des listes
Incorporer des images dans une page
Modifier les images
Concevoir la structure d’une page
Améliorer la structure d’une page
Créer un menu horizontal avec des liens (Nouveauté)
Créer des règles de styles avec la palette des styles CSS (Nouveauté)
Externaliser des styles et créer des styles pour l’impression
Affichage directe
Présenter les styles de la fenêtre des règles de styles
Créer des liens internes
Réaliser une carte image
Créer un tableau simple
Modifier un tableau
Importer et exporter des données
Apprendre les bases des formulaires
Mettre en forme un formulaire
Création de liens entre les pages
Création d’un système de cadres
Créer une zone iFrame
Réaliser des pages
Réaliser des menus avec du texte
Réaliser un menu CSS avec des images réactives
Réaliser un menu complet avec une seule image
Le positionnement des blocs
Mise en page fixe
Mise en page liquide
Mise en page élastique
Mise en page avec des éléments flottants
Mise en page en utilisant l’outil élément PA
Incorporer des éléments swf et flv
Incorporer des vidéos et du son
Ajouter des balises d’en-tête
Ajouter des scripts javascript
Les spécialités de Dreamweaver
Le Spry Barre de menu
Le Spry panneaux à onglet
Le Spry Accordéon
Le Spry panneau réductible
Le Spry ToolTip - info bulle
Formulaire Spry
Comportement ouvrir une fenêtre
Les effets Spry
Permuter une image
Déplacer et afficher
Vérifier un formulaires
Créer des modèles
Aperçu des pages dans BrowserLab (Nouveauté)
Vérification de la compatibilité des navigateurs
Nettoyer le code
Rechercher, remplacer
L’aide
Travailler en mode Code
Ajouter des extensions à Dreamweaver
Incorporer des widgets (Nouveauté)
Mettre en ligne
Apprendre Dreamweaver CS5 Dynamique avec Php/MySQL
Jean-Marie DEFRANCE, enseignant multimédia à Gobelins l’école de l’image (Paris), vous détaille comment utiliser tous les outils de Dreamweaver CS5 pour intégrer rapidement des applications dynamiques à vos projets Web . Après vous être familiarisé à la structure et au fonctionnement d’une base de données, l’auteur détaille avec précisions les étapes de construction d’un catalogue, d’un espace d’administration sécurisé, d’une interface de gestion des visuels...Et de bien d’autres ateliers encore (les fichiers d’exemples accompagnent le cours) - Durée 6h30
Niveau prérequis : Nécessite une connaissance des notions fondamentales HTML Objectifs de la formation : Maîtriser les outils dynamiques fondamentaux de Dreamweaver CS5
Sommaire de la formation "Apprendre Dreamweaver dynamique CS5 avec PHP-MySQL"
Introduction
Le mot de Jean-Marie DEFRANCE
Les sites dynamiques
Analyse d'un site dynamique en PHP
Sites dynamiques et environnement de développement
Infrastructure serveur local
Installation de Wamp pour PC
Installation de Mamp pour Mac
La base de données et son gestionnaire
Notion de base de données
Méthodologie de conception
Création et gestion d'une base de données avec phpMyAdmin
Sauvegarde et restauration d'une base
Création d'un compte utilisateur de la base de données
Présentation et configuration de Dreamweaver
L'interface de Dreamweaver dynamique
Configuration d'un site dynamique
Configuration d'une connexion à la base de données
Configuration d'un jeu d'enregistrements
Création de pages dynamiques d'affichage
Page avec une liste dynamique simple
Liste dynamique avec barre de navigation et d'état
Liste dynamique avec formulaire de filtre unique
Liste dynamique avec contrôle de l'affichage
Page d'affichage principal-détail
Page d'affichage dynamique de photo
Page avec une liste dynamique issue de 2 tables et plus
Page avec une liste dynamique avec formulaire de filtre multiple
Page avec menu dynamique
APPLICATION : Création d'un catalogue d'articles en ligne (Installation et configuration du site dans Dreamweaver)
APPLICATION : Création d'un catalogue (Configuration de la connexion au serveur MySQL et des jeux d'enregistrements)
APPLICATION : Création d'un catalogue (Intégration des variables dynamiques)
APPLICATION : Création d'un catalogue (Configuration de la photo dynamique, page actualité et test du site)
Apprendre PHP & MySQL - Formation aux fondamentaux
Votre formateur :
Jean-Marie Defrance - Diplômé d'un DEA de didactique de l'informatique, Jean-Marie Defrance enseigne le multimédia à Gobelins, l'école de l'image. Il est par ailleurs directeur technique de l'Agence W, société spécialisée dans le développement de sites dynamiques
Sommaire de Prévisualiser Apprendre le PHP & MySQL
Environnement de développement
Du site statique au site dynamique
Visite d’un site dynamique
Environnement de développement
Installation de Wamp pour PC
Configuration de l’éditeur PC
Installation de Mamp pour Mac
Syntaxe de PHP
Extension du fichier et balises de code PHP
Les commentaires
Les variables et leurs types
Les variables en tableaux indicé associatif
Les variables en tableaux à deux dimensions
Variables de formulaire
Variables d’URL
Variables de serveur
Les constantes
Les opérateurs arithmétiques
Les opérateurs d’affection
Les opérateurs de comparaison
Les opérateurs logiques
Les opérateurs de concaténation
Structures de programme
Structures de choix avec if
Structures de choix avec switch...case
Structures de boucle avec while
Structures de boucle avec for
Tableau de couleur avec la boucle for
Structures de boucle avec foreach
Instruction de contrôle avec break
Instruction de contrôle avec continue
Inclusion de fragment de code avec include()
Redirection en PHP
Fonctions
Déclaration et utilisation des fonctions
Utilisation avancée des fonctions
Utilisation de fonctions externes avec require()
Fonctions intégrées et documentation en ligne - Partie 01
Fonctions intégrées et documentation en ligne – Partie 02
Mémorisation des informations
Les cookies Les sessions
Base de données MySQL
Introduction
Méthode de conception d’une base de données simple
Méthode de conception d’une base de données avec jointure
Création d’une base avec phpmyadmin
Commande SELECT simple
Commande SELECT avec des alias
Commande SELECT avec des fonctions MySQL
Commande SELECT avec la clause WHERE
Commande SELECT avec jointure
Commande SELECT avec la clause ORDER BY
Commande SELECT avec la clause LIMIT
Commande INSERT Commande UPDATE
Commande DELETE
Applications PHP-MySQL courantes
Connexion à la base de données
Affichage de la liste des enregistrements
Affichage d’une fiche d’un enregistrement
Création d’un ensemble liste-détail
Affichage d’une image dynamique
Formulaire de recherche
Menu déroulant dynamique
Page de suppression d’un enregistrement
Page d’ajout d’un enregistrement
Page de mise à jour d’un enregistrement
Création d’un système de contrôle d’accès
Ajout d’une photo
Modification d’une photo
Conclusion
Mot de la fin
Apprendre XHTML & CSS
Sommaire de la formation XHTML et CSS :
Introduction
Le mot de l’auteur
Premier contact avec HTML et CSS
Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ?
Les principales balises HTML pour le texte
Exercice de balisage HTML: présentation de l’exercice
Corrigé: structurer un texte en HTML
Les commentaires en HTML
Styles CSS: attribut style et élément style, sélecteur d’éléments
Styles CSS: utiliser les classes et identifiants
Exercice: reproduction d’un style existant
Des images pour les pages web
Annexe 1: Travailler avec les bons outils
Éditeur WYSIWYG ou éditeur de code?
Les navigateurs web
Barre d’outils Web Developer et Firebug
Introduction à la mise en page en CSS
Éléments de type bloc et éléments de type en-ligne
Le modèle de boite CSS: hauteur et largeur
Le modèle de boite CSS: les marges
Le modèle de boite CSS: bordures et padding
Le modèle de boite CSS: comment se cumulent ces propriétés
Le positionnement relatif
Le positionnement absolu
Le positionnement flottant
Une fiche produit (exercice): balisage HTML
Une fiche produit (exercice): mise en forme CSS
Annexe 2: Standards et validité
Validité du code XHTML
Les validateurs sont mes amis
Les standards XHTML et CSS: spécifications et références
Mise en page d’un design simple
Présentation de l’exercice: réalisation d’un site web complet
Mise en place du projet
Mise en forme de l’en-tête du site
Analyse du design et création de de blocs conteneurs (éléments DIV)
Positionnement des principaux blocs
Un point sur les couleurs pour le Web (couleurs en CSS, outils pratiques) Décorer un bloc avec des images de fond (propriété background)
Des menus de navigation en HTML et CSS
Qu’est-ce qu’un menu de navigation ?
Analyse du design du menu principal de notre site web
Styles CSS du menu principal
Annexe 3: L’encodage des caractères
Qu’est-ce qu’un encodage de caractères ? Quel encodage choisir ?
Comment bien déclarer l’encodage d’une page ?
Les entités HTML
Mise en forme du contenu
Mise en forme des contenus de l’accueil: boites pour le texte
Mise en forme des contenus de l’accueil: styles du texte
Préparation de la page «fiche produit»
Intégration et adaptation de la fiche produit
Récapitulatif des propriétés CSS pour le texte
Annexe 4: Des gabarits de mise en page pour vos projets
Présentation des gabarits de mise en page
Rappel largeur fluide et largeur fixe. Modifier un gabarit.
Tableaux et formulaires en HTML et CSS
Construire et mettre en forme un tableau
Un formulaire simple en HTML
Mise en forme du formulaire
Conclusion
Conclusion de la formation
Apprendre Ajax / jQuery
Rodolphe Rimelé, développeur, graphiste et cofondateur de l’agence Web Alsacréations introduit pas à pas toutes les notions fondatrices de ce langage Ajax avant d’en détailler les fonctionnalités et applications principales. Créez des effets d’animation complexes, des présentations originales, des menus ergonomiques facilement implémentables et compatibles multi-navigateurs et bien d’autres applications encore. Des projets complets joints à cette formation permettront de trouver de nouvelles bases solides pour enrichir vos projets Web (Durée : 5h)
Sommaire de la formation Ajax / jQuery
Introduction
Le mot de Rodolphe RIMELÉ
Principes de base
Qu’est-ce que le jQuery ?
Les bons outils pour développer (navigateur, éditeur de texte et Firebug)
Mise en oeuvre de Javascript et jQuery
Rappels sur Javascript (Variables, fonctions, commentaires)
Inclusion de jQuery dans les pages
Votre premier script jQuery minimaliste (avec document.ready)
Sélecteurs en jQuery
Sélecteurs CSS
Filtres, pseudo-classes et sélecteurs spécifiques à jQuery - Texte
Fonctions simples et fonctions avec arguments
Evénements
Souris (clics...) et clavier
bind, one, ready, live et die
Déclencheurs avec trigger
Le sélecteur $(this)
HTML et jQuery
Manipulations du texte et du code html
Manipulations des attributs
Astuces vis-à-vis des attributs HTML
CSS et jQuery
Manipulations des classes
Astuces vis-à-vis des classes en jQuery et HTML
Manipulations en CSS
Dimensions et positionnement
Dimensions des objets
Positionnement des objets
DOM (Document Object Model)
Insérer du contenu
Ajouter du contenu à l’exterieur
Cloner du contenu
Remplacer du contenu
Entourer du contenu
Supprimer du contenu
Astuce pour créer du contenu à la volée
Animations et Effets
Apparition et disparition
Mouvement et transitions
Fonction Animate
Parcours
Filtres
Recherche
Enfants, parents, frères
Each
Mise en application
Liste déroulante
Accordéon
Onglets
Slideshow
Lightbox
Ecriture de plugins
Etendre les possibilités de jQuery
Fonctions utiles pour l’écriture de plug-ins
Mise en application de plugins
Ecriture d’un plugins complet de Slideshow
Pour aller plus loin (utilisation concrète de plug-ins)
datepicker
qTip
LavaLamp
Lightbox
jQuery UI
Ajax
Principes d’Ajax
Un cas concret avec Load
La fonction $.ajax
La fonction $.ajax - Le traitement des évenements
La fonction $.post
La fonction $.get avec réponse XML
La fonction $.getJSON avec Flickr
Le Mot de la fin
Conclusion : avantages et inconvénients
Niveau prérequis : Avoir une connaissance pratique du HTML et de l'outil informatique
Objectifs de la formation : Maîtriser les fondamentaux du langage de programmation Ajax/jQuery
Configuration Requise :
Compatible
Win XP-Vista-7 (32 et 64 bits), Mac OS X (jusqu'à Snow Leopard 10.6) et Linux
Durée totale de la formation Pack de formation Webmaster 2010
38h
Formateur
Collectif
Processeur
1,2 GHZ minimum
Lecteur de DVD-ROM requis pour la version DVD
Connexion Internet nécessaire pour la première activation
j aimerais avoir votre avis sur le pack formation proposé sur le site de telechargement toomai à 199 euros
donc si je comprends bien il faut acheter en plus les logiciels entre autre dreamweaver
connaissez vous le prix du logiciel dreamweaver ?
excusez moi si mes questions sont un peu betes mais je debute merci
en voici la description:
Pack Formation Webmaster 2010
Maîtrisez la fabrication complète d'un site Web avec deux formations complètes Dreamweaver "Apprendre Dreamweaver CS5 Dynamique - avec Php/MySQL" et "Apprendre Dreamweaver CS5 - Formation Complète" qui vous enseigneront la constitution d'un site statique et dynamique directement avec cet éditeur. Approfondissez ensuite toutes vos connaissances avec plusieurs formations sur le codage : le tutoriel "Apprendre XHTML & CSS" qui vous permettra de présenter votre interface de façon élégante et conforme au W3C , le tutoriel "Apprendre PHP & MySQL - Formation aux fondamentaux" qui accompagnera vos premiers pas en PHP, et la formation "Apprendre Ajax / JQuery" qui vous permet d'ajoutez de l'interaction à vos projets Web.
Apprendre Dreamweaver CS5
Apprenez à créer et gérer simplement votre site Web avec le logiciel de référence, Adobe Dreamweaver CS5. Thierry Audoux vous explique à travers un projet complet comment réaliser un site web et exploiter au mieux cet outil WYSIWYG d’Adobe. L’ensemble du logiciel est décrit et enseigné à travers des exemples concrets : les notions d’interactivités, les comportements, les formulaires, les menus, les feuilles de styles, les différents types de média, les Spry etc. Apprenez également à comprendre la relation entre l’interface intuitive de Dreamweaver et le code généré, pour savoir modifier, personnaliser et paramétrer les pages Web créés (fichiers de travail inclus à la formation) - Durée 9H20
Niveau prérequis : Avoir une connaissance de la navigation sur le web et de l’outil informatique
Objectifs de la formation : Maîtrisez la production d’un site Web statique avec Dreamweaver CS5
Sommaire de la formation en tutoriel vidéo Dreamweaver CS5
Découverte
Introduction au réseau Internet
Préparer ses éléments graphiques
Introduction au HTML
Introduction aux feuilles de style (CSS)
L’environnement de travail
Interface logiciel
Créer un nouveau site
Les préférences d’un nouveau document
Les préférences de Dreamweaver
Créer des pages
Créer une nouvelle page
Incorporer du texte dans une page et le baliser
Mise en forme simple d’une page avec les propriétés de page
Créer une feuille de style pour les textes
Créer des listes
Incorporer des images dans une page
Modifier les images
Concevoir la structure d’une page
Améliorer la structure d’une page
Créer un menu horizontal avec des liens (Nouveauté)
Créer des règles de styles avec la palette des styles CSS (Nouveauté)
Externaliser des styles et créer des styles pour l’impression
Affichage directe
Présenter les styles de la fenêtre des règles de styles
Créer des liens internes
Réaliser une carte image
Créer un tableau simple
Modifier un tableau
Importer et exporter des données
Apprendre les bases des formulaires
Mettre en forme un formulaire
Création de liens entre les pages
Création d’un système de cadres
Créer une zone iFrame
Réaliser des pages
Réaliser des menus avec du texte
Réaliser un menu CSS avec des images réactives
Réaliser un menu complet avec une seule image
Le positionnement des blocs
Mise en page fixe
Mise en page liquide
Mise en page élastique
Mise en page avec des éléments flottants
Mise en page en utilisant l’outil élément PA
Incorporer des éléments swf et flv
Incorporer des vidéos et du son
Ajouter des balises d’en-tête
Ajouter des scripts javascript
Les spécialités de Dreamweaver
Le Spry Barre de menu
Le Spry panneaux à onglet
Le Spry Accordéon
Le Spry panneau réductible
Le Spry ToolTip - info bulle
Formulaire Spry
Comportement ouvrir une fenêtre
Les effets Spry
Permuter une image
Déplacer et afficher
Vérifier un formulaires
Créer des modèles
Aperçu des pages dans BrowserLab (Nouveauté)
Vérification de la compatibilité des navigateurs
Nettoyer le code
Rechercher, remplacer
L’aide
Travailler en mode Code
Ajouter des extensions à Dreamweaver
Incorporer des widgets (Nouveauté)
Mettre en ligne
Apprendre Dreamweaver CS5 Dynamique avec Php/MySQL
Jean-Marie DEFRANCE, enseignant multimédia à Gobelins l’école de l’image (Paris), vous détaille comment utiliser tous les outils de Dreamweaver CS5 pour intégrer rapidement des applications dynamiques à vos projets Web . Après vous être familiarisé à la structure et au fonctionnement d’une base de données, l’auteur détaille avec précisions les étapes de construction d’un catalogue, d’un espace d’administration sécurisé, d’une interface de gestion des visuels...Et de bien d’autres ateliers encore (les fichiers d’exemples accompagnent le cours) - Durée 6h30
Niveau prérequis : Nécessite une connaissance des notions fondamentales HTML Objectifs de la formation : Maîtriser les outils dynamiques fondamentaux de Dreamweaver CS5
Sommaire de la formation "Apprendre Dreamweaver dynamique CS5 avec PHP-MySQL"
Introduction
Le mot de Jean-Marie DEFRANCE
Les sites dynamiques
Analyse d'un site dynamique en PHP
Sites dynamiques et environnement de développement
Infrastructure serveur local
Installation de Wamp pour PC
Installation de Mamp pour Mac
La base de données et son gestionnaire
Notion de base de données
Méthodologie de conception
Création et gestion d'une base de données avec phpMyAdmin
Sauvegarde et restauration d'une base
Création d'un compte utilisateur de la base de données
Présentation et configuration de Dreamweaver
L'interface de Dreamweaver dynamique
Configuration d'un site dynamique
Configuration d'une connexion à la base de données
Configuration d'un jeu d'enregistrements
Création de pages dynamiques d'affichage
Page avec une liste dynamique simple
Liste dynamique avec barre de navigation et d'état
Liste dynamique avec formulaire de filtre unique
Liste dynamique avec contrôle de l'affichage
Page d'affichage principal-détail
Page d'affichage dynamique de photo
Page avec une liste dynamique issue de 2 tables et plus
Page avec une liste dynamique avec formulaire de filtre multiple
Page avec menu dynamique
APPLICATION : Création d'un catalogue d'articles en ligne (Installation et configuration du site dans Dreamweaver)
APPLICATION : Création d'un catalogue (Configuration de la connexion au serveur MySQL et des jeux d'enregistrements)
APPLICATION : Création d'un catalogue (Intégration des variables dynamiques)
APPLICATION : Création d'un catalogue (Configuration de la photo dynamique, page actualité et test du site)
Apprendre PHP & MySQL - Formation aux fondamentaux
Votre formateur :
Jean-Marie Defrance - Diplômé d'un DEA de didactique de l'informatique, Jean-Marie Defrance enseigne le multimédia à Gobelins, l'école de l'image. Il est par ailleurs directeur technique de l'Agence W, société spécialisée dans le développement de sites dynamiques
Sommaire de Prévisualiser Apprendre le PHP & MySQL
Environnement de développement
Du site statique au site dynamique
Visite d’un site dynamique
Environnement de développement
Installation de Wamp pour PC
Configuration de l’éditeur PC
Installation de Mamp pour Mac
Syntaxe de PHP
Extension du fichier et balises de code PHP
Les commentaires
Les variables et leurs types
Les variables en tableaux indicé associatif
Les variables en tableaux à deux dimensions
Variables de formulaire
Variables d’URL
Variables de serveur
Les constantes
Les opérateurs arithmétiques
Les opérateurs d’affection
Les opérateurs de comparaison
Les opérateurs logiques
Les opérateurs de concaténation
Structures de programme
Structures de choix avec if
Structures de choix avec switch...case
Structures de boucle avec while
Structures de boucle avec for
Tableau de couleur avec la boucle for
Structures de boucle avec foreach
Instruction de contrôle avec break
Instruction de contrôle avec continue
Inclusion de fragment de code avec include()
Redirection en PHP
Fonctions
Déclaration et utilisation des fonctions
Utilisation avancée des fonctions
Utilisation de fonctions externes avec require()
Fonctions intégrées et documentation en ligne - Partie 01
Fonctions intégrées et documentation en ligne – Partie 02
Mémorisation des informations
Les cookies Les sessions
Base de données MySQL
Introduction
Méthode de conception d’une base de données simple
Méthode de conception d’une base de données avec jointure
Création d’une base avec phpmyadmin
Commande SELECT simple
Commande SELECT avec des alias
Commande SELECT avec des fonctions MySQL
Commande SELECT avec la clause WHERE
Commande SELECT avec jointure
Commande SELECT avec la clause ORDER BY
Commande SELECT avec la clause LIMIT
Commande INSERT Commande UPDATE
Commande DELETE
Applications PHP-MySQL courantes
Connexion à la base de données
Affichage de la liste des enregistrements
Affichage d’une fiche d’un enregistrement
Création d’un ensemble liste-détail
Affichage d’une image dynamique
Formulaire de recherche
Menu déroulant dynamique
Page de suppression d’un enregistrement
Page d’ajout d’un enregistrement
Page de mise à jour d’un enregistrement
Création d’un système de contrôle d’accès
Ajout d’une photo
Modification d’une photo
Conclusion
Mot de la fin
Apprendre XHTML & CSS
Sommaire de la formation XHTML et CSS :
Introduction
Le mot de l’auteur
Premier contact avec HTML et CSS
Qu’est-ce qu’une page web ? À quoi servent les feuilles de style ?
Les principales balises HTML pour le texte
Exercice de balisage HTML: présentation de l’exercice
Corrigé: structurer un texte en HTML
Les commentaires en HTML
Styles CSS: attribut style et élément style, sélecteur d’éléments
Styles CSS: utiliser les classes et identifiants
Exercice: reproduction d’un style existant
Des images pour les pages web
Annexe 1: Travailler avec les bons outils
Éditeur WYSIWYG ou éditeur de code?
Les navigateurs web
Barre d’outils Web Developer et Firebug
Introduction à la mise en page en CSS
Éléments de type bloc et éléments de type en-ligne
Le modèle de boite CSS: hauteur et largeur
Le modèle de boite CSS: les marges
Le modèle de boite CSS: bordures et padding
Le modèle de boite CSS: comment se cumulent ces propriétés
Le positionnement relatif
Le positionnement absolu
Le positionnement flottant
Une fiche produit (exercice): balisage HTML
Une fiche produit (exercice): mise en forme CSS
Annexe 2: Standards et validité
Validité du code XHTML
Les validateurs sont mes amis
Les standards XHTML et CSS: spécifications et références
Mise en page d’un design simple
Présentation de l’exercice: réalisation d’un site web complet
Mise en place du projet
Mise en forme de l’en-tête du site
Analyse du design et création de de blocs conteneurs (éléments DIV)
Positionnement des principaux blocs
Un point sur les couleurs pour le Web (couleurs en CSS, outils pratiques) Décorer un bloc avec des images de fond (propriété background)
Des menus de navigation en HTML et CSS
Qu’est-ce qu’un menu de navigation ?
Analyse du design du menu principal de notre site web
Styles CSS du menu principal
Annexe 3: L’encodage des caractères
Qu’est-ce qu’un encodage de caractères ? Quel encodage choisir ?
Comment bien déclarer l’encodage d’une page ?
Les entités HTML
Mise en forme du contenu
Mise en forme des contenus de l’accueil: boites pour le texte
Mise en forme des contenus de l’accueil: styles du texte
Préparation de la page «fiche produit»
Intégration et adaptation de la fiche produit
Récapitulatif des propriétés CSS pour le texte
Annexe 4: Des gabarits de mise en page pour vos projets
Présentation des gabarits de mise en page
Rappel largeur fluide et largeur fixe. Modifier un gabarit.
Tableaux et formulaires en HTML et CSS
Construire et mettre en forme un tableau
Un formulaire simple en HTML
Mise en forme du formulaire
Conclusion
Conclusion de la formation
Apprendre Ajax / jQuery
Rodolphe Rimelé, développeur, graphiste et cofondateur de l’agence Web Alsacréations introduit pas à pas toutes les notions fondatrices de ce langage Ajax avant d’en détailler les fonctionnalités et applications principales. Créez des effets d’animation complexes, des présentations originales, des menus ergonomiques facilement implémentables et compatibles multi-navigateurs et bien d’autres applications encore. Des projets complets joints à cette formation permettront de trouver de nouvelles bases solides pour enrichir vos projets Web (Durée : 5h)
Sommaire de la formation Ajax / jQuery
Introduction
Le mot de Rodolphe RIMELÉ
Principes de base
Qu’est-ce que le jQuery ?
Les bons outils pour développer (navigateur, éditeur de texte et Firebug)
Mise en oeuvre de Javascript et jQuery
Rappels sur Javascript (Variables, fonctions, commentaires)
Inclusion de jQuery dans les pages
Votre premier script jQuery minimaliste (avec document.ready)
Sélecteurs en jQuery
Sélecteurs CSS
Filtres, pseudo-classes et sélecteurs spécifiques à jQuery - Texte
Fonctions simples et fonctions avec arguments
Evénements
Souris (clics...) et clavier
bind, one, ready, live et die
Déclencheurs avec trigger
Le sélecteur $(this)
HTML et jQuery
Manipulations du texte et du code html
Manipulations des attributs
Astuces vis-à-vis des attributs HTML
CSS et jQuery
Manipulations des classes
Astuces vis-à-vis des classes en jQuery et HTML
Manipulations en CSS
Dimensions et positionnement
Dimensions des objets
Positionnement des objets
DOM (Document Object Model)
Insérer du contenu
Ajouter du contenu à l’exterieur
Cloner du contenu
Remplacer du contenu
Entourer du contenu
Supprimer du contenu
Astuce pour créer du contenu à la volée
Animations et Effets
Apparition et disparition
Mouvement et transitions
Fonction Animate
Parcours
Filtres
Recherche
Enfants, parents, frères
Each
Mise en application
Liste déroulante
Accordéon
Onglets
Slideshow
Lightbox
Ecriture de plugins
Etendre les possibilités de jQuery
Fonctions utiles pour l’écriture de plug-ins
Mise en application de plugins
Ecriture d’un plugins complet de Slideshow
Pour aller plus loin (utilisation concrète de plug-ins)
datepicker
qTip
LavaLamp
Lightbox
jQuery UI
Ajax
Principes d’Ajax
Un cas concret avec Load
La fonction $.ajax
La fonction $.ajax - Le traitement des évenements
La fonction $.post
La fonction $.get avec réponse XML
La fonction $.getJSON avec Flickr
Le Mot de la fin
Conclusion : avantages et inconvénients
Niveau prérequis : Avoir une connaissance pratique du HTML et de l'outil informatique
Objectifs de la formation : Maîtriser les fondamentaux du langage de programmation Ajax/jQuery
Configuration Requise :
Compatible
Win XP-Vista-7 (32 et 64 bits), Mac OS X (jusqu'à Snow Leopard 10.6) et Linux
Durée totale de la formation Pack de formation Webmaster 2010
38h
Formateur
Collectif
Processeur
1,2 GHZ minimum
Lecteur de DVD-ROM requis pour la version DVD
Connexion Internet nécessaire pour la première activation