Ce guide visuel vous guidera à travers les concepts de conception de sites Web répondant importants et comment les mettre en œuvre visuellement l'intérieur Webflow.
Tous les éléments de cette page sont tous les blocs à l'intérieur d'autres blocs (aka "Box Model"). Lorsque vous faites glisser les éléments web, vous les faites glisser d'un bloc et de les déposer dans une autre. Voilà la façon dont HTML fonctionne!
Parfait pour toute entreprise avec 20 employés ou plus.
Paragraphe Parfait pour toute entreprise avec 20 employés ou plus.
Toutes les fonctionnalités sans les limitations. Tout ce que tu peux manger. (Ceci est un élément de paragraphe)
Ajouter des éléments à votre site Web en cliquant sur l'icône [+] dans le coin supérieur gauche. Voici quelques-uns des éléments les plus fondamentaux de la structure dans la conception web - sections, des conteneurs et des colonnes.
Une Section prend 100% de la largeur de la fenêtre du navigateur si vous ajoutez à l'Organe (la toile d'un site web).
Il est idéal pour les grandes sections horizontales d'un site web.
Un conteneur est un bloc 960px centré dans le milieu du navigateur. Habituellement, la plupart du contenu du site est ajouté à l'intérieur d'un conteneur afin qu'il soit centré. Les conteneurs sont généralement ajoutés à l'Organe ou un élément de la Section.
Ajout de colonnes sont le moyen le plus rapide pour construire une mise en page d'un site web unique. Pour modifier le nombre de colonnes que vous voulez dans les différents appareils, il suffit de cliquer sur l'icône de vitesse dans le coin en haut à droite pour accéder aux paramètres de l'élément.
Sélectionnez un élément et ajouter une classe dans le panneau de bon style (Brush Icône). Dans ce panneau, vous pouvez ajouter du texte et des styles graphiques comme la couleur de la police, la hauteur de la ligne, les dégradés, les frontières, les ombres, et plus encore. Web design visuel est bien plus fun que de coder droit?
Votre roches mes chaussettes!
Oops! Quelque chose a mal tourné lors de la soumission du formulaire :(
Merci! Votre demande a été reçue!
Oops! Quelque chose a mal tourné lors de la soumission du formulaire :(
The Dark Beer de Lakewood, Colorado
La grosse légendaire est née de la belle le mariage d'un homme de la montagne et sa chose la plus aimée, la ville de Lakewood dans le Colorado. L'homme de la montagne aimait aussi sa hache et son unique tir carabine Remington, mais pas autant qu'il aimait sa ville. Il rêvait de ses rivières et de montagnes majestueuses flowy. Donc, il a nommé son plus gros après elle. Ainsi, la stout glorieuse était née sur le cœur d'un homme de la montagne.
«Je Fabriqué cette bière glorieuse pour exprimer mon amour éternel pour ma belle ville."
- Mountain Man
The Dark Beer de Lakewood, Colorado
La grosse légendaire est née de la belle le mariage d'un homme de la montagne et sa chose la plus aimée, la ville de Lakewood dans le Colorado. L'homme de la montagne aimait aussi sa hache et son unique tir carabine Remington, mais pas autant qu'il aimait sa ville. Il rêvait de ses rivières et de montagnes majestueuses flowy. Donc, il a nommé son plus gros après elle. Ainsi, la stout glorieuse était née sur le cœur d'un homme de la montagne.
«Je Fabriqué cette bière glorieuse pour exprimer mon amour éternel pour ma belle ville."
Similaire à ajouter du style à un élément, pour changer la position d'un élément d'abord ajouter une classe, puis modifier les propriétés de position. Vous apprendrez à connaître margin, padding, affichage, Float, débordement, et position.
propriétaire de magasin Steve Witmere déjà été arrêté pour le commerce blackmarket bazooka. Avoue à la participation à la mafia russe.
Parmi les nombreux bazookas trouvés dans le Gunshop avait des dizaines de milliers de peintures obtenus illégalement évalués à au moins $ 10,000. Thats un lourd prix à payer pour ces peintures idiotes.
propriétaire de magasin Steve Witmere déjà été arrêté pour le commerce blackmarket bazooka. Avoue à la participation à la mafia russe.
Parmi les nombreux bazookas trouvés dans le Gunshop avait des dizaines de milliers de peintures obtenus illégalement évalués à au moins $ 10,000. Thats un lourd prix à payer pour ces peintures idiotes.
Ce paragraphe est réglé sur display: block. Donc, il remplit la largeur de la fenêtre parent et empile sur d'autres blocs.
Bouton avec display: block Bouton avec display: block Ce lien est mis à display: block Ce lien est mis à display: block
Merci! Votre demande a été reçue!
Oops! Quelque chose a mal tourné lors de la soumission du formulaire :(
Merci! Votre demande a été reçue!
Oops! Quelque chose a mal tourné lors de la soumission du formulaire :(
Cette photo est un texte de légende.
Ceci est une légende de photo pour ma tasse préférée de Joe.
Vous pouvez facilement créer des variations d'un élément par l'ajout de classes supplémentaires au-dessus de l'autre et en ajoutant différents styles sur ces classes. Consultez l'exemple ci-dessous où nous avons différentes variations d'un bouton.
Dans Webflow vous concevez votre site Web pour la première périphériques de bureau, puis apportez des modifications sur les appareils mobiles (accéder aux icônes du périphérique dans la barre du haut). Ajout de styles dans un appareil mobile remplace les styles de bureau.
Vous l'avez deviné! Il ya des tonnes de gens apprentissage Webflow et conception de sites Web chaque jour. Un excellent endroit pour commencer est les didacticiels vidéo. Ensuite, la tête sur plus de centre de support ou forum de la communauté.
(Vous pouvez cliquer sur les liens ci-dessus en allant dans le mode Aperçu - l'icône d'oeil dans le coin en haut à gauche)
