Submitted by:Mohit Khambra

Information Technology

7th Sem ,4th Year

Submitted to:Mr. Brij Kishore

IT Department

Google

Content:

Introduction

History

Features

The Web Designer interface

Create & Modify

Future Scope

Introduction :

What is Google Web Designer?

Google Web Designer is an advanced web application that's built with HTML5 which lets you design and

build HTML5 advertisements and other web content using an integrated visual and code interface.

Minimum Recommended

Operating system Windows® 7/ Windows 8

Mac® OS X 10.7.x or later

Windows® 7/ Windows 8

Mac® OS X 10.7.x or later

Processor Intel Pentium® 4 or AMD Athlon 64

processor

Intel Pentium® 4 or AMD Athlon 64

processor

Memory 2 GB RAM 4 GB RAM

Screen resolution 1280x1024 1920x1080

Application window size 1024x768 minimum 1024x768 or larger

Internet connection Required for initial use after

download, for updates, and for help

access.

Required for initial use after

download, for updates, and for help

access.

System Requirements

History:

• Developer(s) Google

• Stable release 1.0.0.924 (Beta) / 30 September 2013

• Development status Active

• Operating system Windows, Mac OS

• Type WYSIWYG editor, Development tool

• Website https://www.google.com/ WebDesigner

Features :

1. Two animation modes

2. Full 3D authoring environment

3. Design view and code view

4. Illustration tools

5. Easy ad workflow

Features:1.Two animation modes

• Quick mode build your animations scene by scene and we’ll take care of the frames in between.

• Advanced mode animate individual elements using layers, easily changing the location of elements within the stack

2. Full 3D authoring environment

• Create and manipulate 3D content utilizing an array of tools and the power of CSS3.

• Rotate objects and even 2D designs along any axis, visualizing 3D transformations and translations as you author.

3.Design view and code view

• you can flip back and forth between Design View and Code View.

• As you work, immediately seeing any changes made to code reflected back in your designs.

4.Illustration tools :

• Import assets from any other creative suite or use the built-in illustration tools

• create vector-style artwork – keeping your designs light.

• To create new HTML tags in your designs, just draw them in with the Tag tool.

5.Easy ad workflow :

• Google Web Designer makes it simple to publish ads through any platform.

• Choose from DoubleClick Studio or AdMob, or go for the Generic option to push content through any other ad network.

• No coding required.

TapArea

The Web Designer Interface:

1.Tool panel 2.Tool options panel 3.Timeline

4.Color , Properties, Components,

Events and CSS panels

Google Web Designer has a large central area for building your projects and

editing code.

The central area is surrounded by

The workspace• In the center of the Google Web Designer interface is the workspace. • In Design mode, the workspace shows your images, text, and other elements visually,

as they will be displayed as they will appear in a browser. • In Code view the workspace shows your code with appropriate color coding and

formatting.

Layout for Web designer interface:

3.Timeline

4.Color , Properties, Components, Events and CSS panels

2.Tool options panel

1.Tool panel

Create & Modify:

Create and modify content• Add tag• Draw with pen tool• Add text• Add a shape• Create a timeline animation• Change style using CSS panel• etc…….

Create an Ad• Banner ads• Expandable ads• Interstitial ads

Preview and Publish Your Work• Preview your ad or Html page• Publish your ad or Html page

Google Web Designer's Code view lets you create CSS, JavaScript, and XML files,using syntax highlighting and code auto completion to make your code easierto write, with fewer errors

Future Scope:

• Web Analytics interactive Ads.

• Simplify the Building the Ads.

• Web Marketing with more extended Ads.

• Web sales Strategy by more effective Advertisement.

• Aesthetic Usability Web Writing .