-
Présentation générale
Bonjour, je mets à l'évidence
Nous utiliserons les outils de modélisation de vos mains et de vos données pour rendre les mises à jour de notre site très facile. Nous allons créer notre propre menu mobile à partir de zéro. Nous allons apprendre à base de JavaScript et jQuery.
Je suis un instructeur certifié et mieux que je travaille avec Adobe et même même pour créer leurs propres vidéos de recherche en ligne. Je suis également un conférencier Dreamweaver à l'occasion de l'immense conférence Adobe Déplacés de Las Vegas 2017. Je suis même dans votre version de Dreamweaver en ce temps... ouvrez l'ouverture de Dreamweaver > Aller à l'aide !
Ce cours s'adresse aux débutants. Vous n'avez pas besoin de connaissances préalables sur l'expérience de Dreamweaver ou de design de web. Nous utiliserons également la vue de Dreamweaver pour que nous puissions utiliser tous les bons outils visuels et faire des modifications simples ici dans le code.
La conception de web peut parfois être délicate, alors je suis là pour vous aider. Il suffit de me message si vous êtes bloqué. Il existe également des fichiers d'exercice pour vous permettre de suivre votre cours. J'enregistre même en plein texte du site à la fin de chaque vidéo pour que vous puissiez vérifier le vôtre à la fois si vous n'êtes pas dans la même mesure si vous êtes dans la même mesure de votre travail.Consultez ce lien ici sur www.byolisawesome.com, pour le site que nous avons créé ensemble. Lons le plaisir de pouvoir enfin créer un site web comme un design professionnel. Rendez-vous en cours.
Téléchargez les fichiers de l'exercice ici.
Téléchargez les fichiers complétés ici.
Quelles sont les exigences ?
- Vous aurez besoin d'une copie d'Adobe Dreamweaver CC 2017 ou plus haut. Une version d'essai gratuite peut être téléchargée sur le site d'Adobe.
- Aucune connaissance de votre design web n
- Aucune connaissance de Dreamweaver
Qu'est-ce que je vais tirer de ce cours ?
- 39 conférences 3+ heures de contenu bien structuré !
- Vous apprendrez à créer un site web réactif de votre portfolio à partir de zéro.
- Apprenez à faire un design sur Illustrator et à créer un site web.
- Comment utiliser des modèles dans Dreamweaver.
- Créez des versions mobiles, de tablette et de bureau du site web.
- Créez notre propre navigation adaptée à grâce à un menu de burger.
- Introduction à JavaScript et jQuery.
- Comment publier votre site web sur Internet.
- Les moyens de visualiser vos motifs directement sur votre appareil mobile.
- Comment tirer le meilleur parti de votre image de portfolio.
- Comment utiliser de belles polices web dans vos designs.
- Vous obtiendrez les fichiers finaux pour que vous ayez jamais perdu
- Téléchargeable des fichiers et des fiches de triches téléchargeables.
- Soutien de la communauté de moi et du reste de l'équipe de BYOL.
- Toutes les techniques utilisées par les graphistes professionnels de votre site web
Quel public cible ?
- OUAIS : ce cours s'adresse aux débutants. S'adressant aux personnes nouvelles du monde du design web. Aucune expérience préalable de Dreamweaver nà n'est nécessaire.
- NON : ce cours n'est pas adapté aux personnes expérimentées en matière de langage HTML et CSS.
______________
Vous cherchez plus d'inspiration ? Vous pouvez ici pour découvrir d'autres cours sur Adobe Illustrator.
Overview
Syllabus
-
- Introduction
- Fichiers d'exercice
- Configurer des sites Web
- Comment créer un nouveau site web dans Dreamweaver
- Comment créer une nouvelle page HTML dans Dreamweaver
- Comment prévisualiser au mieux votre site web dans Adobe Dreamweaver
- Déplacer des balises dans Dreamweaver
- Créer, modifier et styliser votre première feuille de style CSS à l'aide de Dreamweaver
- Modifier ou ajuster les styles CSS de votre site Web Dreamweaver
- Centrer votre site Web dans Dreamweaver à l'aide d'un conteneur
- Créer un site Web qui s'adapte aux téléphones portables et aux tablettes à l'aide de Dreamweaver.
- Tester votre site Web Dreamweaver sur un téléphone mobile ou une tablette
- Créer un menu hamburger déroulant mobile dans Dreamweaver Partie 1
- Utiliser Javascript jQuery pour créer un menu hamburger déroulant mobile dans Dreamweaver
- Styliser notre menu hamburger pour que notre menu ul s'empile côte à côte
- Ajouter différentes polices à un site Web dans Dreamweaver
- Corriger le style du menu hamburger déroulant mobile dans Dreamweaver
- Planifier notre modèle Dreamweaver
- Ajouter une image d'arrière-plan qui se trouve à l'extérieur de notre conteneur principal dans Dreamweaver
- Utiliser la balise principale HTML5 dans Dreamweaver
- Ajouter la balise du pied de page HTML5 à un site Web à l'aide d'Adobe Dreamweaver
- Créer un modèle dans Adobe Dreamweaver
- Créer de nouvelles pages à partir d'un modèle Dreamweaver
- Créer une hero box réactive pour notre site Web dans Dreameaver
- Corriger les problèmes avec les balises div lorsque vous flottez à gauche dans Dreamweaver, c'est-à-dire effacer le flottement
- Ajouter et modifier le style d'une règle horizontale HR dans Dreamweaver
- Créer un bouton dans Adobe Dreamweaver CC
- Modifier l'espacement des polices d'un site Web en fonction de la taille des tablettes mobiles à l'aide de Dreamweaver
- Désactiver certaines parties d'un site Web dans différentes vues (mobile ou bureau)
- Créer une grille d'images réactive dans Dreamweaver
- Créer des images réactives dans Dreamweaver pour les adapter à la taille de la page
- Créer des colonnes différentes pour les sites Web sur ordinateur de bureau, tablette et mobile dans Dreamweaver
- Créer un pseudo clearfix après le cours dans Adobe Dreamweaver
- Créer et relier de nouvelles pages dans Dreamweaver à l'aide de modèles
- Télécharger votre site Web sur l'hébergement Internet via Dreamweaver
- Ajouter Google Analytics à votre site Web Dreamweaver
- Exercice de cours sur Dreamweaver