Intégrateur Web HTML5 CSS3

Dimension: px
Commencer à balayer dès la page:

Download "Intégrateur Web HTML5 CSS3"

Transcription

1 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou un site d e commerce en utilisant des outils (CMS). Aucun prérequis en programmation n est nécessaire pour intégrer la 3W Academy : la formation est concentrée sur ce qui est uniquement nécessaire et sur les bonnes pratiques pour obtenir des résultats de qualité et ainsi devenir un intégrateur web opérationnel. Les technologies enseignées pour notre formation d intégrateur sont toutes celles indispensables aujourd hui : HTML 5, CSS 3, JQuery, Bootstrap, LESS, WordPress. Elles sont utilisées sur presque 100% des sites internet, nous avons choisi les langages de l intégration (HTML, CSS) mais aussi les outils / bibliothèques (JQuery, LESS, Bootstrap, WordPress) les plus utilisés et les plus demandés dans ce milieu. Notre programme en cours du soir vous permettra d être capable de réaliser n importe quel design de site internet. Vous y découvrirez énormément de bonnes pratiques pour gagner du temps, et être productif, car nous savons qu une grande partie de nos étudiants finissent par se bâtir une carrière Freelance. Page 1 / 10

2 Information sur le cours Nom d u programme : Intégrateur Web Durée de la formation : 2 mois Nombre d heures de cours : 112 heures Horaires en semaine : mardi, mercredi, jeudi de 5:30 PM à 8:30 PM Horaires en fin de semaine : 5 samedis, de 9:00 AM à 6:00 AM Localisation : 440 place Jacques Cartier, H2Y 3B3, Montréal, Québec Capacité : 15 étudiants Dates des sessions : janvier, mars, mai, juillet, septembre, novembre Prix : 2.000$ CAD Page 2 / 10

3 Plan du cours Semaine 1 Découverte des langages HTML et CSS. Première balises HTML Sémantique web Bonnes pratiques d accessibilité Nos premiers styles CSS (font *, text *) Modèle de boite (block, inline, margin, padding). Utiliser un environnement de travail (PHPStorm) Utiliser les bons outils d un intégrateur : générateur de contenu, compression Comprendre les différents langages web HTML / CSS / PHP / JS Compétences en Dactylographie Utilisation d un Système d Exploitation Connaissances des principaux raccourcis clavier Cette première partie nous permet de démarrer sur de bonnes bases. Notre cours vous permettra de vous remettre à niveau pour bien comprendre HTML5. De nombreuses choses ont changé, et il est préférable d y aller pas à pas Page 3 / 10

4 Semaine 2 Approfondir la sémantique et commencer à positionner nos éléments. Nouvelles balises HTML5 pour la structure d un site Utilisation des pseudo sélecteurs (hover, target, focus ) Positionnement en CSS (fixed, float ) Découper une maquette pour en faire un site internet Mettre en pratique toutes les techniques apprises Sémantique HTML Utilisation et règles simples en CSS Bonnes pratiques de l intégrateur Cette seconde partie nous permet d approfondir nos connaissances HTML et CSS. L utilisation de bonnes pratiques (comme la syntaxe Emmet dans PHPStorm), vous permettra de sauver beaucoup de temps. Page 4 / 10

5 Semaine 3 Réaliser des sites internet concrets à partir de maquette. Positionnement flottant Effets de transition Comment bien séparer son code CSS (bonne organisation, création de thèmes) Intégration de contenu différent en gardant un design homogène Pseudo sélecteurs Positionnement flottant Nous souhaitons rentrer rapidement dans le métier d intégrateur. Nos exercices sont basés sur des vrais demandes de client. Page 5 / 10

6 Semaine 4 Apprendre à réfléchir sur la structure d un site. Quelles sont les limites du CSS? Les dégradés en CSS3 Création de logo en HTML Les pseudo sélecteurs d enfant (:last child, :first child ) Les positionnements «relative» et «absolute«utilisation des displays (inline, block, inline block.) Les sélecteurs :before et :after Les transformations CSS Utiliser ses propres polices / font Pseudo sélecteurs Positionnement flottant Afin de pouvoir évoluer de manière autonome après la formation, les étudiants ont besoin de connaitre les limites des langages HTML et CSS. Attention à toujours garder à l esprit la sémantique et non l affichage d un site. Page 6 / 10

7 Semaine 5 Utiliser efficacement les formulaires et les tableaux en HTML. Créer des formulaires efficaces et réutilisables Utiliser pleinement les capacités des tableaux Identifier des éléments CSS via ses attributs Améliorer son design en utilisant le CSS3 (ombre, transition, transparence ) Projet : créer un menu déroulant entièrement en CSS sur plusieurs niveaux. Excellente utilisation des displays Positionnement absolut et relatif Nous allons étudier les tableaux de la façon qu ils devraient toujours être utilisés. En jouant avec toutes les compétences acquises, nos étudiants peuvent déjà faire des petites animations! Page 7 / 10

8 Semaine 6 Comprendre et utiliser des systèmes de grille pour obtenir un site responsive. Créer un système de grille à 4 colonnes Intégration complète d une maquette en Flat Design Utiliser des plugins JQuery Très bonne maîtrise de toutes les techniques de positionnement Syntaxe emmet Cette semaine vise à réaliser un autre projet concret en utilisant les techniques d aujourd hui : le responsive web design, le design Flat, les plugins JQuery Page 8 / 10

9 Semaine 7 Découvrir et utiliser efficacement Bootstrap. Le langage LESS. Le système de grille à 12 colonnes Gérer un design responsive facilement avec Bootstrap Les Glyphicons et styles de bases Utiliser et modifier des composants (onglet, barre de navigation, popover, collapse ) Reproduire un site avec Bootstrap Le langage LESS (variables, mixins, imbrication de CSS, calculs ) Très bonne maîtrise de toutes les techniques de positionnement Syntaxe emmet Bootstrap est aujourd hui une référence en matière d intégration, il convient de bien comprendre son fonctionnement. D un autre côté, le langage LESS permet de sauver beaucoup de temps lorsque nous faisons le CSS d un site, c est donc un point important de notre formation. Page 9 / 10

10 Semaine 8 Apprenez à vous servir de WordPress! Création d un blog WordPress Utilisation de thèmes et plugins supplémentaires Création d un thème sur mesure : plusieurs pages, templates sur mesure Administration de son thème via le backoffice WP Tout ce que nous avons vu avant Utilisation de Bootstrap WordPress est incontournable aujourd hui. Il faut savoir réaliser des sites internet avec ce CMS. Nous allons approfondir son utilisation et réaliser un thème complet sur mesure et administrable. Page 10 / 10

Programmeur Niveau 2 PHP5

Programmeur Niveau 2 PHP5 Programmeur Niveau 2 PHP5 L objectif de la 3W Academy est de former des petits groupes d élèves à la programmation de sites internet ainsi qu à la création d applications web complexes tel qu un blog ou

Plus en détail

Devenez un véritable développeur web en 3 mois!

Devenez un véritable développeur web en 3 mois! Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web

Plus en détail

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures

3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures 3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet

Plus en détail

FORMATION WEBMASTER PROGRAMMEUR ERP / CRM. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26

FORMATION WEBMASTER PROGRAMMEUR ERP / CRM. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 FORMATION WEBMASTER PROGRAMMEUR ERP / CRM Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 Préambule : La formation par TooEasy TooEasy formation c est Un centre de formation déclaré d activité

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

COURS COMPLET. Objectif général. À qui s'adresse ce cours? Avantages. Créer un site Web commercial. Durée de la formation. Matériel pédagogique

COURS COMPLET. Objectif général. À qui s'adresse ce cours? Avantages. Créer un site Web commercial. Durée de la formation. Matériel pédagogique Certificat d agrément #0054105 Page 1 de 6 COURS COMPLET Créer un site Web commercial Objectif général Être capable de créer un site Web commercial de A à Z. Durée de la formation 120 heures de formation.

Plus en détail

FORMATION WEBMASTER AVANCEE :

FORMATION WEBMASTER AVANCEE : FORMATION WEBMASTER AVANCEE : OBJECTIF : 300 HEU RE S - 4 MOIS Apprendre à créer des sites internet par diverses méthodes en apprenant les bases des différents langages que constituent la création de site

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

Plus en détail

DEVELOPPEUR INTEGRATEUR WEB

DEVELOPPEUR INTEGRATEUR WEB DEVELOPPEUR INTEGRATEUR WEB (400 heures sur 3 mois) HTML5, CSS3, MySQL, PHP5, Javascript, Responsive Microsoft Partner (Dernière édition) Programme de formation France, Belgique, Suisse, Roumanie - Canada

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés.

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés. TP N 4 Page d accueil Wordpress Ojectif Gérer du texte avec des images Accueil par défaut Par défaut, la page d accueil affiche les 10 derniers articles publiés. Nous souhaitons une page d accueil avec

Plus en détail

Formations. Mon site web fait maison à moindre coût. Olivier BERMOND. Webdesigner, webmaster Beyond Line

Formations. Mon site web fait maison à moindre coût. Olivier BERMOND. Webdesigner, webmaster Beyond Line Formations Olivier BERMOND. Webdesigner, webmaster Beyond Line Mon site web fait maison à moindre coût 1èr critère pour la création d un site web : son prix. Vous êtes de plus en plus nombreux à vous lancer

Plus en détail

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design Grilles Fluides CSS CREATION D UNE GRILLE FLUIDE Grille fluide Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design WWW.SUTTERLITY.FR

Plus en détail

Contenu détaillé du stage :

Contenu détaillé du stage : Contenu détaillé du stage : Création Internet et Accessibilité Méthodologie de suivi et de gestion pour assurer un rôle d intégrateur Web (Présentation hebdomadaire) (720 heures -10 Stagiaires 30h par

Plus en détail

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail

Formation HTML5 / CSS3

Formation HTML5 / CSS3 Objectifs de la formation HTML 5 et CSS3 HTML est un langage qui permet de présenter des informations sur Internet. Bien qu'encore en cours de création, la version HTML 5 est un langage parfaitement utilisable.

Plus en détail

FORMATION WEBMASTER WEBDESIGNER. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26

FORMATION WEBMASTER WEBDESIGNER. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 FORMATION WEBMASTER WEBDESIGNER Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 Préambule : La formation par TooEasy TooEasy formation c est Un centre de formation déclaré d activité N 82

Plus en détail

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Simon Benjamin BTS SIO Rapport de stage : Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Entreprises : 2014/2015-1 - - 2 - Remerciements Je tiens tout

Plus en détail

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com

ADOBE DREAMWEAVER. contact@mandyben.com www.mandyben-formation.com ADOBE DREAMWEAVER Public : Webmasters, créateur de sites Internet, maquettistes, infographistes, responsables communication, chefs de projet. Pré-requis : Bonne connaissance de l environnement Mac ou Windows).

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Sam Markiewicz. Digital designer / Illustrateur. Guide de démarrage

Sam Markiewicz. Digital designer / Illustrateur. Guide de démarrage Sam Markiewicz Digital designer / Illustrateur Guide de démarrage Bonjour! Et ravi de faire votre connaissance! Je suis Sam Markiewicz, je suis un designer et illustrateur freelance. Je mets à votre disposition

Plus en détail

Développeur - Intégrateur

Développeur - Intégrateur Impression à partir du site https://offredeformation.picardie.fr le 25/11/2015. Fiche formation Développeur - Intégrateur - N : 16074 - Mise à jour : 29/07/2015 Développeur - Intégrateur Web Force 3 224

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

Sommaire. 1 ) Qu'est ce que WordPress. 2 ) Pourquoi WordPress. 3 ) Les sites statiques et les sites dynamiques. 4 ) Les parties de WordPress

Sommaire. 1 ) Qu'est ce que WordPress. 2 ) Pourquoi WordPress. 3 ) Les sites statiques et les sites dynamiques. 4 ) Les parties de WordPress Sommaire 1 ) Qu'est ce que WordPress 2 ) Pourquoi WordPress 3 ) Les sites statiques et les sites dynamiques 4 ) Les parties de WordPress 5 ) Les éléments de WordPress 6 ) Les avantages 1 ) Qu'est ce que

Plus en détail

Programme jquery / Dojo Professionnel

Programme jquery / Dojo Professionnel Programme jquery / Dojo Professionnel Déclaration d'activité enregistrée sous le n 52 44 06789 44 auprès du Préfet de région des Pays de la Loire. Format du cours :Plate-forme d apprentissage numérique

Plus en détail

academy.lotincorp.biz

academy.lotincorp.biz academy.lotincorp.biz Contenu L académie Effectifs & Ordinateur personnel Répartition horaire Conception graphique niveau 1 Conception web Développement web niveau 1 Développement web niveau 2 Conditions

Plus en détail

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22

2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22 SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

Plus en détail

Editoile Académie Mathieu Renault, formateur 9 rue Vauban 33 000 Bordeaux Tél. 05 35 54 62 10 formation@editoile.fr

Editoile Académie Mathieu Renault, formateur 9 rue Vauban 33 000 Bordeaux Tél. 05 35 54 62 10 formation@editoile.fr Page 1 / 8 Pourquoi se former à Editoile Académie? Parce que nos formateurs sont des professionnels expérimentés Les formations sont animées par les rédacteurs web et community managers d Editoile, agence

Plus en détail

Laurent Trépanier, développeur front-end 514 571 0282 laurent_trepanier@videotron.ca http://ltrepanier.com/ Compétences pertinentes Plus de 10 ans d'expérience comme intégrateur web Spécialisé HTML, CSS,

Plus en détail

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012 Un site web collaboratif avec Drupal Judith Hannoun - Journées INSHS 16 Octobre 2012 Site web Ensemble de pages en html Des liens hypertextes Une base de données si site dynamique Une interface graphique

Plus en détail

Lizmap: Webmapping, sans développement! Valorisation de données spatiales

Lizmap: Webmapping, sans développement! Valorisation de données spatiales Lizmap: Webmapping, sans développement! Valorisation de données spatiales Philippe Clastre, INRA, Avignon Nailloux, 26-28/ Mai / 2014 SOMMAIRE Lizmap: Principes Mise en forme des données (Qgis) Le plugin

Plus en détail

CONCEPTEUR REALISATEUR MULTIMEDIA GOBELINS CAHIER DES CHARGES WORKSHOP HTML/JAVASCRIPT. CRM13 2 ème ANNEE

CONCEPTEUR REALISATEUR MULTIMEDIA GOBELINS CAHIER DES CHARGES WORKSHOP HTML/JAVASCRIPT. CRM13 2 ème ANNEE CONCEPTEUR REALISATEUR MULTIMEDIA GOBELINS CAHIER DES CHARGES WORKSHOP HTML/JAVASCRIPT CRM13 2 ème ANNEE OCTOBRE 2014 Objectifs : Approfondir votre pratique de l intégration HTML/CSS Apprendre à intégrer

Plus en détail

Contexte PPE GSB CR. Analyse. Projet réalisé :

Contexte PPE GSB CR. Analyse. Projet réalisé : Contexte PPE GSB CR Le laboratoire est issu de la fusion entre le géant américain Galaxy et le conglomérat Swiss Bourdin. Cette fusion a eu pour but de moderniser l activité de visite médicale et de réaliser

Plus en détail

Formation Joomla 3 Réalisez votre Template

Formation Joomla 3 Réalisez votre Template Formation Joomla 3 Réalisez votre Template Flash-comet.com Cours version 2015 1 Sommaire Contenu du cours... 3 Création d'un template avec "Template Créator CK"... 3 Principe de fonctionnement... 3 Ce

Plus en détail

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50.

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50. Le guide complet pour créer sites web Vous verrez ensuite comment gérer les pages qui constituent la structure du site : créer les pages, les paramétrer pour la publication, les modifier, les supprimer

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

LE POSITIONNEMENT CSS. Quelques notions essentielles

LE POSITIONNEMENT CSS. Quelques notions essentielles LE POSITIONNEMENT CSS Quelques notions essentielles Pour éviter ça....element{ padding: 15px; width: 98.32%; /* pas compris, mais ça déborde à 98.33% */ position: relative; /* faut pas enlever */ overflow:

Plus en détail

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille Immeuble Normandie II 55, rue Amiral Cécille 7 6 1 0 0 R O U E N Tél. : 02 35 03 87 09 Fax : 02 35 03 49 29 Email : formation@art-communication.fr Site web : www.art-communication.fr Catalogue WEB DESIGN

Plus en détail

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin

Table des matières. 2013 Pearson France HTML5 & CSS3, 2e éd. Michel Martin Table des matières Introduction 1 Pourquoi HTML5 et CSS3? 3 Compatibilité avec les navigateurs 4 Principales différences entre HTML5 et ses prédécesseurs 6 À propos de l auteur 7 1 Les bases du HTML5/CSS3

Plus en détail

WEBMESTRE - niveau 1 & 2

WEBMESTRE - niveau 1 & 2 INTITULE WEBMESTRE VIA WORDPRESS WEBMESTRE - niveau 1 & 2 OBJECTIFS (Voir détails) PUBLICS DUREE INTRODUCTION À LA PROGRAMMATION WEB : Qu est-ce qu un site Web et connaître les outils pour le créer. Connaître

Plus en détail

Programme de formation

Programme de formation Apprenez à créer votre Site internet, votre Boutique Ecommerce. WWW.FORMATIONWEBMARTINIQUE.COM Programme de formation Votre formateur : Maxime Mottin 06 96 77 99 66 m.mottin@gowebcreation.com Programme

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Atelier multimédi@ médiathèque Jean-Jacques Rousseau bibliothèque Georges Brassens Chambéry

Atelier multimédi@ médiathèque Jean-Jacques Rousseau bibliothèque Georges Brassens Chambéry Atelier multimédi@ médiathèque Jean-Jacques Rousseau bibliothèque Georges Brassens Chambéry Calendrier des formations de septembre à décembre 2014 Les ateliers multimédi@ sont ouverts aux horaires des

Plus en détail

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition)

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition) Introduction A. La création de sites Web 20 B. Les langages 20 C. Le livre 20 1. Pour les designers Web 20 2. Le contenu 20 Chapitre 1 : L évolution de l HTML et des CSS A. Rapide historique de l Internet

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

Nouveautés joomla 3 1/14

Nouveautés joomla 3 1/14 Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes

Plus en détail

TP JAVASCRIPT OMI4 jquery et ses Plungins

TP JAVASCRIPT OMI4 jquery et ses Plungins TP JAVASCRIPT OMI4 jquery et ses Plungins Objectifs de ce TP : découvrir quelques exemples d utilisation de la bibliothèque jquery et également quelques plugins. Exercice 1 : gestion d un bouton rollover

Plus en détail

Cours PHP. Cours en ligne Développement web PHP. Académie Libre info@academielibre.fr

Cours PHP. Cours en ligne Développement web PHP. Académie Libre info@academielibre.fr Cours PHP Cours en ligne Développement web PHP Académie Libre info@academielibre.fr Programme général du Cours PHP Module 1 Introduction et installation d un environnement PHP Unité 1 Introduction à PHP

Plus en détail

MINI-MÉMOIRE DE PPP - S4

MINI-MÉMOIRE DE PPP - S4 MINI-MÉMOIRE DE PPP - S4 Par [OUAZAR ARIS-ARAB] [S4-G2] [AYME OLIVIA] TABLE DES MATIÈRES ANALYSE DE L ENTREPRISE # PRESENTATION DE L ENTREPRISE # LISTE ET DESCRIPTION DES DIFFERENTS METIERS REPRESENTES

Plus en détail

Qualité web : les bonnes pratiques front-end

Qualité web : les bonnes pratiques front-end L institut de formation continue des professionnels du Web Qualité web : les bonnes pratiques front-end Référence formation : Durée : Prix conseillé : PE081 3 jours (21 heures) 2 100 HT (hors promotion

Plus en détail

LES TABLES. Exemple de table :
cellule 1 cellule 2
cellule 3 cellule 4

LES TABLES. Exemple de table : <table> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table> LES TABLES Les tables servent pour l'affichage de «données tabulaires», c'est-à-dire des informations présentées logiquement en rangées et en colonnes. Son intégration peut paraitre fastidieuse mais c'est

Plus en détail

CCP3: Contribuer à la réalisation de supports de communication numériques

CCP3: Contribuer à la réalisation de supports de communication numériques Nous CCP3: Contribuer à la réalisation de supports de communication numériques Le titre professionnel est composé de trois certificats de compétences professionnelles (CCP) Celui-ci prépare à la certification

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 Table des matières PREMIÈRE PARTIE

Plus en détail

Mes formations : @telier. @telier Informatique : PROGRAMME FORMATIONS INFORMATIQUES 2010 17 DECEMBRE 21 SEPTEMBRE SEPTEMBRE - 17

Mes formations : @telier. @telier Informatique : PROGRAMME FORMATIONS INFORMATIQUES 2010 17 DECEMBRE 21 SEPTEMBRE SEPTEMBRE - 17 Mes formations : A conserver par vos soins pour retenir les dates et horaires. Je me suis inscrit(e) pour... Date et horaire : Date et horaire : FORMATIONS INFORMATIQUES 2010 21 21 SEPTEMBRE SEPTEMBRE

Plus en détail

Catalogue des formations 2013/2014 Page 1 sur 14

Catalogue des formations 2013/2014 Page 1 sur 14 Catalogue des formations 2013/2014 Page 1 sur 14 POURQUOI SE FORMER AVEC Parce que les intervenants sont des professionnels expérimentés Les formations sont animées par les rédacteurs web et community

Plus en détail

Fabrication de site web Damien Nouvel

Fabrication de site web Damien Nouvel Fabrication de site web Plan Gestion de projets informatiques Acteurs de la fabrication de sites web Travail du designer Travail du développeur 2 / 30 Plan Gestion de projets informatiques Acteurs de la

Plus en détail

Fluid. Modèle de projet pour e-majine MASSIVE.SHINE

Fluid. Modèle de projet pour e-majine MASSIVE.SHINE Fluid Modèle de projet pour e-majine MASSIVE.SHINE Sommaire I. Présentation... 1 II. Préformatés a - Page d accueil b - Page de portfolio c - Page de contact d - Page de blog... 2... 3... 4... 4... 5 III.

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

* fermeture le lendemain

* fermeture le lendemain MOIS DE JANVIER 2011 Samedi 1 01h35 08h43 14h09 21h14 Dimanche 2 02h41 09h42 15h15 22h09 Lundi 3 03h38 10h32 16h10 22h56 Mardi 4 04h26 11h15 16h57 23h37 Mercredi 5 05h07 11h54 17h37 *00h14 Jeudi 6 05h45

Plus en détail

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

Plus en détail

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

HTML5 et CSS3 pour des sites Responsive Web Design

HTML5 et CSS3 pour des sites Responsive Web Design Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur

Plus en détail

5065 Approfondissement d un champ de la micro-informatique

5065 Approfondissement d un champ de la micro-informatique 5065 Approfondissement d un champ de la micro-informatique Légende BRÈVE DESCRIPTION : Le cours INF 5065-2 est un cours de niveau secondaire 5 qui vous donnera Domaine d apprentissage : Mathématique, science

Plus en détail

Bachelor Responsable de Communication Bachelor 1-

Bachelor Responsable de Communication Bachelor 1- Bachelor Responsable de Communication Bachelor 1- Mars 2015 INITIATION AUX LOGICIELS DU WEB SYSB202 Semestre 2 Nombre heures 20 Nombre crédits 2 Langue d enseignement Français Département académique :

Plus en détail

Éric Sarrion. JQuery 1. 7. & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6

Éric Sarrion. JQuery 1. 7. & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 Éric Sarrion JQuery 1. 7 & JQuery UI 2 e édition Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 Avant-propos Dernier né des frameworks JavaScript, jquery a immédiatement séduit les développeurs

Plus en détail

Prestashop insérer une police Webfont

Prestashop insérer une police Webfont Prestashop insérer une police Webfont Intéressons nous aujourd hui à la gestion des polices dans le CMS Prestashop. Ce CMS spécialisé Ecommerce très efficace pour les utilisateurs finaux peut sembler un

Plus en détail

DESS Arts, création et technologies

DESS Arts, création et technologies DESS Arts, création et technologies Faculté des arts et des sciences DESS Arts, création et technologies ART6017 - INTERNET ET WEB Trimestre HIVER 2014 PLAN DE COURS Enseignante Courriel Marjolaine Béland

Plus en détail

Dreamweaver DW. Programme de formation. France Belgique Suisse - Canada. Formez vos salariés pour optimiser la productivité de votre entreprise

Dreamweaver DW. Programme de formation. France Belgique Suisse - Canada. Formez vos salariés pour optimiser la productivité de votre entreprise Dreamweaver DW Programme de formation France Belgique Suisse - Canada Microsoft Partner Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014 Des questions?

Plus en détail

Formation (X)HTML-CSS avancé

Formation (X)HTML-CSS avancé Formation (X)HTML-CSS avancé Table des matières 1 Introduction 3 1.1 La philosophie W3C.................................. 3 1.2 Du HTML au XHTML................................. 3 1.3 Et dans la pratique...................................

Plus en détail

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description

Plus en détail

Anatomie de Twenty Twelve

Anatomie de Twenty Twelve 25 Anatomie de Twenty Twelve Architecture de base d un thème WordPress Avant de faire connaissance avec les fichiers qui composent Twenty Twelve, il est important de comprendre comment est conçu un thème

Plus en détail

Comment installer wordpress. www.bxart.be wp niveau 1

Comment installer wordpress. www.bxart.be wp niveau 1 www.bxart.be wp niveau 1 Installation Introduction Wordpress est un CMS ce qui signifie : système de gestion de contenu (Content Management System). Il y a d autres CMS mais c est de loin le plus populaire.

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

Saint-Ex. centre culturel numérique Saint-Exupéry formation professionnelle

Saint-Ex. centre culturel numérique Saint-Exupéry formation professionnelle Saint-Ex centre culturel numérique Saint-Exupéry formation professionnelle 2016 sommaire formation webdesign formation vidéo formation mapping formation régie multimédia formations à la carte infos pratiques

Plus en détail

Informations de l'unité d'enseignement Implantation. Cursus de. Intitulé. Code. Cycle 1. Bloc 2. Quadrimestre 1. Pondération 6. Nombre de crédits 6

Informations de l'unité d'enseignement Implantation. Cursus de. Intitulé. Code. Cycle 1. Bloc 2. Quadrimestre 1. Pondération 6. Nombre de crédits 6 Informations de l'unité d'enseignement Implantation Institut Paul Lambin Cursus de Intitulé Code Bachelier en informatique de gestion Programmation Web : Avancé I2050 Cycle 1 Bloc 2 Quadrimestre 1 Pondération

Plus en détail

Chapitre 1 Créer votre site web avec Dreamweaver 8 11

Chapitre 1 Créer votre site web avec Dreamweaver 8 11 Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur... 12 1.2. Découvrir l interface de Dreamweaver... 15 La manipulation de l interface... 16 La gestion

Plus en détail

Guide de référence de Kcast (Beta) pour les utilisateurs de Windows 7. -Page 1-

Guide de référence de Kcast (Beta) pour les utilisateurs de Windows 7. -Page 1- Guide de référence de Kcast (Beta) pour les utilisateurs de Windows 7 -Page 1- Table des matières Paramètres Windows 7 recommandés pour les utilisateurs de Kcast... 3 Paramètres du bureau... 4 Centre de

Plus en détail

AJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada

AJAX. (Administrateur) (Dernière édition) Programme de formation. France, Belgique, Suisse, Roumanie - Canada AJAX (Administrateur) (Dernière édition) Programme de formation Microsoft Partner France, Belgique, Suisse, Roumanie - Canada WWW.SASGROUPE.COM Formez vos salariés pour optimiser la productivité de votre

Plus en détail

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2

TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 TECHNIQUES D INTÉGRATION MULTIMÉDIA DIFFUSION EN LIGNE (582-KGB-JQ) 1-3-2 Enseignant : Serge Parent Bureau : 841.3G Téléphone : 418-547-2191, poste 7134 Courriel: serge.parent@cjonquiere.qc.ca Élève 2

Plus en détail

FORMATION COURTES FICHE D INSCRIPTION 2016

FORMATION COURTES FICHE D INSCRIPTION 2016 FORMATION COURTES FICHE D INSCRIPTION 2016 IDENTITE DE LA PERSONNE Nom :.. Prénom :.... Adresse :..... Tél. :.. E-mail :..... Date de naissance :.... Situation professionnelle : Salarié(e) Étudiant(e)

Plus en détail

Eclipse et quelques notions de Jquerry

Eclipse et quelques notions de Jquerry Eclipse et quelques notions de Jquerry Tout d abord, une petite présentation s impose. Eclipse est un outil de développement qui permet d éditer du code et de visualiser le résultat grâce à des émulateurs

Plus en détail

L ÉCOLE. Une école supérieure entièrement dédiée au Net

L ÉCOLE. Une école supérieure entièrement dédiée au Net L ÉCOLE Une école supérieure entièrement dédiée au Net L EEMI propose une formation inédite aux métiers du net grâce à son partenariat avec trois entreprises leaders du net en Europe : Un concept innovant

Plus en détail

UN SITE WEB RESPONSIVE EN UNE HEURE?

UN SITE WEB RESPONSIVE EN UNE HEURE? UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N

Plus en détail

Projet Covoiturage TP 1

Projet Covoiturage TP 1 Projet Covoiturage TP 1 Description du thème Ce TP est le premier d une série mettant en œuvre le développement mobile en utilisant la bibliothèque jquery Mobile. Propriétés Description Intitulé long Formation

Plus en détail

Lauro Kevin Lopes-Vicente Vincent Wallner Jean

Lauro Kevin Lopes-Vicente Vincent Wallner Jean Table des matières I- Étude préalable... 2 1) Description approfondie du sujet... 2 2) Étude et comparaison à l'existant... 2 a) Easyfoyou.fr... 2 b) Stockiteasy.fr... 3 c) CalusPlus... 3 3) Contraintes

Plus en détail

FORMATION NEWSLETTER. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26

FORMATION NEWSLETTER. Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 FORMATION NEWSLETTER Déclaration d activité: Région Rhône Alpes N : 82 26 01835 26 Préambule : La formation par TooEasy TooEasy formation c est Un centre de formation déclaré d activité N 82 26 01835 26

Plus en détail

AVANT-PROPOS... 3 1. INTRODUCTION... 7 2. INSTALLATION... 8 2.1 INSTALLER LE PLUGIN ZOTERO... 8 2.2 INSTALLER LE MODULE DE CITATION...

AVANT-PROPOS... 3 1. INTRODUCTION... 7 2. INSTALLATION... 8 2.1 INSTALLER LE PLUGIN ZOTERO... 8 2.2 INSTALLER LE MODULE DE CITATION... AVANT-PROPOS... 3 1. INTRODUCTION... 7 2. INSTALLATION... 8 2.1 INSTALLER LE PLUGIN ZOTERO... 8 2.2 INSTALLER LE MODULE DE CITATION... 8 DANS MS WORD (SUR WINDOWS)... 8 DANS MS WORD (SUR MAC)... 8 DANS

Plus en détail