Components OverviewYouTube↗  IA↗(long shot)
Science & Technology  27.5K views 85 likes 8 dislikes   04 Aug 2014
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
Salve.
Google Web Designer エンジニアのポールです
Sono Paul.
Google Web Designer エンジニアのポールです
Sono un ingegnere di Google Web Designer.
Google Web Designer エンジニアのポールです
In questo video, illustrerò brevemente
最新リリースの コンポーネントについてご紹介します
i componenti della versione più recente.
最新リリースの コンポーネントについてご紹介します
Innanzitutto, come vedete, qui andrò a selezionare HTML.
まずHTMLを選択します コンポーネントは広告以外でも利用できます
I componenti sono disponibili al di fuori degli annunci.
まずHTMLを選択します コンポーネントは広告以外でも利用できます
Per creare un componente, basta
コンポーネントはステージに ドラッグして作成できます
trascinarlo sullo stage,
コンポーネントはステージに ドラッグして作成できます
mentre per ridimensionarlo basta usare il riquadro Proprietà
[プロパティ]でサイズを 簡単に変更できます
(adesso lo allargherò
横に広げたり 四角形にしたりできます
e gli darò la forma di un quadrato).
横に広げたり 四角形にしたりできます
In alternativa, potete usare il Comando Trasforma
左上の[変換コントロール]を 使用することもできます
nell'angolo in alto a sinistra.
左上の[変換コントロール]を 使用することもできます
Potete ridimensionarlo in questo modo.
サイズを変えられます
In questa versione sono disponibili 10 componenti,
10のコンポーネントのうち 新しいものは2つです
due dei quali sono nuovi.
10のコンポーネントのうち 新しいものは2つです
Il primo componente nuovo è il componente Gesto.
その1つが[ジェスチャー]です
Va ad aggiungersi al componente Area tocco
マウスでもタップでも 操作できる領域を追加できます
e offre un buon assortimento di gesti comuni
マウスでもタップでも 操作できる領域を追加できます
per l'input tocco e del mouse.
マウスでもタップでも 操作できる領域を追加できます
L'altro nuovo componente è Tocca per chiamare. Come suggerisce il nome,
もう1つは[タップして発信] コンポーネントです
consente di chiamare il numero specificato
インストール済みの適切なプラグインで 指定の電話番号に発信します
sul telefono nei dispositivi su cui è installato il plug-in
インストール済みの適切なプラグインで 指定の電話番号に発信します
di chiamata appropriato.
インストール済みの適切なプラグインで 指定の電話番号に発信します
Potete specificare solo un numero qui nel riquadro Proprietà.
[プロパティ]パネルで 番号を指定するだけです
Ci sono tre componenti della galleria in questa versione.
ギャラリーコンポーネントは 3つあります
Sono state aggiunte nuove funzionalità
ここに新機能が 追加されました
ai componenti della galleria,
ここに新機能が 追加されました
oltre al supporto della riproduzione automatica e alla disponibilità di molte
自動再生と新しい移動操作にも 対応しました
nuove azioni per la navigazione.
自動再生と新しい移動操作にも 対応しました
Per i contenuti multimediali, sono presenti un componente video
マルチメディア用には HTML5動画がベースの[動画]と
basato su video HTML5 e un componente di YouTube
マルチメディア用には HTML5動画がベースの[動画]と
che utilizza l'API di YouTube.
YouTube APIがベースの[YouTube]
Per la mappatura, il componente Mappa con la tecnologia dell'API di Google Maps
[地図]は Maps APIがベースで
consente di eseguire ricerche locali e di utilizzare i
ローカル検索とFusion Table のデータ処理ができます
dati archiviati in una tabella di Fusion Tables.
ローカル検索とFusion Table のデータ処理ができます
Potete inoltre includere qualsiasi pagina web nel componente iFrame.
[iFrame]には ウェブページを指定できます
A questo punto, vediamo quali azioni svolgono i componenti.
実際に使ってみます
Trascinerò una galleria sfogliabile sulla pagina,
スワイプギャラリーをページに ドラッグして 画像を追加します
per poi aggiungervi alcune immagini.
スワイプギャラリーをページに ドラッグして 画像を追加します
Ci sono diversi modi di aggiungere immagini al componente.
画像を追加する方法は複数あります
Il modo più facile consiste nel trascinarle utilizzando questa interfaccia utente.
最も簡単なのはここに ドラッグする方法です
Potete sistemare le immagini nell'ordine che preferite.
画像は自由に 並べ替えることができます
Farò clic su OK.
[OK]をクリックしたら 確認しましょう
Controllerò brevemente l'anteprima.
[OK]をクリックしたら 確認しましょう
Quindi potete trascinare il componente nelle gallerie in questo modo.
ギャラリーでこのように ドラッグできます
Adesso aggiungiamo un po' di interazione.
次に 操作を追加します
Il primo modo per aggiungere interazione consiste nel
操作の追加は[コンポーネント]パネルの下の [イベント]パネルから行います
far scorrere le opzioni del riquadro Eventi,
操作の追加は[コンポーネント]パネルの下の [イベント]パネルから行います
che si trova proprio sotto il riquadro Componenti.
操作の追加は[コンポーネント]パネルの下の [イベント]パネルから行います
Andrò ad associare il tocco su questo gesto
このジェスチャーをタップすると 最初のフレームに移動
al primo frame.
このジェスチャーをタップすると 最初のフレームに移動
Quindi andrò ad associare il tocco sul gesto numero
ジェスチャー2をタップすると 2番目のフレームに移動
due al secondo frame.
ジェスチャー2をタップすると 2番目のフレームに移動
L'altro modo di aggiungere un'azione ai componenti
コンポーネント右クリックして 操作を追加することもできます
consiste nel fare clic su di essa con il pulsante destro del mouse.
コンポーネント右クリックして 操作を追加することもできます
Vedete? Non devo più selezionare il
コンポーネントの選択は不要です 3番目のフレームに移動
il componente di origine.
コンポーネントの選択は不要です 3番目のフレームに移動
Ora passiamo al terzo frame.
コンポーネントの選択は不要です 3番目のフレームに移動
Farò di nuovo clic con il pulsante destro del mouse.
また右クリックします
Quindi andrò ad associare il tocco al frame numero quattro.
タップすると4番目の フレームに移動
A questo punto, andiamo a vedere il risultato.
では確認しましょう
Potete passare da un frame all'altro.
3、4番目のフレームに 移動します
Terzo frame, quarto frame.
3、4番目のフレームに 移動します
Potete vedere come interagire utilizzando un input tocco o del
マウスやタップで 操作できます
mouse.
マウスやタップで 操作できます
Perfetto.
問題ないですね
Prima vi ho anticipato che sono disponibili nuovi modi
ギャラリー内を新しい方法で 移動することもできます
per navigare nelle gallerie.
ギャラリー内を新しい方法で 移動することもできます
Proviamone uno.
試してみましょう
Come prima cosa, aggiungerò un nuovo componente Gesto
新しいジェスチャーを追加して ページ全体に広げます
e lo imposterò in modo che copra interamente la pagina.
新しいジェスチャーを追加して ページ全体に広げます
OK.
既存のボタンの色が 少し薄くなっています
Avete notato come i pulsanti esistenti sono diventati un po'
既存のボタンの色が 少し薄くなっています
più tenui?
既存のボタンの色が 少し薄くなっています
Perché sono coperti dal nuovo componente Gesto.
新しいジェスチャーが 前面にあるからです
Sposterò indietro il nuovo gesto,
新しいジェスチャーを 背面に移動します
in modo che non li copra.
新しいジェスチャーを 背面に移動します
In caso contrario, quando fate clic su di essi,
新しいジェスチャーだけが 選択されるのを避けるためです
viene selezionato solo il nuovo gesto.
新しいジェスチャーだけが 選択されるのを避けるためです
Quindi, andrò ad aggiungere un evento.
次に イベントを追加します
Dunque, imposterò la galleria in modo che ruoti una volta al tocco.
タップでギャラリーを 1回転させます
E specificherò il tempo di rotazione impostandolo su tre secondi,
時間は3秒間
facendola ruotare all'indietro.
逆に回転させます 確認しましょう
Ora diamo un'occhiata.
逆に回転させます 確認しましょう
Potete ancora eseguire la stessa azione.
今までと同じ操作ですが 今度は逆に1回転します
Ma adesso potete ruotare una volta all'indietro.
今までと同じ操作ですが 今度は逆に1回転します
Ruotate una volta all'indietro, quindi tornate alla pagina gialla.
逆に回転して 黄色のページに戻ります
Abbiamo aggiunto anche molte nuove proprietà per consentirvi di ritoccare
プロパティの設定を追加して ギャラリーの表示を細かく変更できます
l'aspetto delle gallerie.
プロパティの設定を追加して ギャラリーの表示を細かく変更できます
Per la galleria sfogliabile, potete definire l'offset tra le immagini
スワイプギャラリーでは 画像のオフセットやサイズを設定できます
oltre a specificare le dimensioni di ciascuna immagine.
スワイプギャラリーでは 画像のオフセットやサイズを設定できます
In questo caso, andrò a creare immagini quadrate.
画像を120ピクセル四方の正方形にして 確認してみましょう
Ognuna di dimensioni 120 pixel per 120 pixel.
画像を120ピクセル四方の正方形にして 確認してみましょう
Andiamo a vedere il risultato.
画像を120ピクセル四方の正方形にして 確認してみましょう
Potete ancora farle scorrere.
今までどおりスワイプして フレームを移動できます
Potete ancora passare da un frame all'altro.
今までどおりスワイプして フレームを移動できます
E potete ancora ruotare una volta.
1回転もできます
Tutto qui.
以上です 他の動画もご覧ください
Guardate anche gli altri video per scoprire le novità di questa versione.
以上です 他の動画もご覧ください
Grazie per l'attenzione.
ありがとうございました
Similar videos:

Timeline Update Overview
Google Web Designer
13.6K views 42 likes 3 dislikes 04 Aug 201428% match


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


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


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


MuseScore in Minutes: Lesson 3 - Note Input
Musescore
353.4K views 1.4K likes 47 dislikes 03 Apr 201526% match











Percent Authoring Overview - Google Web Designer
Google Web Designer
1.6K views 11 likes 0 dislikes 21 Aug 201825% match


Getting started with Google Web Designer: how to create a simple banner ad
Google Web Designer
46.6K views 339 likes 14 dislikes 29 Jul 201925% match


Text Tool Demo
Google Web Designer
26.1K views 94 likes 2 dislikes 30 Sep 201325% match


Template improvements - Google Web Designer
Google Web Designer
8.9K views 41 likes 2 dislikes 21 Jun 201725% match


How to build your filmmakers website
Fenchel & Janisch
4K views 75 likes 12 dislikes 12 Mar 202025% match


Settings Privacy About Contact Donate