Google Web Designer – nowoczesna aplikacja internetowa

Google Web Designer – nowoczesna aplikacja internetowa
Google Web Designer to nowoczesna aplikacja internetowa utworzona w HTML5, która umożliwia projektowanie i tworzenie reklam HTML5 oraz innych materiałów na potrzeby internetu. Zawiera zintegrowany interfejs wizualny oraz interfejs do pracy z kodem. Widok projektu w tej aplikacji umożliwia tworzenie materiałów z użyciem narzędzi do rysowania, tekstu i obiektów 3D. Poza tym obiekty można animować na osi czasu. Gdy skończysz tworzyć materiały, Google Web Designer pisze przejrzysty, zrozumiały dla człowieka kod HTML5, CSS3 i JavaScript.

Podczas tworzenia kreacji reklamowych w Google Web Designer możesz korzystać z biblioteki komponentów umożliwiającej dodawanie galerii obrazów oraz filmów, narzędzi sieci reklamowych i nie tylko.

Widok kodu w tej aplikacji umożliwia tworzenie plików CSS, JavaScript i XML z wykorzystaniem podświetlania składni i autouzupełniania, dzięki czemu napiszesz kod łatwiej i z mniejszą liczbą błędów.

Wymagania

System operacyjny: Windows® 7 / Windows 8 Mac® OS X 10.7.x lub nowszy
Procesor: Procesor Intel Pentium® 4 lub AMD Athlon 64
Pamięć: 2 GB RAM
Rozdzielczość ekranu: 1280 x 1024
Rozmiar okna aplikacji: Minimalnie 1024 x 768
Połączenie internetowe: Wymagane do początkowego używania po pobraniu, wykonywania aktualizacji i korzystania z pomocy.
System operacyjny: Windows® 7 / Windows 8 Mac® OS X 10.7.x lub nowszy
Procesor: Procesor Intel Pentium® 4 lub AMD Athlon 64
Pamięć: 4 GB RAM
Rozdzielczość ekranu: 1920 x 1080
Rozmiar okna aplikacji: 1024 x 768 lub większa
Połączenie internetowe: Wymagane do początkowego używania po pobraniu, wykonywania aktualizacji i korzystania z pomocy.

Interfejs programu Web Designer

Na środku aplikacji Google Web Designer znajduje się duży obszar umożliwiający tworzenie projektów i edytowanie kodu. Wokół niego znajduje się pasek narzędzi, pasek opcji narzędzi, oś czasu i panele, które umożliwiają wykonywanie takich działań jak modyfikowanie elementów, dodawanie komponentów i dodawanie zdarzeń.

Interfejs programu Web Designer

Interfejs programu Web Designer

Tworzenie nowego dokumentu

Po pobraniu Google Web Designer możesz zacząć tworzyć dokumenty, wybierając Nowy plik z menu Plik.

W oknie nowego pliku wybierz typ reklamy lub pliku do utworzenia.

Tworzenie nowego dokumentu

Tworzenie nowego dokumentu

W przypadku reklam:

  1. Wybierz środowisko reklamowe, w którym ma być wyświetlana reklama. Google Web Designer obsługuje zarówno środowisko AdMob, jak i DoubleClick.
  2. Zatytułuj reklamę (opcjonalnie). Ten tekst znajdzie się w elemencie tytułu w reklamie lub dokumencie HTML.
  3. Ustaw wymiary reklamy. Popularne rozmiary są wymienione na liście. Jeśli chcesz użyć rozmiaru spoza listy, wybierzNiestandardowy i wpisz szerokość oraz wysokość.
  4. Nazwij reklamę (wymagane). Będzie to również nazwa pliku reklamy.
  5. Wybierz miejsce, w którym ma zostać zapisany plik. Możesz wpisać ścieżkę do lokalizacji docelowej, w lub kliknąć ikonę wyszukiwania, by przejść do odpowiedniego miejsca.
  6. Wybierz tryb animacji: szybki umożliwia animowanie reklamy scena po scenie, a zaawansowany pozwala animować pojedyncze elementy na osobnych osiach czasu. Jeśli wybierzesz tryb szybki, możesz potem przejść do trybu zaawansowanego, ale nie da się wrócić z trybu zaawansowanego do szybkiego.

W przypadku plików HTML, CSS, JavaScript i XML:

  1. Wybierz typ pliku, który chcesz utworzyć. Google Web Designer umożliwia tworzenie plików HTML, CSS, Javascript, i XML.
  2. Zatytułuj dokument (tylko HTML). Ten tekst znajdzie się w tagu tytułu w kodzie HTML.
  3. Nazwij dokument (wymagane). Będzie to również nazwa pliku reklamy.
  4. Wybierz miejsce, w którym ma zostać zapisany plik. Możesz wpisać ścieżkę do lokalizacji, w której chcesz zapisać plik, lub kliknąć ikonę wyszukiwania, by przejść do odpowiedniego miejsca

Więcej informacji o Google Web Designer

Aplikacja: http://www.google.com/webdesigner/
Opis aplikacji: https://support.google.com/webdesigner/#topic=3249465
Filmy pokazujące poszczególne funkcje: http://www.youtube.com/user/GoogleWebDesigner?feature=watch

2 komentarze

  1. Bardzo ciekawa aplikacja ale czy ma szanse zastąpić wiedzę oraz wieloletnie doświadczenie programistów?

  2. Bardzo fajna aplikacja, ma bardzo duży potencjał.

Dodaj komentarz