Upload
manish-kumar
View
94
Download
2
Tags:
Embed Size (px)
Citation preview
Submitted by:Mohit Khambra
Information Technology
7th Sem ,4th Year
Submitted to:Mr. Brij Kishore
IT Department
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 .