Voici un tuto créer et développer un portfolio de A à Z dédié à la création d'un site web de type portfolio minimaliste qui s?adresse à toutes les personnes qui souhaitent apprendre comment créer un site Internet, complet et de manière autonome.
Dans ce tuto créer et développer un portfolio de A à Z :
Cette formation s'articulera autour des 3 grandes étapes de réalisation d'un projet web : la création du webdesign sous Photoshop, l'intégration de la maquette graphique en utilisant du HTML et du CSS et la dynamisation du site pour pouvoir mettre à jour facilement son portfolio en utilisant le CMS Wordpress et sa base de données.
A la fin de ce tuto vous saurez créer vous-même un portfolio sur Internet, de sa conception à sa mise en ligne, avec un template graphique personnalisé et un site facilement administrable.
Ce cours est un bundle de 3 tuto existants, que vous pouvez consulter à l'unité pour mieux s'adapter à vos besoins : partie graphisme, partie intégration web ou partie développement et intégration avec Wordpress.
- Créer un portfolio minimaliste de A à Z avec Photoshop
- Intégration HTML5 et CSS3 du site
- Développement d'un thème Wordpress et Administration
Ce tuto création d'un portfolio web s?adresse à des débutants ou des utilisateurs intermédiaires qui souhaitent pouvoir créer des sites avec un template personnalisé.
Les fichiers sources sont fournis avec le cours.
Tuto composant ce bundle :
Créer un portfolio minimalistes de A à Z avec Photoshop (voir la fiche produit)
Création graphique de l'accueil
- Accueil - Partie 1 00:31:58
- Accueil - Partie 2 00:24:03
- Accueil - Partie 3 00:29:26
- Accueil - Partie 4 00:21:18
Création de la partie A propos
- A propos - partie 1 00:16:42
- A propos - partie 2 00:21:58
Le Portfolio
- Création du Portfolio 00:15:36
- Partie Portfolio - Single 00:26:33
Le Blog
- Blog et single Blog 00:22:18
Contact
- Partie Contact et fin 00:12:03
Intégration HTML5 / CSS3 d'un portfolio minimaliste (voir la fiche produit)
- Intégration de la page d'accueil, partie 1 00:22:19
- Intégration de la page d'accueil, partie 2 00:22:31
- Intégration de la page d'accueil, partie 3 00:20:48
- Intégration de la page d'accueil, partie 4 00:27:02
- Intégration de la page d'accueil, partie 5 00:34:28
- Intégration de la page d'accueil, partie 6 00:24:25
- Intégration de la page d'accueil, partie 7 00:31:26
- Intégration de la page A propos, partie 1 00:23:54
- Intégration de la page A propos, partie 2 00:20:26
- Intégration de la page Portfolio 00:21:18
- Intégration de la page Projet 00:23:40
- Intégration de la page Blog 00:20:56
- Intégration de la page Article blog 00:05:08
- Conclusion 00:06:39
Développement d'un thème portfolio Wordpress de A à Z (voir la fiche produit)
- Chap 1 - Installation de Wordpress 00:07:44
- Chap 2 - Tour d'horizon de l'admin 00:14:53
- Chap 3 - Installation du thème 00:10:11
- Chap 4 - Création des includes 00:08:20
- Chap 5 - Appels CSS et JS 00:08:22
- Chap 6 - Création du menu dynamique 00:10:04
- Chap 7 - A propos création du template 00:13:44
- Chap 8 - Création sidebar 00:10:03
- Chap 9 - Portfolio création du template 00:05:53
- Chap 10 - Blog création du template 00:08:50
- Chap 11 - Contact création de la page 00:13:53
- Chap 12 - Blog dynamique partie 1 00:25:23
- Chap 12 - Blog dynamique partie 2 00:28:40
- Chap 13 - Single dynamique 00:27:40
- Chap 14 - Portfolio dynamique partie1 00:25:18
- Chap 14 - Portfolio dynamique partie2 00:23:00
- Chap 14 - Portfolio dynamique partie3 00:13:08
- Chap 15 - SinglePortfolio dynamique partie1 00:20:26
- Chap 15 - SinglePortfolio dynamique partie2 00:16:18
- Chap 16 - Ariane et finitions partie1 00:18:56
- Chap 16 - Ariane et finitions partie2 00:13:28
- Chap 17 - Création sous menu 00:18:33
- Chap 18 - Footer dynamique partie1 00:16:33
- Chap 18 - Footer dynamique partie2 00:17:00
- Chap 19 - Template taxonomy 00:10:01
- Chap 20 - Accueil dynamique 00:10:56
- Chap 21 - Moteur de recherche 00:13:41
- Chap 22 - Export vers hébergeur 00:16:39
Formateur : Damien Gallez
-
Parfait. Les explications sont claires et le tuto est facile à suivre même avec un niveau débutant
-
Bien expliqué, super pour progresser !
-
Les fonctions php m'échappe encore quelque peu mais rien à redire sur cette excellente formation.
-
Avec quelles versions de logiciels ce tuto est-il compatible ?WordPress 4, Dreamweaver CC, CSS 3, Photoshop CC, HTML 5
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Nom de la formation : Pack créer et développer un portfolio de A à Z (WordPress 3.9, Dreamweaver CC, CSS 3, Photoshop CC, HTML 5). Bonjour Damien, je voudrais acheter le pack mais ma suite adobe est CS5. Est-ce problématique ? Je pense que je ne pourrais pas ouvrir vos fichiers dans une version antérieure ? Merci pour votre réponse.ClaireBonjour, normalement pas de souci avec la CS5 :)
-
Bonjour,Expliquez-vous en détail l intégration du thème sous wordpress dans votre 3 eme chapitre ?Pourrais-je après cette formation créer mon thème wordpress à partir d'un site statique ( html css) ?Merci d'avance.Bonjour, oui c'est le but de cette formation complète :) Tout est expliqué de A à Z
-
JE TRAVAIL SUR UN SERVEUR EN LOCALJe précise que le site reste en html , j’ai intégré le formulaire avec captcha de la formation 43514 et je les intégrait dans la formation 45810 d’un portfolio minimaliste.Il y-a un problème de conflit dans input text du champ de recherche et input text du formulaire de contact, les trois ligne ci-dessous ne s’affiche pas dans le formulaire de contact<input type=Bonjour, pouvez-vous nous envoyer vos fichiers zippés (intégralité de votre site) par mail ? (hugo@team8.fr)
-
Que contient le fichier source ?Les maquettes Photoshop, l'intégration des pages HTML / CSS et le développement avec Wordpress
-
Bonjour Damien, le résultat sera t-il responsive ? Merci :)Bonjour non j'ai plutôt mis l'accent sur Wordpress et ses customs post type et taxonomy. Cependant je donne un début de piste pour le responsive. Le responsive sera traité dans mon prochain tuto :)
note moyenne
avis laissés