- Créer une maquette graphique d'un site Web
- Montage HTML/CSS d’une maquette graphique sur Dreamweaver
- Administrer votre site Internet avec PHP et MySql
1 - Créer une maquette graphique d'un site Web
- Création du motif personnalisé
- Préparation de la charte : nous délimiterons certaines zones du site, comme le menu, le contenu, pied de page, les marges etc.
- Création de la maquette : création graphique de la maquette de la page d’accueil
- Création des autres templates de pages : déclinaison des autres pages du site
- Création d'un GIF animé : création d’un logo animé directement sous Photoshop
2 - Montage HTML/CSS d’une maquette graphique sur Dreamweaver
- Répéter un motif sur l’ensemble de nos pages Web
- Installer une police (font) personnalisée grâce au CSS3
- Charter tous les liens, titres, sous-titres… à l’aide de notre feuille de style CSS
- Installer un slider d’images JQUERY en lecture automatique qui tourne en boucle
- Créer un effet d’opacité au rollover sur nos images
- Décliner les autres pages de notre site Web
- Intégrer un player sur une page
- Installer une galerie références en JQUERY avec effet de transition Noir-Blanc / Couleur au rollover
- Intégrer un google map sur la page contact
3 - Administrer votre site Internet avec PHP et MySql
- Installation d'un serveur-local + transformation des pages
- Base de données
- Création backoffice + liaison avec le site
Les fichiers sources des 3 formations vous sont fournis. Ces formations ont été enregistrées avec Photoshop CS6 / Dreamweaver CS6 (mais peuvent être suivis à partir de la version CS4).
Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".
Jetez un oeil à ces autres tuto Dreamweaver CS6, Photoshop CS6, Php 5
Créer un emailing de A à…
Dans ce tuto Photoshop & Dreamweaver, vous apprendrez à créer…
Créer un thème Wordpress…
Voici la dernière partie (3/3) de la formation consacrée à…
Pack : Maquette Web Complexe…
Voici un pack complet qui vous apprendra à créer un site Internet…
Montage HTML / CSS d'un site…
Voici une formation sur le découpage et l'intégration d'un…
Créer votre site Internet…
Dans cette formation Photoshop et Dreamweaver, nous allons apprendre,…
Montage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…
Administrer votre site Internet…
Cette formation sera consacrée à la création d'un backoffice…
Montage HTML / CSS d'un site…
Voici une formation sur le découpage et l'intégration d'un…
Cette formation contient 20 leçons en vidéo (que vous pouvez acheter à l'unité) pour une durée totale de 7h17.
Voici le programme complet abordé au cours de cette formation :
Créer une maquette graphique
- Création de motif 10 crédits
- Préparation Charte graphique 10 crédits
- Création de la maquette 10 crédits
- Création GIF 10 crédits
- Création des autres pages 10 crédits
Montage HTML/CSS d’une maquette graphique
Administrer votre site Internet avec PHP et MySql
- Installation d'un serveur local 19 crédits
- Création d'une base de données 19 crédits
- Création du fichier de connexion à la base de données 19 crédits
- Création de la page de gestion des actualités 19 crédits
- Afficher les actualités côté site 19 crédits
- Création de la page de gestion des références 19 crédits
- Afficher les références côté site 19 crédits
- Création d'un formulaire de contact 19 crédits
- Création de la page de gestion des contacts 19 crédits
- Utilisation des class active 19 crédits
- Ajouter un utilisateur à votre console 19 crédits
- Fin + Vérifications 19 crédits
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Dreamweaver CS6, Photoshop CS6, Php 5 de 7 heures 17 minutes est proposée dans une résolution plus grande que l’extrait suivant :
team8.fr
, Formateur
Bonjour, Damien Graphiste Illustrateur / Directeur artistique - Agence Team8.fr
Je suis spécialisé dans la création visuelle d'images numériques, ainsi que dans la conception graphique de sites Internet / HTML / CSS.
N'hésitez pas à me poser vos questions concernant les tutos !
Toutes les formations de Team8.fr
Témoignage des clients de team8.fr
![]()
JE VIENS D'ACQUERIR ET VISUALISER LE TUTO DE " EFFACER DEPLACER DUPLIQUER ...... C'EST VRAIMENT UNE QUALITE DE VIDEO SON ET SUJET BIEN EXPLIQUES. MERCI
![]()
De très beaux tutos, j'aime particulièrement celui sur la transformation en zombie :) Bonne continuation. Continuez comme ça !
![]()
Des tutos toujours clairs et bien détaillés. Agréables à suivre et à écouter. Un bonheur pour apprendre !!! Et équipe toujours disponible en cas de besoins. SAV super bien assuré. Note 10/10. JC
![]()
je trouve vos formations toujours aussi intéressantes et j'attends avec impatience la troisième partie d'intégration du site avec wordpress. Merci
![]()
Merci beaucoup pour ces tutoriels intéressants et pertinents. Ces formations m'aident à progresser et à échanger avec d'autres amateurs. Merci encore !
Lire les autres témoignages
D'autres tuto de team8.fr
Changer la couleur des cheveux d'une personne
Dans ce tuto nous verrons comment changer la couleur des cheveux avec une technique très…
Formulaire de contact graphique + envoi en PHP
Cette formation est consacrée à la création d'un formulaire de contact graphique à…
Supprimer les yeux rouges d'une photo avec Photoshop
Voici un mini tuto très facile permettant de supprimer les yeux rouges d'une photo avec…
Vos photos d'époque en couleur avec Photoshop
Voici une formation qui va vous permettre de coloriser vos images d'époque à l'aide…
Notes attribuées par les utilisateurs (9 votes)
Les avis / Questions des utilisateurs (21)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto Dreamweaver CS6, Photoshop CS6, Php 5 d’une durée de 7 heures 17 minutes a été acheté 219 fois et a reçu une note moyenne de 5/5.
Ce tuto a été publié le 28 janvier 2013 par team8.fr, contributeur, ayant reçu une note moyenne de 4,7/5 pour l’ensemble de ses vidéos, dans les catégories Tuto Dreamweaver Intégration et Formation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.





















(auteur de ce tuto - 23 avril 2013)
" Hello, merci pour vos retours c'est sympa :)
A bientôt,
La Team8 "
(a acheté ce tuto - 22 avril 2013)
" bonnes explications !!! bon tuto. tres bon travail. "
(a acheté ce tuto - 15 avril 2013)
" Super bien expliqué ! On bien le temps d'assimiler ce que ke formateur dit ! Merci beaucoup ! "
(a acheté ce tuto - 11 avril 2013)
" C'est clair, c'est fluide, c'est dynamique... Les choses paraissent toujours plus faciles quand on voit quelqu'un qui sait faire et qui explique bien. "
(a acheté ce tuto - 10 avril 2013)
" Bon tutoriel dans l'ensemble, mais vraiment pas pour les débutants... Le formateur se contente de montrer mais n'explique rien, notamment au niveau des lignes de codes... Ce qui est très frustrant lorsque l'on cherche à comprendre la logique derrière... Il procède tout le long comme s'il supposait que l'on possède des bases de programmation html... Ce qui n'est vraiment pas le cas de tout le monde... "
(a acheté ce tuto - 30 mars 2013)
" Tutoriel super bien expliqué!! Même moi qui est un novice en programmation, j'ai presque tout compris! "
(a acheté ce tuto - 24 mars 2013)
" Formation vraiment passionnante, très bien expliquée.
Damien est très clair dans ces explications, par contre par moment il oublie de parler dans le micro ou bien il est trop prêt, mais rien de grave.
Je ne regrette pas mon achat et j'attends les prochaines formations avec impatience.
Benoit. "
(a acheté ce tuto - 04 mars 2013)
" formation tres bien faite. formateur tres tres bon "
(a acheté ce tuto - 21 février 2013)
" muy bien explicado cualquiera lo podria hacer
espero que siempre sea asi. "
(a acheté ce tuto - 18 février 2013)
" RAS ! Tout est clair et parfaitement compréhensible ! J'ai déjà appris pas mal de choses juste en quelques minutes ! Je passe avec plaisir à la suite qui promet d'être aussi intéressante que constructive ! "
(auteur de ce tuto - 11 février 2013)
" Salut Indian,
Je te conseillerai plutôt celle formation afin d'acquérir les bases nécessaires (niveau débutant) :
http://fr.tuto.com/photoshop/creer-votre-site-internet-portfolio-de-a-a-z-photoshop-dreamweaver,32717.html
a+:-) "
(n'a pas acheté ce tuto - 11 février 2013)
" Bonjour,
J'aurais voulu savoir si ce tutoriel est adapté pour les novices ou conseilleriez vous une autre approche avant celui ci ? Merci.. "
(auteur de ce tuto - 06 février 2013)
" Salut oui tu peux mais cela sera un peu plus difficile à suivre car nous partirons d'une tout autre maquette. À+ :) "
(n'a pas acheté ce tuto - 05 février 2013)
" Bonjour, j'ai suivi "Tuto Créer votre site Internet / Portfolio de A à Z" puis-je passer directement à la 3eme partie car j'ai l'impression que les parties 1 et 2 sont traitées (en tout cas en partie) dedans.
Merci d'avance car j'ai trouvé très bien votre tuto précédent ;-) "
(auteur de ce tuto - 31 janvier 2013)
" Salut pousse, la 2ème partie est disponible ici :
http://fr.tuto.com/dreamweaver/montage-html-css-dune-maquette-graphique-sur-dreamweaver-dreamweaver-html-css,36037.html
A+:-) "
(n'a pas acheté ce tuto - 31 janvier 2013)
" Bonjour, Je voudrais acheter la partie 2 "montage html/css", et c'est impossible à partir de la page d'accueil du tuto ! Merci pour votre aide... "
(auteur de ce tuto - 30 janvier 2013)
" Salut lululalibelule, celui-ci sera beaucoup plus complet, le précédent étant plus destiné aux débutants :) a+:-) "
(n'a pas acheté ce tuto - 30 janvier 2013)
" Bonjour, j'aurais voulu savoir quel était le tutoriel le plus complet et le plus adapté pour quelqu'un qui a déjà quelques notions en web et qui souhaite surtout approfondir sa maitrise des outils comme photoshop et dreamweaver, entre celui-ci et votre precedent "Tuto Créer votre site Internet / Portfolio de A à Z" ? Merci bien :-) "
(n'a pas acheté ce tuto - 30 janvier 2013)
" Merci bien et bonne journée ! "
(auteur de ce tuto - 29 janvier 2013)
" bonsoir coco, oui la formation est disponible ici :
http://fr.tuto.com/dreamweaver/administrer-votre-site-internet-avec-php-et-mysql-dreamweaver-php,37367.html
a+:-) "
(n'a pas acheté ce tuto - 29 janvier 2013)
" Bonjour. Est-il possible d'acquérir uniquement la troisième partie, c'est-à-dire celle consacrée à l'administration du back-office, étant donné que je possède déjà les deux premières ? Merci. "