Element Tool Overview - Google Web DesignerYouTube↗  IA↗(long shot)
Science & Technology  2.3K views 14 likes 1 dislikes   20 Aug 2018
Google Web Designer 76.8K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Bonjour à tous.
Hallo allemaal.
Je m'appelle Valerio et suis ingénieur pour Google Web Designer.
Ik ben Valerio en ik ben engineer voor Google Web Designer.
Dans cette vidéo, je vais vous présenter rapidement l'outil d'élément.
In deze video geef ik een overzicht van het gereedschap Element.
Il s'agit d'un outil de création de contenu
Element is een gereedschap voor het maken van content
permettant de créer
waarmee u op een visuele manier
visuellement des éléments HTML pour votre document.
html-elementen maakt voor uw document.
Voici comment l'utiliser.
Ik laat u zien hoe u het gereedschap Element gebruikt.
Sélectionnez l'outil d'élément
Selecteer het gereedschap Element
en cliquant sur l'icône dans la liste d'outils.
door op het pictogram in de lijst te klikken.
Si vous ne savez pas sur laquelle cliquer,
Als u niet meer weet welk pictogram het was,
survolez les icônes
plaatst u de muis erop
avec la souris pour voir le nom de l'outil
om de naam van het gereedschap te bekijken.
ou passez d'un outil
Of gebruik de sneltoetsen
à l'autre à l'aide des raccourcis clavier.
om tussen gereedschappen te schakelen.
L'outil d'élément permet de
Met Element geselecteerd
créer des éléments.
kan ik nieuwe elementen maken.
Cliquez sur l'espace de création pour indiquer
Ik klik ergens in het werkvlak
le point de départ,
om het beginpunt te markeren,
à savoir, le coin supérieur gauche de l'élément.
of de linkerbovenhoek van mijn element.
Vous pouvez maintenir le bouton gauche de la souris enfoncé
Terwijl ik de linkermuisknop ingedrukt houd,
et la faire glisser
kan ik de muis slepen
pour définir la taille de l'élément.
om de grootte van het element aan te geven.
Les dimensions réelles de l'élément s'affichent.
Tijdens het slepen ziet u de afmetingen van het element.
Si vous relâchez le bouton de la souris,
Als u de muisknop loslaat,
l'aperçu est validé,
wordt het voorbeeld vastgelegd,
l'élément créé et
het element gemaakt
ajouté au document.
en toegevoegd aan het document.
Vous pouvez tracer l'élément
Ik kan het element tekenen
dans toutes les directions.
in alle vier hoofdrichtingen.
Votre point de départ
Het beginpunt hoeft dus niet
ne doit donc pas nécessairement être le coin supérieur gauche.
de linkerbovenhoek te zijn.
Comme vous pouvez le voir,
Zoals u op het scherm ziet,
l'aperçu s'ancre automatiquement
springt het visuele voorbeeld automatisch
aux éléments proches
naar elementen in de buurt
pour vous permettre de facilement mettre en page votre contenu.
zodat u content beter kunt opmaken.
Vous pouvez maintenir la touche Maj enfoncée en faisant glisser
Ik kan ook de Shift-toets ingedrukt houden
l'élément pour
tijdens het slepen
limiter la largeur et la hauteur à la même valeur.
om de breedte en hoogte gelijk te maken.
Maintenir la touche Alt enfoncée vous permet
Als ik de Alt-toets indruk,
à l'inverse de tracer l'élément, du centre vers l'extérieur.
wordt het element vanuit het middelpunt getekend.
Si vous maintenez les deux touches enfoncées,
Combineer beide toetsen voor het tekenen
vous pouvez tracer un carré parfait, du centre vers l'extérieur.
van een perfect vierkant vanuit het middelpunt.
La touche Espace vous permet
U kunt de spatiebalk gebruiken
quant à elle de déplacer l'élément
om het hele element te verplaatsen
avant de le valider dans le document.
voordat u het vastzet in het document.
Vous avez peut-être remarqué
Zoals u heeft gezien,
que tous les éléments créés sont des éléments DIV.
zijn alle gemaakte elementen div's.
L'outil d'élément crée des éléments DIV par défaut, mais
Het gereedschap Element maakt standaard div's,
vous pouvez modifier le type d'élément à créer
maar u kunt het gemaakte type element wijzigen
dans la barre d'options de l'outil.
via de balk met gereedschapsopties.
Les trois premières icônes de cette dernière
Met de eerste drie knoppen
vous permettent de créer des éléments DIV, image et vidéo.
kunt u div-, afbeeldings- en video-elementen maken.
Vous pouvez cliquer sur l'icône Image
Ik kan op de afbeeldingsknop klikken
et utiliser l'outil d'élément
en het gereedschap Element gebruiken
pour ajouter une image au document.
om een afbeelding toe te voegen.
Pour ajouter d'autres éléments HTML, cliquez sur
Als u andere html-elementen wilt toevoegen,
"Élément personnalisé",
klikt u op de knop 'Aangepast element',
saisissez le nom de l'élément,
typt u de elementnaam
puis utilisez l'outil d'élément pour l'ajouter.
en voegt u het toe met het gereedschap Element.
Enfin, la barre d'options permet de
Met de gereedschapsopties kunt u ook
définir la couleur de l'arrière-plan et l'arrondi de la bordure
de achtergrondkleur en straal voor de rand
avant d'ajouter l'élément.
van uw element instellen voordat u het toevoegt.
Je vais reprendre l'élément DIV, cliquer sur
We gaan terug naar het div-element,
l'icône de couleur de l'arrière-plan,
klikken op de chip voor de achtergrondkleur
puis choisir une couleur unie.
en kiezen een effen achtergrond.
Je définis ensuite l'arrondi de la bordure
De straal voor de rand
sur 40 pixels pour les quatre coins.
stellen we in op 40 pixels.
Désormais, quand j'utilise l'outil d'élément,
Wanneer ik nu het gereedschap Element gebruik,
tous les éléments DIV créés
krijgen alle nieuw gemaakte div's
présentent un arrière-plan et un arrondi de bordure définis.
een ingestelde achtergrondkleur en straal voor de rand.
Cette présentation de l'outil d'élément est finie.
Dat was het overzicht van het gereedschap Element.
Merci de votre attention.
Hopelijk vond u het interessant,
À bientôt.
en bedankt voor het kijken.
Similar videos:

UI Overview - Google Web Designer
Google Web Designer
4.5K views 35 likes 1 dislikes 20 Aug 201867% match


Events Overview - Google Web Designer
Google Web Designer
5.3K views 39 likes 2 dislikes 01 Jun 201857% match


An Overview of the updated Google Web Designer
Google Web Designer
89.8K views 346 likes 14 dislikes 04 Aug 201457% match


Google Web Designer - Text Overview
Google Web Designer
13.1K views 25 likes 9 dislikes 17 Nov 201555% match

Google Web Designer - Spritesheet Component Overview
Google Web Designer
18.6K views 52 likes 4 dislikes 17 Nov 201550% match


Google Web Designer - Streetview Component Overview
Google Web Designer
7.3K views 24 likes 0 dislikes 17 Nov 201550% match


Ad Validator - Google Web Designer
Google Web Designer
4.8K views 16 likes 1 dislikes 07 Sep 201848% match


Responsive Layout: Overview - Google Web Designer
Google Web Designer
106.5K views 444 likes 8 dislikes 03 May 201648% match


Parallax Overview - Google Web Designer
Google Web Designer
31.9K views 285 likes 6 dislikes 28 Nov 201846% match


Timeline Advanced Mode Overview - Google Web Designer
Google Web Designer
12.2K views 93 likes 3 dislikes 18 Jun 201843% match


Responsive Ad Workflow - Google Web Designer
Google Web Designer
21.8K views 208 likes 5 dislikes 24 Aug 201842% match


Google Web Designer - Animation Updates
Google Web Designer
53.6K views 136 likes 9 dislikes 17 Nov 201541% match


A Google Web Designer Thought Experiment
Google Web Designer
330.9K views 345 likes 20 dislikes 04 Aug 201441% match


Text Overview - Google Web Designer
Google Web Designer
7.1K views 18 likes 3 dislikes 03 Jan 201840% match


Groups Overview - Google Web Designer
Google Web Designer
2.6K views 11 likes 2 dislikes 03 Jan 201840% match


Outliner Overview - Google Web Designer
Google Web Designer
6K views 47 likes 1 dislikes 31 Mar 202040% match

2D & 3D Drawing Overview - Google Web Designer
Google Web Designer
6.3K views 34 likes 5 dislikes 03 Jan 201840% match


Responsive Overview - Google Web Designer
Google Web Designer
7.2K views 126 likes 2 dislikes 31 Aug 202040% match

Code View - Google Web Designer
Google Web Designer
7.2K views 55 likes 4 dislikes 14 Oct 201940% match

Dynamic in Studio - Google Web Designer
Google Web Designer
10.5K views 54 likes 1 dislikes 31 Aug 201838% match


Motion Paths Overview - Google Web Designer
Google Web Designer
37.8K views 228 likes 5 dislikes 21 Jun 201736% match


Groups with Events Overview - Google Web Designer
Google Web Designer
3.4K views 15 likes 2 dislikes 03 Jan 201836% match


Google Web Designer - AdWords Dynamic Overview
Google Web Designer
55K views 64 likes 21 dislikes 31 Aug 201536% match


Image Processing Overview - Google Web Designer
Google Web Designer
4.3K views 65 likes 0 dislikes 31 Aug 202036% match

Text Fitting - Google Web Designer
Google Web Designer
8.2K views 33 likes 6 dislikes 28 Nov 201835% match

Tag Tool Demo
Google Web Designer
17.6K views 57 likes 3 dislikes 30 Sep 201335% match


Responsive Layout: Animation - Google Web Designer
Google Web Designer
27.6K views 82 likes 10 dislikes 03 May 201635% match


Google Web Designer - DoubleClick Studio Dynamic Overview
Google Web Designer
11.5K views 20 likes 8 dislikes 17 Nov 201533% match


Responsive Layout: Advanced Techniques - Google Web Designer
Google Web Designer
54.7K views 200 likes 4 dislikes 03 May 201633% match


Publish to Display & Video 360 - Google Web Designer
Google Web Designer
7.1K views 19 likes 3 dislikes 28 Nov 201832% match


Settings Privacy About Contact Donate