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

3 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ł.

  3. Albo ja jestem uwsteczniony albo google web designer jest zrobiony przez niepełnosprawnych. Jak wstawić url na jpgu???????

Dodaj komentarz