Design de sites web responsive avec Adobe Dreamweaver
A course by Arturo ServínConcepteur Web
A course by Arturo Servín, Concepteur Web
Apprenez les bases du HTML et du CSS pour créer pas à pas un site web responsive avec une interface visuelle
Adobe Dreamweaver est un logiciel qui vous permet de créer des pages Web à partir d'une interface entièrement visuelle et qui, contrairement à d'autres programmes, a la capacité de générer des codes HTML et CSS sans erreur, car il possède une fonction qui vérifie qu'ils sont correctement écrits. De plus, il intègre de manière transparente les outils Creative Cloud tels que les couleurs, les images ou les fichiers .svg, entre autres.
Dans ce cours, le concepteur de sites Web Arturo Servín - mieux connu sous le nom de Monky Lab - vous apprendra à créer un site Web réactif avec Adobe Dreamweaver de manière visuelle et sans connaissance du HTML et du CSS en utilisant une interface graphique avec des outils de construction et d'écriture de code. De cette façon, avec la fusion entre la programmation de base et la conception, vous aurez un plus grand contrôle dans l'élaboration de tout document Web.
Pour suivre ce cours, il n'est pas nécessaire d'avoir des connaissances en HTML et CSS. De plus, c'est le complément idéal pour les étudiants de son Domestika Basics: Adobe Photoshop pour la conception web , pour faire de la page Web qu'ils ont conçue une réalité.
Qu'allez-vous apprendre dans ce cours en ligne ?
31 leçons & 39 vidéos téléchargées
Que ferons-nous pendant le cours?
4 minutes, 44 secondes
Que sont l'UX et l'UI?
9 minutes, 11 secondes
Direction artistique
11 minutes, 32 secondes
L'avantage de la standardisation
9 minutes, 2 secondes
Pourquoi utiliser Dreamweaver?
7 minutes, 33 secondes
Présentation de l'espace de travail
9 minutes, 39 secondes
Que comprend ce cours ?
Arturo Servín expliquera comment il a commencé dans la conception de sites Web et comment il a fait face aux différents changements et avancées technologiques. Il parlera de ses influences et vous montrera des références de conception Web fonctionnelles.
Vous commencerez par connaître les principes de base de la conception Web, puis Arturo vous apprendra à différencier l'UX de l'IU, et vous donnera quelques conseils sur la direction artistique et la construction du site et ses standards.
Vous verrez comment utiliser les outils Adobe Dreamweaver pour créer un site Web dans lequel vous placerez les balises de base avec le langage HTML et établirez les paramètres. Vous expérimenterez le placement de texte et d'images, ainsi que des liens vers différents types de fichiers.
Vous compléterez la structure visuelle en utilisant les fenêtres CSS. Vous apprendrez à générer des sélecteurs et des valeurs, puis à établir le modèle de boîte orienté aux paramètres responsive et à travers des éléments CSS vous styliserez votre page: polices, conception de boîte, application de position , affiche et flottants ; et vous appliquerez des images d'arrière-plan, des bordures ou des listes et des classes, entre autres éléments.
Comment rendre votre site réactif ? Vous établirez les paramètres de construction du site aide de Media Queries pour les différentes mesures requises, vous créerez un menu simple qui fonctionne à la fois pour smartphone et pour ordinateur, et vous voir comment vérifier et corriger avant d'importer votre site Web .
Tout est prêt à publier! Vous utiliserez la fenêtre FTP du programme pour synchroniser les dossiers locaux du site avec les dossiers du site distant __ , et ainsi pouvoir apporter des modifications immédiatement sur votre site Web.
Recommended software & tools for this course
What is this course's project?
Vous développerez un site Web de base responsive avec une seule page, ce qui vous permettra d'avoir des livrables fonctionnels, à la fois pour les clients et pour les équipes de programmation plus avancées.
Projets d'élèves du cours
Who is this online course for?
Aux graphistes qui n'ont pas décidé de franchir le pas vers la conception Web, aux concepteurs Web débutants, aux concepteurs d'interface utilisateur initiés et à tous ceux qui souhaitent apprendre à concevoir leur site Web responsive .
Requirements and materials
Pour ce cours, il n'est pas nécessaire d'avoir des connaissances préalables, car vous apprendrez le HTML et le CSS à partir de zéro, mais le cours précédent par Arturo Servín, de peut être utile [url=https://www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web]Adobe Photoshop pour la conception web .
En ce qui concerne les outils, vous aurez besoin d'un ordinateur avec Adobe Dreamweaver CC 2019 ou supérieur installé.
Avis
- il y a 5 mois
bien
- il y a 10 mois
muy bien explicado
- rmmarinacePLUSil y a 1 an
I've programmed for the web for almost 20 years, but never designed with Dream Weaver. I teach Graphic Design with Phtoshop and Illustrator so it was time to learn DW--so this is a fantastic start.
- il y a 1 an
Excelente, muy completo lo sentí como un basics, sin ser basics!
- il y a 1 an
Buen curso
Il est actuellement PDG de La Constelación, un studio spécialisé dans le marketing numérique, le commerce électronique et la conception Web.
Contenu
- U1
introduction
- Présentation
- Les influences
- Que ferons-nous pendant le cours?
- U2
Principes de la conception Web
- Que sont l'UX et l'UI?
- Direction artistique
- L'avantage de la standardisation
- U3
Perdre la peur de Dreamweaver: création d'une page Web de base
- Pourquoi utiliser Dreamweaver?
- Présentation de l'espace de travail
- Créer des portefeuilles
- Syntaxe HTML utilisant des balises, des attributs et des valeurs
- Structure générale d'une page Web
- Placer du texte et des images
- Liens
- U4
Ajout de style à une page Web
- Lier un fichier CSS et sa syntaxe
- Sélecteurs et valeurs
- Le modèle de boîte et réinitialisation d'une feuille de style
- Styles typographiques
- Styles pour la conception de boîte P1
- Styles pour la conception de boîtes P2
- Application de la position, de l'affichage et des flotteurs P1
- Application de la position, de l'affichage et des flotteurs P2
- Décoration CSS
- U5
Un site réactif
- Création de requêtes multimédias
- Mobile d'abord
- Créer un menu réactif simple P1
- Créer un menu réactif simple P2
- Utilisation des aperçus
- Vérifier et corriger
- U6
Publication de sites Web
- Définition d'un site distant depuis Dreamweaver
- Téléchargement du site Web
- Synchronisez le site local et le site distant
- PF
Projet final
- Introduction à la conception Web réactive avec Adobe Dreamweaver
Ce qu’il faut attendre d’un cours Domestika
Apprenez à votre rythme
Apprenez chez vous, sans horaires fixes et à votre rythme. C’est vous qui décidez de votre programme d’apprentissage.
Apprenez auprès de grands noms du secteur créatif
Apprenez les techniques et les méthodes les plus utiles auprès des meilleurs professionnels du secteur créatif.
Rencontrez des spécialistes reconnus
Dans chaque leçon, votre professeur vous transmettra ses connaissances avec enthousiasme, vous donnera des explications claires et vous fera bénéficier de son expertise.
Certificates
PLUSIf you're a Plus member, get a certificat personnalisé signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Soyez aux premières loges
Profitez de vidéos de haute qualité pour ne manquer aucun détail. Grâce à un accès illimité, vous pourrez les regarder autant de fois que nécessaire pour perfectionner vos compétences.
Partagez vos connaissances et vos idées
Posez des questions, demandez des avis ou suggérez des solutions. Partagez votre expérience d’apprentissage avec les autres élèves de la communauté qui ont, comme vous, une passion pour la créativité.
Rejoignez une communauté créative internationale
Cette communauté réunit plus de huit millions de personnes des quatre coins du monde, curieuses et passionnées, avec cette même envie de développer et d’exprimer leur créativité.
Assistez à des cours de haute qualité
Domestika sélectionne les professeurs avec soin et produit chaque cours en interne afin de garantir une expérience d’apprentissage en ligne de qualité optimale.
Foire aux questions
Vous apprendrez à créer, structurer et concevoir des sites web responsives avec Dreamweaver, HTML et CSS, en optimisant l’expérience utilisateur et l’interface, tout en gérant les ressources visuelles, la typographie, les couleurs et les flux de travail collaboratifs.
Ce cours s’adresse à ceux qui ont des bases en design ou développement web, idéal pour un niveau intermédiaire souhaitant approfondir la création de sites responsives et l’utilisation efficace de Dreamweaver.
Il est conseillé d’avoir des notions de base en HTML et CSS, même si le cours revient sur les fondamentaux et vous guide dans leur application pratique avec Dreamweaver.
Vous aurez besoin d’un ordinateur avec Adobe Dreamweaver installé, d’une connexion internet et de connaissances basiques en navigation dans les systèmes de fichiers. Aucune expérience avancée en programmation n’est requise.
Vous apprendrez à utiliser les Media Queries, les structures adaptatives et le principe mobile first pour que vos sites s’affichent parfaitement sur tous les appareils, en optimisant l’expérience utilisateur.
Oui, le cours montre comment choisir, combiner et intégrer des typographies et palettes de couleurs avec des outils comme Google Fonts, Adobe Fonts et Adobe Color pour créer une identité visuelle cohérente.
Oui, vous apprendrez à concevoir des formulaires accessibles, créer des boutons standards et les personnaliser avec du CSS, garantissant ainsi l’ergonomie et l’accessibilité de vos projets web.