Voici un pack complet qui vous apprendra à créer un site Internet de A à Z avec Photoshop et Dreamweaver. Vous aborderez à la fois la création graphique du site Internet, l'intégration des pages en CSS et PHP et vous apprendrez à créer une interface d’administration et sa base de données pour mettre à jour facilement votre site dynamique et être autonome. Ce pack regroupe 3 de nos formations (que vous pouvez acquérir à l'unité) :

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 à ZCréer un emailing de A à…
Dans ce tuto Photoshop & Dreamweaver, vous apprendrez à créer…

Créer un thème Wordpress à partir d'une maquette HTMLCréer un thème Wordpress…
Voici la dernière partie (3/3) de la formation consacrée à…

Pack : Maquette Web ComplexePack : Maquette Web Complexe…
Voici un pack complet qui vous apprendra à créer un site Internet…

Montage HTML / CSS d'un site Internet ResponsiveMontage HTML / CSS d'un site…
Voici une formation sur le découpage et l'intégration d'un…

Créer votre site Internet / Portfolio de A à ZCréer votre site Internet…
Dans cette formation Photoshop et Dreamweaver, nous allons apprendre,…

Montage HTML/CSS d’une maquette graphique sur DreamweaverMontage HTML/CSS d’une maquette…
Voici une formation dédiée à la découpe et au montage HTML…

Administrer votre site Internet avec PHP et MySqlAdministrer votre site Internet…
Cette formation sera consacrée à la création d'un backoffice…

Montage HTML / CSS d'un site Internet ResponsiveMontage 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

Montage HTML/CSS d’une maquette graphique

Administrer votre site Internet avec PHP et MySql

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 :

Partagez cet extrait

Lien vers cet extrait : Embed code :

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 personneChanger 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 PHPFormulaire 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 PhotoshopSupprimer 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 PhotoshopVos photos d'époque en couleur avec Photoshop
Voici une formation qui va vous permettre de coloriser vos images d'époque à l'aide…

voir tous les tuto de team8.fr

Notes attribuées par les utilisateurs (9 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (21)

par team8.fr
(auteur de ce tuto - 23 avril 2013)

" Hello, merci pour vos retours c'est sympa :)
A bientôt,
La Team8 "

par tricksteura voté :
(a acheté ce tuto - 22 avril 2013)

" bonnes explications !!! bon tuto. tres bon travail. "

par Driamara voté :
(a acheté ce tuto - 15 avril 2013)

" Super bien expliqué ! On bien le temps d'assimiler ce que ke formateur dit ! Merci beaucoup ! "

par Babaorompremiera voté :
(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. "

par Merzilova voté :
(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... "

par Minibuzza voté :
(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! "

par frdbecca voté :
(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. "

par didecea voté :
(a acheté ce tuto - 04 mars 2013)

" formation tres bien faite. formateur tres tres bon "

par pianistaa voté :
(a acheté ce tuto - 21 février 2013)

" muy bien explicado cualquiera lo podria hacer
espero que siempre sea asi. "

par FlashMana voté :
(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 ! "

par team8.fr
(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+:-) "

par indian
(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.. "

par team8.fr
(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. À+ :) "

par bounet65
(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 ;-) "

par team8.fr
(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+:-) "

par pousse
(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... "

par team8.fr
(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+:-) "

par lululalibelule
(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 :-) "

par coco08
(n'a pas acheté ce tuto - 30 janvier 2013)

" Merci bien et bonne journée ! "

par team8.fr
(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+:-) "

par coco08
(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. "

 

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.

N'hésitez pas à nous contacter si vous avez la moindre question !