Rapport de Conception

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

Download "Rapport de Conception"

Transcription

1 Rapport de Conception Métier : Développement Membres du groupe Granier Maxime Imbert Jérémy Lansac Ludovic Tionohoue Yann Axone Métiers consultés IHM Contenu cispmptut_rapportdeconception_developpement_ Page 1 sur 13

2 Sommaire Liste des tâches à effectuer en Développement Nettoyage du code et des dossiers du serveur... 3 Diviser les parties de code redondantes en plusieurs fichiers à inclure dans les pages PHP (header, menu, footer,...)... 3 Nettoyer les commentaires et les variables inutiles ($test, $plop...)... 3 Refaire l arborescence des fichiers (disposés pêle-mêle...)... 3 Rassembler les feuilles de styles CSS en un unique fichier Réorganiser et finir la BDD... 5 Élaborer un nouveau schéma actualisé de la base de données... 5 Ajouter aux tables les champs nécessaires pour dynamiser au maximum les pages du site (balises métas, titre des pages, etc.)... 5 Sécuriser l accès à la BDD et crypter les données sensibles... 5 Vérifier et réécrire/optimiser si besoin les requêtes MySQL Optimiser le code PHP pour exécution (pas prioritaire)... 5 Créer des fonctions PHP avec commentaires détaillés (dans fichier unique)... 5 Utiliser au mieux les conditions et opérateurs PHP... 5 Résoudre les différents bugs présents Gérer l interface d administration (optimisation, ajout de fonctionnalités)... 6 Ajouter des champs métas afin de décrire le contenu des pages, et ainsi faciliter le référencement (description, keywords, title...)... 6 Supprimer des paramètres obsolètes... 6 Ajouter les fonctionnalités nécessaires telles que l intégration des Mag ou le player flash de playlists... 6 Vérifier et réécrire/optimiser si besoin les requêtes MySQL... 6 Implémenter un système de comptes utilisateurs Intégrer les travaux des groupes IHM et Graphisme... 6 Intégration du zoning et des différentes préconisations du groupe IHM... 6 Intégration de la maquette livrée par le groupe Graphisme... 6 Intégration du code PHP dans les templates HTML... 6 ANNEXE... 7 cispmptut_rapportdeconception_developpement_ Page 2 sur 13

3 Liste des tâches à effectuer en Développement 1. Nettoyage du code et des dossiers du serveur Diviser les parties de code redondantes en plusieurs fichiers à inclure dans les pages PHP (header, menu, footer,...) La division en différentes parties des pages (header, menu, footer,...) permet de pouvoir rapidement accéder au cœur du code de la page, en évitant d être déconcentré par du code superflu. Nettoyer les commentaires et les variables inutiles ($test, $plop...) Les commentaires superflus ont été utilisés lors du développement du code, cependant, ces derniers n ont pas été effacés des pages PHP, de même que des variables non équivoques ($test, $plop) qui ne fonctionnent pas. Supprimer ce code superflu permettra aux pages du site d être exécuté plus rapidement. Refaire l arborescence des fichiers (disposés pêle-mêle...) Une bonne réorganisation des fichiers et des dossiers disposés sur le serveur permettra de pouvoir accéder rapidement et facilement aux fichiers, selon leur type : style (feuilles css), includes (fichiers PHP), javascript (fichiers js), etc... Figure 1 - Arborescence du site actuel cispmptut_rapportdeconception_developpement_ Page 3 sur 13

4 Rassembler les feuilles de styles CSS en un unique fichier L actuelle configuration graphique du site n est pas du tout optimisée : elle est divisée en 27 feuilles de styles différentes, chacune correspondant à un écran du site. Une simple modification d un attribut de style se révèle être très long, car il est nécessaire de parfois parcourir l ensemble des fichiers pour trouver le champ à modifier. Appuyé sur notre analyse des fichiers CSS (en annexe) le rangement et classement des feuilles de style serait donc long et inutile puisqu il faudra tout reprendre du début. De plus, à la vue des premières propositions de maquettes IHM et graphique, il sera trop long de ranger, harmoniser, vérifier et adapter le CSS actuel. Figure 2 - Extrait de la maquette des graphistes suite au zoning IHM Ainsi, repartir sur un fichier de style vierge est important en terme d efficacité et de temps. cispmptut_rapportdeconception_developpement_ Page 4 sur 13

5 2. Réorganiser et finir la BDD Élaborer un nouveau schéma actualisé de la base de données La base de données actuelle ne permet pas de répondre à l ensemble des besoins demandés par les commanditaires. Il est donc nécessaire de devoir élaborer une nouvelle structure de la BDD en tenant comptes des ajouts de fonctionnalités, mais également en optimisant au mieux les relations entre les occurrences des tables. Ajouter aux tables les champs nécessaires pour dynamiser au maximum les pages du site (balises métas, titre des pages, etc.) La version actuelle de Mediamag ne permet pas de pouvoir dynamiser automatiquement les données secondaires comme les balises métas (indispensables au référencement du site), ou encore les titres des pages. Ces données devront être saisies lors de l enregistrement d un nouvel article, via l interface d administration. Sécuriser l accès à la BDD et crypter les données sensibles Des données sensibles concernant les comptes utilisateurs sont actuellement affichées en clair dans la BDD, notamment avec les mots de passe. Il faudrait les crypter pour un soucis de sécurité. Vérifier et réécrire/optimiser si besoin les requêtes MySQL Pour réduire le temps d exécution des pages PHP, il est nécessaire de minimiser au maximum le nombre de requêtes MySQL. 3. Optimiser le code PHP pour exécution (pas prioritaire) Créer des fonctions PHP avec commentaires détaillés (dans fichier unique) La mise en place d un fichier commun contenant l ensemble des fonctions PHP permet de pouvoir mieux centraliser les actions qui composent le coeur du système qui propulse le site. Ces fonctions seront commentés afin que les développeurs qui reprendront le travail pourront facilement comprendre le mécanisme et la structure du code. Utiliser au mieux les conditions et opérateurs PHP Utiliser les boucles à bon escient, pour éviter de dupliquer du code et ainsi surcharger les pages PHP. Résoudre les différents bugs présents L outil de partage d article ne fonctionne pas, nombreux problèmes d affichage (texte caché, style mal interprété) cispmptut_rapportdeconception_developpement_ Page 5 sur 13

6 4. Gérer l interface d administration (optimisation, ajout de fonctionnalités) Ajouter des champs métas afin de décrire le contenu des pages, et ainsi faciliter le référencement (description, keywords, title...) Afin de favoriser le référencement du site sur les principaux moteurs de recherche, il est nécessaire de devoir instaurer des balises métas dynamique suivant le contenu de la page, qui seront insérées depuis l interface d administration permettant de créer un nouvel article. Supprimer des paramètres obsolètes Ajouter les fonctionnalités nécessaires telles que l intégration des Mag ou le player flash de playlists Mise en place d un nouveau player flash plus esthétique, mieux intégré au sein du design du site. Vérifier et réécrire/optimiser si besoin les requêtes MySQL Pour réduire le temps d exécution des pages PHP, il est nécessaire de minimiser au maximum le nombre de requêtes MySQL. Implémenter un système de comptes utilisateurs Sur demande des commanditaires, un système de gestion de comptes utilisateurs sera mis en place dans l administration du site. Ce système permettra à chaque utilisateur de pouvoir s identifier, puis de pouvoir écrire de nouveaux articles qui seront publiés sur le site MediaMag. Via l interface d administration, le responsable du site pourra ainsi ajouter, modifier ou supprimer des informations ou des fiches utilisateur. Ceci sera réalisé suivant le temps restant, mais sera prévu dans la Base de Données. 5. Intégrer les travaux des groupes IHM et Graphisme Intégration du zoning et des différentes préconisations du groupe IHM Le zoning donne une idée sur la structuration des différentes pages du site sous la forme d écrans. On y représente des champs comme les zones de navigation, de recherches, le fil d ariane, le pied de pages Intégration de la maquette livrée par le groupe Graphisme Réalisée sous le logiciel Photoshop, découpée puis intégrée en HTML/CSS. Intégration du code PHP dans les templates HTML qui serviront essentiellement à communiquer avec la base de données. cispmptut_rapportdeconception_developpement_ Page 6 sur 13

7 ANNEXE Réorganisation des feuilles de style Le but de ces opérations est de créer une seule feuille de style qui sera claire et facilement modifiable. Exemple sur la page version à l'url '/mediamag_versions.php' 6 fichiers de styles y sont liés ( mediamag_versions.css, fond_rubrique_versions.css, positionnement_accueil_ie6.css, menu.css). Le regroupement des codes css par fichiers suit un semblant de logique. Pour le général 'positionnement_accueil.css' regroupe le structure de la page (body, page, header, logo, menu, etc.). 'positionnement_accueil_ie6.css' la structure du body pour IE6. 'mise_en_forme.css' regroupe tout ce qui concerne la typographie (a, p, h1, etc.) 'menu.css' regroupe tout ce qui concerne le menu (Nav) Pour la page en particulier 'mediamag_versions.css' regroupe le positionnement de la page dite, ici 'versions' 'fond_rubrique_versions.css' est pas clair semble intégrer les image du fil d Ariane en gros sur la gauche, mais ça ne semble pas fonctionner! Nous allons donc commencer par noter les feuilles de style associés pour chaque pages en css du site. cispmptut_rapportdeconception_developpement_ Page 7 sur 13

8 Page add-article.php ajouter-note.php com_article.php index.php mediamag_article.php mediamag_article.php.bak mediamag_cispm.php mediamag_imprimer.php mediamag_irlande.php mediamag_le_mag.php mediamag_maison_creative.php mediamag_mediatic.php mediamag_meltin_potes.php mediamag_mentions_legales.php mediamag_multimediart.php mediamag_partager.php mediamag_plan_site.php mediamag_rub.php mediamag_versions.php modifier-article.php noter_article.php resultat.php Style css-admin.css positionnement_accueil.css, mise_en_forme.css positionnement_accueil.css, mise_en_forme.css demostyles.css, jscrollpane.css, menu.css positionnement_accueil.css, mise-en-forme.css, demosryles.css, jscrollpane.css,thickbox.css, menu.css, mediamag_article.css demostyles.css, jscrollpane.css, thickbox.css, menu.css, mediamag_article.css demostyles.css, jscrollpane.css, thickbox.css, menu.css, mediamag_article.css, panneau_rubrique_meltin.css, fond_rubrique_cispm.css imprimer.css positionnement_accueil_irl.css, demostyles.css, thickbox.css, menu_irl.css, mediamag_article.css, panneau_rubrique_meltin_irl.css, fond_rubrique_irlande.css mediamag_le_mag.css, fond_rubrique_le_mag.css, menu.css mediamag_mediatic.css, mediamag_maison_crative.css, menu.css mediamag_mediatic.css, menu.css, fond_rubrique_mediatic.css mediamag_meltin_potes.css, menu.css mediamag_mentions_legales.css, menu.css positionnement_accueil.css, mise_enforme.css, mediamag_multimediart.css, accordéon.css, diaporama.css, menu.css menu.css mediamag_plan_site.css, fond_rubrique_plan_site.css, menu.css demostyles.css, jscrollpane.css, menu.css mediamag_versions.css, fond_rubrique_versions.css, menu.css css-admin.css positionnement_accueil.css, mise_en_forme.css demostyles.css, jscrollpane.css, menu.css On note que les feuilles de style «positionnement_accueil.css» et «mise_en_forme.css» apparaissent dans toutes les pages du site. Il est donc sûr que tous les attributs seront compatibles à toutes les pages. Ceci étant dit des incohérences sont à noter : cispmptut_rapportdeconception_developpement_ Page 8 sur 13

9 Prenons les pages «positionnement_accueil.css», «mediamag_maison_creative.css» et «mediamag-le-mag.css» et le div «corps» : Figure 3 - div "corps" de "positionnement_accueil.css" Figure 4 - div "corps" de "mediamag_maison_creative.css" Figure 5 - div "corps" de "mediamag_le_mag.css" Les paramètres du div «corps» changent suivant la feuille de style, et peut contredire la principale («positionnement_accueil.css»). En résumé il y a redondance ce qui perturbe la compréhension du code et rallonge le temps d optimisation. Il va donc falloir repérer les div redondants et noter les paramètres qui changent. cispmptut_rapportdeconception_developpement_ Page 9 sur 13

10 Nom de la div Fichier de style Attribut body demostyle.css font-familiy : Trebuchet MS font-size : 80% jscrollarrowup/do mn panneau Menu_haut Colonne_gauche imprimer.css mise_en_forme.css positionnement_accueil.c ss style.css demostyle.css jscrollpane.css Mediamag_atelier.css Positionnement_accueil.c ss Mediamag_article.css Positionnement_accueil.c ss Mediamag_article.css Mediamag_mediatic.css Positionnement_accueil.c ss width : 600px margin-left : auto margin-right : auto font-family: "Trebuchet MS", Arial, Helvetica, sans-serif background-color:white height:685px width:1000px height:700px background-color:black; margin-left:auto margin-right:auto En complément background-image: url(../images/barre_red/accueil_bar_red.j pg) background-position:bottom left background-color:#d6073b background-image: url(../images/barre_red/accueil_bar_red.j pg) background-color:#d6073b background-position:bottom left width:106px height:592px margin-right:15px padding-top:0 padding-top:19px width:430px text-align:justify height:300px width:315px float :left cispmptut_rapportdeconception_developpement_ Page 10 sur 13

11 Nom de la div corps Colonne_droi te Pane3 (ui li) (ul li a) (a) Fichier de style Mediamag_atelier.css Mediamag_article.css Mediamag_mention_legales. css Mediamag_le_mag.css Positionnement_accueil.css Mediamag_maison_creative. css Mediamag_article.css Mediamag_mediatic.css Positionnement_accueil.css demostyle.css mediamag_article.css mise_en_forme.css Attribut padding-left:50px padding-left:50px background-image: url(../images/mots_gris_vertical/mentions_le gales_gris_vertical.jpg) background-position:bottom left padding-left :50px height:520px padding-top:15px padding-left:30px padding-right:30px overflow:hidden background-image: url(../images/mots_gris_vertical/maison_crea tive_gris_vertical.jpg) background-position:bottom left padding-left:50px padding-right:20px padding-left:32px width:180px text-align:justify width:310px margin-left:20px Height : 300px Width : 435px margin-left:20px padding-left:0px list-style:square color:#e30043 font-size:12px text-decoration :underline cispmptut_rapportdeconception_developpement_ Page 11 sur 13

12 Nom de la div Fichier de style Attribut Corps_mention Mediamag_mentions.css s width:374px margin-left:auto margin-right:auto Corps_intro Mediamag_plan_site.css padding-left:0px titre Mediamag_versions.css background-image: url("../images/titre_version.gif") width:639px height:83px margin: 60px 0px 0px 0px versions Mediamag_versions.css width:660px height:200px padding:50px 0px 0px 0px Version1 Mediamag_versions.css background-image: url("../images/image_version1_mediamag.jp g") width:193px height:147px margin-right:25px Version2 Mediamag_versions.c ss background-image: url("../images/image_version2_mediamag.jp g") width:194px height:150px margin-right:25px Version3 Mediamag_versions.css background-image: url("../images/image_version3_mediamag.jp g") width:190px height:151px Les dossiers rub et sous-rub rassemblent les feuilles de style permettant de mettre en forme les fonds et panneaux de chaque page. Néanmoins nous pouvons noter que le cas n est pas général puisque pour certaines pages, le fond se fait sur d autres feuilles. Par exemple, mediamag_mention_legale.css et mediamag_maison_creative.css définissent leur fond de corps de page. Par soucis de temps, et même d intérêt, nous n allons pas détailler tous les fichiers de ces dossiers, mais nous allons en montrer quelques uns pour soulever leur structure et incohérence. cispmptut_rapportdeconception_developpement_ Page 12 sur 13

13 Figure 6 - Feuille de style "fond_rubrique_le_mag.css" Figure 7 - Feuille de style "fond_rubriqueversions.css" Figure 8 - Feuille de style "panneau_rubrique_mag.css" L optimisation des feuilles de style se ferait en deux parties. D une, tout rassembler dans un seul fichier css, et de deux rassembler et régler les paramètres pour les id. cispmptut_rapportdeconception_developpement_ Page 13 sur 13

.. 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

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

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

Media queries : gérer différentes zones de visualisation

Media queries : gérer différentes zones de visualisation 2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d

Plus en détail

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe

JOOMLA 1.5 avancé SUPPORT DE COURS + annexe JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

ENVOI EN NOMBRE DE Mails PERSONNALISES

ENVOI EN NOMBRE DE Mails PERSONNALISES MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel

Plus en détail

OFFRE DE SERVICE. www.votreentreprise.com

OFFRE DE SERVICE. www.votreentreprise.com 2011 NOM ENTREPRISE OFFRE DE SERVICE CONCEPTION, REALISATION ET HEBERGEMENT SITE WEB www.votreentreprise.com AFConsulting Web Services Page 1 sur 19 SOMMAIRE Lettre, offre de services --------------------------------------------

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

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

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

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

Partie publique / Partie privée. Site statique site dynamique. Base de données.

Partie publique / Partie privée. Site statique site dynamique. Base de données. Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.

Plus en détail

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e : CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i

Plus en détail

Normes techniques 2011

Normes techniques 2011 Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique

Plus en détail

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Index 404 Notifier (erreurs 404) 62 A Adwords 148

Plus en détail

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur

Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique

Plus en détail

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le

Plus en détail

SITE I NTERNET. Conception d un site Web

SITE I NTERNET. Conception d un site Web SITE I NTERNET Conception d un site Web Conception de votre site Web Préambule Ce document a pour but de donner une méthode de travail afin de réaliser dans les meilleures conditions un site internet.

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

MODELE DE BRIEF AGENCE

MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE MODELE DE BRIEF AGENCE Laurie GIACOBI www.my-marketing-manager.com Document à usage professionnel offert par My Marketing Manager. Reproduction et diffusion interdites. Ne peut être

Plus en détail

Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet

Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce

Plus en détail

www.evogue.fr SUPPORT DE COURS / PHP PARTIE 3

www.evogue.fr SUPPORT DE COURS / PHP PARTIE 3 L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / PHP PARTIE 3 Sommaire Sommaire... 2 Eléments initiaux... 3 Base de données... 3 Tables... 4 membres... 4 commandes... 4 articles... 4 details_commandes...

Plus en détail

RÉALISATION D UN SITE DE RENCONTRE

RÉALISATION D UN SITE DE RENCONTRE RÉALISATION D UN SITE DE RENCONTRE Par Mathieu COUPE, Charlène DOUDOU et Stéphanie RANDRIANARIMANA Sous la coordination des professeurs d ISN du lycée Aristide Briand : Jérôme CANTALOUBE, Laurent BERNARD

Plus en détail

{less} Guide de démarrage

{less} Guide de démarrage {less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site

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

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

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

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3 Ivan MADJAROV Responsive Design avec HTML 5.0 et CSS3 HTML5 CSS3 IvMad - 2013 2 La spécification CSS3 Media Queries (requêtes de media) définit les techniques pour adapter de feuilles de styles en fonction

Plus en détail

101 Réaliser et publier un site WEB

101 Réaliser et publier un site WEB 101 Réaliser et publier un site WEB Rapport personnel de module EMF - Section informatique John Baudin Module du.2008 au.2008 Table des matières 1 Introduction... 1 2 Le XHTML... 1 2.1 Les balises... 1

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

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions

Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

Cahier des charges pour la création du site http://jrmasters.univ-toulouse.fr sous DRUPAL

Cahier des charges pour la création du site http://jrmasters.univ-toulouse.fr sous DRUPAL Document à diffusion restreinte Date : janvier 2010, MAJ février 2010 Rédacteurs : CAPLAN Emmanuelle, RAFENOMANJATO Jean Service Communication et Département Formation et Vie Étudiante Établissement :

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

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

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

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES

SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés

Plus en détail

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28

ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28 ANICOTTE Guillaume GUFFROY Matthieu LIMA Juliette SALLOUH Chamsseddine CAHIER DES CHARGES SI 28 AUTOMNE 2013 SOMMAIRE Synopsis de projet 3 Concept 3 Public cible 3 Objectifs 3 Ressources médias Structuration

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web.

Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Web Designer Durée 90 jours (630 h) Public Toute personne souhaitant maîtriser les techniques liées à la conception de produits multimédia et à la création de sites Web. Objectifs La formation Web designer

Plus en détail

Celui qui vous parle. Yann Vigara

Celui qui vous parle. Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans

Plus en détail

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

Plus en détail

ASTER et ses modules

ASTER et ses modules ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

KWISATZ_TUTO_module_magento novembre 2012 KWISATZ MODULE MAGENTO

KWISATZ_TUTO_module_magento novembre 2012 KWISATZ MODULE MAGENTO _TUTO_module_magento Table des matières -1) - :...2-1.1) Introduction :...2-1.2) Description :...3-1.2.1) Schéma :...3-1.3) Mise en place :...4-1.3.1) MAGENTO :...4-1.3.1.1) Les Web Services :...4-1.3.1.2)

Plus en détail

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

Plus en détail

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles

Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Mission TICE - académie de Versailles 7 nov. 2008 Créer un site Web : mode d emploi Sous SPIP, avec le squelette «établissement» de l académie de Versailles Anne-Cécile Franc Mission TICE académie de Versailles

Plus en détail

WEB design. Pierre Chassany Comstone.ch vocables.com

WEB design. Pierre Chassany Comstone.ch vocables.com WEB design Pierre Chassany Comstone.ch vocables.com graphisme Méthodologie(s) «Nomadisme» Responsive web design Techno tendances design 2 graphisme La direction artistique pour le web n est pas une démarche

Plus en détail

Notes pour l utilisation d Expression Web

Notes pour l utilisation d Expression Web EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Cahier des charges Site Web Page 1 sur 9

Cahier des charges Site Web Page 1 sur 9 Page 1 sur 9 I Présentation de votre structure A Nom et type de la structure Veuillez insérer le nom de votre établissement B Taille de l'entreprise Veuillez insérer le nombre de salariés C Description

Plus en détail

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5

Plus en détail

Exemple de charte d intégration web

Exemple de charte d intégration web Exemple de charte d intégration web Ce document est un exemple de charte d'intégration. Il est à adapter en fonction des contraintes, des choix, des objectifs de l'équipe, la société qui l'utilise. Il

Plus en détail

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23 1 Introduction 19 1.1 À qui s adresse cet ouvrage?... 21 1.2 Comment est organisé cet ouvrage?... 22 1.3 À propos de l auteur... 22 1.4 Le site Web... 22 2 Présentation du logiciel de commerce électronique

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

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

TP création et publication d'un site web statique

TP création et publication d'un site web statique TP création et publication d'un site web statique Ce TP va se décomposer en trois parties. Dans un premier temps nous créerons un site web statique. Le site sera créé avec l'éditeur Amaya pour respecter

Plus en détail

INTEGRATEUR WEB/WEBDESIGNER

INTEGRATEUR WEB/WEBDESIGNER Ludovic LOUBET 37 ans Célibataire 3 rue James Watt F 93200 Saint Denis Permis B 06 63 67 67 25 Email : ludovic.loubet@gmail.com INTEGRATEUR WEB/WEBDESIGNER Portfolio : http://ludovic-loubet-portfolio.com/

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 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

Plus en détail

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube

Content Management System. bluecube. Blue Cube CMS V4.3 par Digitalcube Content Management System bluecube V4.3 1 SOMMAIRE Avant-propos Découvrir le CMS Blue Cube Les modules Les clients BLUE CUBE CMS V4.3 par Digitalcube 2 CMS sans bugs 3 Avant-propos Facile à prendre en

Plus en détail

Informations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3

Informations générales. Technologies. css3-html5-php-ajax-j-query-mootools-action-script3 Pascal Gaudin Développeur WEB- php-mysql-javascript 04 67 56 81 51 06 69 39 20 54 al.gau@free.f Informations générales Titre Développeur php-mysql-javascript Ecole Brousse Mtpellier - Afpa Béziers Année

Plus en détail

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,

Plus en détail

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

KWISATZ MODULE PRESTASHOP

KWISATZ MODULE PRESTASHOP Table des matières -1) KWISATZ - :...2-1.1) Introduction :...2-1.2) Description :...3-1.2.1) Schéma :...3-1.3) Mise en place :...4-1.3.1) PRESTASHOP :...4-1.3.1.1) Les Web Services :...4-1.3.2) KWISATZ

Plus en détail

Introduction. M2206 Intégration web. Introduction. Introduction 20/01/2014

Introduction. M2206 Intégration web. Introduction. Introduction 20/01/2014 Introduction M2206 Intégration web http://www.atinternet.fr/ressources/ressources/etudespubliques/barometre-des-moteurs/ Référencement des sites web et moteurs de recherche Introduction Introduction http://www.go-gulf.com/blog/social-networking-user/

Plus en détail

Pour en expliquer le principe, on se limitera à deux exemples :

Pour en expliquer le principe, on se limitera à deux exemples : Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera

Plus en détail

Stage «Créer et animer un site Web en équipe»

Stage «Créer et animer un site Web en équipe» Stage «Créer et animer un site Web en équipe» EREA Jean Isoard - Montgeron Jour 1 21/12/2012 Réaliser un site web Pour quoi faire? Publier sur le Web réaliser un journal en ligne (blog) écrire une ou plusieurs

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

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

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

creer votre site internet en html/css

creer votre site internet en html/css 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

Plus en détail

DOSSIER PROJET ISN. PARTIE 1 : Présentation de l équipe projet. PARTIE 2 : Présentation du projet

DOSSIER PROJET ISN. PARTIE 1 : Présentation de l équipe projet. PARTIE 2 : Présentation du projet DOSSIER PROJET ISN PARTIE 1 : Présentation de l équipe projet Le groupe que nous avons décidé de composer pour réaliser notre projet d ISN cette année 2014-2015 est composé de 3 élèves : Lev POZNIAKOV,

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

PROGRAMME 2015-2016 DE FORMATION CONTINUE «CHEF DE PROJET WEB»

PROGRAMME 2015-2016 DE FORMATION CONTINUE «CHEF DE PROJET WEB» PROGRAMME 2015-2016 DE FORMATION CONTINUE «CHEF DE PROJET WEB» PRÉSENTATION Cette formation s adresse à un public de personnes désireuses de s initier au webdesign, à la conception de supports multimédia

Plus en détail

Intégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Corinne Schillinger DESIGN. Préface d Élie Sloïm & Laurent Denis

Intégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Corinne Schillinger DESIGN. Préface d Élie Sloïm & Laurent Denis DESIGN Préface d Élie Sloïm & Laurent Denis Corinne Schillinger Intégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Groupe Eyrolles, 2012 ISBN : 978-2-212-13370-7 Organiser son espace

Plus en détail

Zen, SASS, responsive design

Zen, SASS, responsive design , SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie

Plus en détail