Web Graphics — Using Adobe Tools for Web Design (GRW)

Graphics, Adobe

This concise course gives users a clear, practical introduction to web design, HTML/CSS coding and animation and interactivity. It reviews workflows using Adobe tools such as Photoshop, Dreamweaver, Flash, Captivate and InDesign for online projects.

The course emphasizes hands-on practice with real examples, focusing on image export and optimization, responsive layout basics and using third-party widgets. Participants receive guidance for testing, templates and further deep-dive courses.

Location, current course term

Contact us

Custom Customized Training (date, location, content, duration)

The course:

Hide detail
  • Introduction
    1. Philosophy, history
    2. Present and future of web creation
    3. Modern trends
    4. Principles for initial design
  • Terminology
    1. Project focus and SEO analysis
    2. SEO basics
    3. Name, domain
    4. Hosting services
    5. Web project structure
    6. How search engines work
  • Web tools
    1. Content management systems
    2. E-shops, wikis, forms, blogs…
    3. Customization options
    4. Graphic and technical design of a custom solution
  • Graphic principles of web design
    1. User needs met with simplicity and clarity
    2. Corporate identity rules and color schemes
    3. Font choice, readability and typographic accuracy
    4. Technical constraints and behaviors on the web
    5. Personal vs corporate site vs web application
  • Photoshop 1
    1. Choosing dimensions
    2. Structuring PSD designs
    3. HTML/CSS/JavaScript display options for PSDs
  • Photoshop 2
    1. Export to optimized file formats
    2. Best practices for slicing graphics
    3. Integration with CSS
    4. Exporting with Adobe Fireworks, GIMP…
  • HTML and Cascading Styles 1
    1. Rendering and display options
    2. Text editors and Adobe Dreamweaver
    3. Browsers
    4. Basic page structure
    5. Meaning of basic HTML tags
  • HTML and Cascading Styles 2
    1. Connecting CSS
    2. #id and .class selectors
    3. CSS properties to create a basic page look
    4. Browser default styles
  • HTML and Cascading Styles 3
    1. Embedding custom fonts
    2. Text styling rules
    3. Bullets and numbering
    4. Links
    5. Tables and other elements
  • Popular third-party widgets
    1. jQuery plugins (Lightbox, jQuery UI)
    2. Google Maps, Flash animations and video players
    3. Facebook and Twitter widgets
  • Flash 1
    1. Flash display technology capabilities
    2. Appropriate uses
    3. Advantages and disadvantages
    4. Tools and options for converting to HTML5 for new devices
  • Flash 2
    1. Creating vector objects
    2. Importing images
    3. Texts and dynamic text
    4. Motion animation
    5. Movie clips and buttons
  • Flash 3
    1. Principles for creating animated ads
    2. Building small web presentations or for portable media
  • Graphic templates
    1. Using ready-made website templates
    2. Marketplaces and pricing
    3. How to choose and adapt templates correctly
  • Designing complex applications, testing
    1. What is a wireframe
    2. Advantages and disadvantages
    3. Web applications and Adobe Catalyst
    4. Conducting user testing
    5. Scenarios and testers
  • Adobe Captivate
    1. Creating and editing a project
    2. Adding captions, buttons, images, video, audio
    3. Creating a start screen with a menu
    4. Creating a quiz
    5. Evaluating results
    6. Publishing the project
  • Interactive PDF
    1. Creating a new document in Adobe InDesign
    2. Paragraph styles
    3. Dynamic content
    4. Creating anchors and external links
    5. Exporting to PDF
  • Conclusion
    1. Practical exercise — assignment topics
    2. Objective
    3. Structure
    4. Graphic design
    5. Technology
    6. Layout
    7. Web design
    8. Implementation
    9. Evaluation of exercise results
Assumed knowledge:
Windows or Mac OS, basic web creation skills and experience with an Adobe tool.
Schedule:
2 days (9:00 AM - 5:00 PM )
Language: