Outliner - Google Web DesignerYouTube↗  IA↗(long shot)
Science & Technology  4.1K views 15 likes 6 dislikes   18 Jun 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
안녕하세요 Google Web Designer 팀의 Jean-Pierre입니다
Hallo! Ich heiße Jean-Pierre und gehöre zum Google Web Designer-Team.
Google Web Designer의 새 패널인 아웃라이너에 대해
Ich stelle Ihnen das neue Steuerfeld in Google Web Designer vor:
설명해 드리겠습니다
den Gliederungseditor.
이 패널은 스테이지의 왼쪽에 있습니다
Sie sehen ihn hier links vom Anzeigebereich.
아웃라이너를 사용하면
Im Gliederungseditor erhalten Sie einen Überblick
문서의 구조를 빠르게 파악하고
über die Dokumentstruktur und können einfacher
더 쉽게 문서 내에서 요소를 선택 및 탐색할 수 있습니다
Elemente auswählen und im Dokument navigieren.
보시다시피 문서의 미리보기와 함께
Wie Sie sehen, wird eine Vorschau des Dokuments angezeigt.
요소를 나타내는 각 노드
Jeder Knoten steht für ein Element.
그리고 펼치거나 접을 수 있는 브랜치가 표시됩니다
Die Zweige können maximiert oder minimiert werden.
노드를 더블클릭하면 해당하는 하위 항목이 모두 표시됩니다
Durch Doppelklicken auf einen Knoten werden alle Nachfolgerelemente angezeigt.
요소의 유형을 나타내는 각 노드는
Für jeden Knoten wird der Elementtyp angegeben.
해당 아이콘과 텍스트를 통해 쉽게 알아볼 수 있습니다
Anhand des Symbols und Textes können Sie ihn identifizieren,
ID, 태그 이름, 텍스트 콘텐츠를 그 예로 들 수 있습니다
zum Beispiel an der ID, dem Tag-Namen oder dem Textinhalt.
아웃라이너에서는 현재 선택되어 있는 요소도 표시됩니다
Im Gliederungseditor sehen Sie auch, welche Elemente momentan ausgewählt sind.
아웃라이너에서 바로 선택할 수도 있습니다
Sie können sie auch direkt im Editor auswählen.
Mac의 Command 키나 Control 키를 누른 채 클릭하면
Wenn Sie beim Klicken die Befehlstaste oder die Strg-Taste gedrückt halten,
요소를 현재 선택 항목에 추가하거나
können Sie der aktuellen Auswahl ein Element hinzufügen
삭제할 수 있습니다
oder eines daraus entfernen.
Shift 키를 함께 누르면
Wenn Sie dabei auch die Umschalttaste gedrückt halten,
상위 항목이 같은 요소의 경우
können Sie mehrere Elemente auswählen,
범위로 선택할 수 있습니다
sofern diese zu demselben übergeordneten Element gehören.
아웃라이너는 선택뿐만 아니라
Der Gliederungseditor ist außerdem
문서 탐색도 도와줍니다
für die Navigation im Dokument nützlich.
이 페이지를 클릭하면
Wenn ich auf diese Seite klicke, wird sie sofort geöffnet
해당 페이지가 스테이지에 표시됩니다
und im Anzeigebereich eingeblendet.
요소를 클릭하면 해당 요소가 선택될 뿐만 아니라
Durch Klicken auf ein Element wird es ausgewählt,
요소의 상위 항목 내를 탐색하게 됩니다
und es wird auch das übergeordnete Element angegeben.
아웃라이너에서 요소를 더블클릭하는 것은
Doppelklicken auf ein Element im Gliederungseditor
스테이지에서 더블클릭하는 것과 같습니다
hat denselben Effekt wie Doppelklicken im Anzeigebereich.
필터링에 대해 이야기해 보겠습니다
Sehen wir uns die Filter an.
아웃라이너의 툴바를 사용하면 트리에 표시되는 요소를
Mit den Filtern in der Symbolleiste können bestimmte Elemente
필터링할 수 있습니다
in der Baumstruktur angezeigt werden.
이러한 아이콘 중 하나를 클릭하면
Durch Klicken auf eines der Symbole
이미지 또는 텍스트만 표시할 수 있으며
werden beispielsweise nur Bilder oder nur Texte angezeigt.
두 아이콘을 모두 선택하면 문서 내 모든 이미지 및 텍스트를
Sie können sie auch kombinieren, um alle Bilder und Texte
표시할 수 있습니다
für dieses Dokument einzublenden.
이때 상위 항목도 함께 표시되므로
Sie sehen auch übergeordnete und Vorgängerelemente.
문서 내 요소 위치를 쉽게
So können Sie einfach entscheiden,
파악할 수 있습니다
an welcher Stelle sie am besten in das Dokument passen.
추가 필터링이 필요하다면 문자열을 입력하세요
Wenn Sie noch genauer filtern möchten, können Sie einen String eingeben.
그러면 문자열이 포함된 요소와
Dann sind nur die Elemente zu sehen,
해당 ID, 텍스트 콘텐츠, 태그 또는 그룹 이름이
die diesen String enthalten, sowie deren IDs, Textinhalte, Tags
표시됩니다
oder Gruppennamen.
이때 카테고리를 함께 사용하면
Sie können zusätzlich auch eine Kategorie auswählen,
문자열과 일치하는 텍스트만 표시할 수 있습니다
damit beispielsweise nur Texte mit diesem String angezeigt werden.
아웃라이너에서는 현재 숨겨지거나 잠긴 요소도
Im Gliederungseditor sehen Sie auch, welche Elemente momentan
표시됩니다
ausgeblendet oder gesperrt sind.
이러한 요소는 옆에 상태 아이콘과 함께
Diese sind ausgegraut und daneben wird ein Symbol
회색으로 표시되며
mit dem jeweiligen Status angezeigt.
더 이상 선택할 수 없습니다
Die Elemente können dann nicht ausgewählt werden.
이러한 아이콘은 아웃라이너에서 바로
Über die Symbole können Sie sie wieder einblenden
표시 설정하거나 잠금 해제할 수 있습니다
oder entsperren, und zwar direkt im Gliederungseditor.
또한 요소는 타임라인에서와
Die Elemente haben hier
같은 순서로 표시됩니다
dieselbe Reihenfolge wie auf der Zeitachse.
DOM 순서를 선호하는 사용자의 경우
Falls Sie eine DOM-Reihenfolge bevorzugen,
환경설정 대화상자의 옵션을 사용하면
wählen Sie einfach im Dialogfeld "Einstellungen"
순서를 변경할 수 있습니다
die entsprechende Option aus.
아웃라이너에 대해 모두 살펴보았습니다
Das ist der Gliederungseditor.
시간 내 주셔서 감사합니다
Vielen Dank fürs Zusehen.
이 기능에 관한 의견이 있다면 언제든지 보내주세요
Wir freuen uns immer über Feedback zu neuen Funktionen.
Similar videos:

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

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


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


Masking - Google Web Designer
Google Web Designer
9.1K views 92 likes 1 dislikes 07 Oct 201960% match

Timeline Keyframe Scaling - Google Web Designer
Google Web Designer
4.2K views 28 likes 0 dislikes 18 Jun 201850% match


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


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


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

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


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


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

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


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


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


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


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


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


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

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


Multiple keyframe & thumbnail selection - Google Web Designer
Google Web Designer
5.6K views 11 likes 2 dislikes 16 Nov 201639% match


Responsive Campaign Tutorial - Google Web Designer
Google Web Designer
3.1K views 84 likes 0 dislikes 15 Oct 202039% match

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


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

Advanced Preview Configuration - Google Web Designer
Google Web Designer
14.3K views 68 likes 3 dislikes 28 Nov 201836% match

Authoring Dynamic Sample Data - Google Web Designer
Google Web Designer
14.6K views 62 likes 1 dislikes 28 Nov 201836% match

Easing functions (Step start/end) - Google Web Designer
Google Web Designer
25.5K views 43 likes 5 dislikes 16 Nov 201635% match


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


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


Timeline Enhancements - Google Web Designer
Google Web Designer
13.2K views 68 likes 3 dislikes 21 Jun 201733% match


Google Web Designer Certification - 1. Basics
Google Web Designer
7.2K views 10 likes 0 dislikes 29 Jun 201533% match



Settings Privacy About Contact Donate