Web designer


Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web designer

  1. 1. Submitted by: Mohit Khambra Information Technology 7th Sem ,4th Year Submitted to: Mr. Brij Kishore IT Department
  2. 2. Google
  3. 3. Content:  Introduction  History  Features  The Web Designer interface  Create & Modify  Future Scope
  4. 4. Introduction : What is GoogleWeb Designer? GoogleWeb 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
  5. 5. History: • Developer(s) Google • Stable release (Beta) / 30 September 2013 • Development status Active • Operating system Windows, Mac OS • Type WYSIWYG editor, Development tool • Website https://www.google.com/ WebDesigner
  6. 6. Features : 1. Two animation modes 2. Full 3D authoring environment 3. Design view and code view 4. Illustration tools 5. Easy ad workflow
  7. 7. 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
  8. 8. 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.
  9. 9. 3.Design view and code view •you can flip back and forth between DesignView and CodeView. • As you work, immediately seeing any changes made to code reflected back in your designs.
  10. 10. 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 theTag tool.
  11. 11. 5.Easy ad workflow : • GoogleWeb 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
  12. 12. The Web Designer Interface: 1.Tool panel 2.Tool options panel 3.Timeline 4.Color , Properties, Components, Events and CSS panels  GoogleWeb 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 GoogleWeb 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. • InCode view the workspace shows your code with appropriate color coding and formatting.
  13. 13. Layout for Web designer interface: 3.Timeline 4.Color , Properties, Components Events and CSS panels 2.Tool options panel 1.Tool panel
  14. 14. 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 PublishYourWork • Preview your ad or Html page • Publish your ad or Html page Google Web Designer'sCode view lets you createCSS, JavaScript, and XML files, using syntax highlighting and code auto completion to make your code easier to write, with fewer errors
  15. 15. Future Scope: • WebAnalytics interactive Ads. • Simplify the Building the Ads. • Web Marketing with more extended Ads. • Web sales Strategy by more effective Advertisement. • Aesthetic Usability WebWriting .