Créer un site web avec Dreamweaver CC

Exploiter les fichiers d'exercice

Testez gratuitement nos 1271 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Avec l'abonnement adéquat, vous pouvez télécharger les fichiers d'exercice utilisés dans cette formation. Ainsi, vous pourrez suivre à l'identique les explications du formateur.
04:00

Transcription

Si vous possédez la possibilité de télécharger l'ensemble des fichiers nécessaires à cette formation, on va décortiquer ensemble un peu leur organisation. Si toutefois vous n'avez pas accès à ces fichiers, ne vous inquiétez pas, au cours de toutes les étapes nous allons les écrire de A à Z. On va partir d'une page intégralement blanche et simplement en s'appuyant sur ce fichier Photoshop. Bien sûr si vous n'avez pas le fichier Photoshop je vous invite à récupérer n'importe quelle image que vous pourriez utiliser pour remplacement. Les dimensions sont indiquées à chaque fois et à part certaine partie d'extraction Photoshop tout le reste est intégralement reproductible quelque soit les formats de fichier que vous allez utiliser et la nature des images. Alors l'organisation des fichiers va se construire au fur et à mesure. On partira d'un dossier intégralement vide et on va remplir ce dossier au fur et à mesure. On va travailler principalement avec des fichiers HTML et qui vont s'auto enregistrer. C'est ue chose qui n'est pas traditionnel à la création du site mais qui ici va nous permettre de pouvoir mieux organiser, mieux travailler la progression et de pouvoir revenir à tout moment sur une étape antérieure pour pouvoir la recomposer. Donc on partira sur les bases du HTML ici qui va contenir simplement le format de base. Donc au niveau code ici ça sera vraiment le fichier HTML et vous voyez ici dans la partie structure on partira en ajoutant simplement la structure avec Dreamweaver header, div, class, slider, etc... Donc tout va être extrêmement progressif pour se reconstruire. Vous avez un fichier CSS qui va aller de pair donc ici dans la partie structure CSS, il y aura un fichier qui s'appelle « structure.css ». Et si vous regardez au fur et à mesure, vous avez dans le fichier structure, on va lier le fichier base et on va lier le fichier structure. Et si je prends comme ça par exemple le « main », le fichier numéro 7, vous avez toutes les étapes CSS qui vont être liées au fur et à mesure que le projet va évaluer va se construire. Alors ce n'est pas une approche très traditionnelle mais c'est une approche qui va se vouloir extrêmement pragmatique et découpée pour nous permettre de mieux faire avancer notre projet. Nous allons avoir ici des fois des dossiers étapes, si on a des étapes parallèles pour étudier une petite fonctionnalité on va venir les classer dans ce dossier « Etapes » ici. Vous avez toutes les images qui sont utilisées. Ici il y a deux dossiers à titre d'exemple qui sont donnés. Ici c'est les images qui ne sont pas compressées et les images qui sont compressées de pouvoir voir la différence entre les deux. Le dossier « webfonts » ici est rempli. Le votre il vous faudra le remplir parce que questions de droit, les typos ne seront pas distribués mais vous pourrez utiliser n'importe quel typo ou venir dans le dossier « docs » ici récupérer un fichier qui s'appelle readme qui vous permettra d'accéder à des liens de téléchargement éventuellement pour des images. Vous aurez les fichiers bien entendu Photoshop et de travail maquette qui sont fournis également et puis vous aurez une version alternative pour le chapitre six c'est-à-dire la partie qui concerne le aside ici pour avoir une autre approche des éléments de survol, une autre approche du background qui sera placé ici et donc il faudra remplacer dans les CSS, pour avoir cette version alternative. Enfin certains fichiers comme les fichiers htaccess sont donnés à titre indicatif vous pourrez les récupérer il y a une étape qui est intégralement dédiée et qui nous permettra de pouvoir visualiser les optimisations qui pourront être fait. Le dossier « Template » et le dossier « Library » seront fabriqués par Dreamweaver au moment de la réalisation donc vous pourrez si vous voulez vous servir de ce dossier en le plaçant sur le côté et en travaillant sur votre propre dossier éventuellement en venant piocher les éléments si nécessaire ou pour ceux qui n'ont pas les fichiers les faire construire au fur et à mesure lorsque nécessaire. Beaucoup de fichier à travailler mais tout encore une fois je vous le répète tout va partir d'un dossier intégralement vide et tout va se remplir au fur et à mesure toutes les explications seront données comme les voilages et les créations des fichiers sas, sas cache etc. Il ne me reste plus qu'à vous souhaiter une bonne formation et à vous inviter maintenant à attaquer la première étape.

Créer un site web avec Dreamweaver CC

Réalisez votre premier site web avec Dreamweaver. Abordez les principales étapes de conception, telles que la création d’une page web, l’ajout de contenu multimédia, etc.

3h04 (37 vidéos)
Aucun commentaire n´est disponible actuellement
 
Thématiques :
Design web
Standards du web
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :25 janv. 2017
Durée :3h04 (37 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !