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.

THIS TRAINING COURSE WILL HELP YOU:

  • Create web-ready graphics and export optimized assets
  • Build basic HTML/CSS layouts and connect styles
  • Develop animations and interactive content with Adobe
  • Prepare interactive PDFs and e-learning modules

WHO SHOULD ATTEND?

  • Web and UI designers seeking practical Adobe workflows
  • Front-end developers wanting better design skills
  • Marketing or content staff creating web visuals
  • Students and designers learning web production tools

COURSE LOCATION AND AVAILABLE DATES



Need this course in English?

Public courses are usually delivered in Czech, but this course is also available in English. We can arrange private training for your team online, at your premises or in our classrooms, and tailor the content to your needs.

For groups of around 4 or more participants, private training can already be comparable in price to booking individual places on a public course. Send us your requirements and we’ll recommend the best format and provide an exact quote.

Request training in English

Course content:

Hide details
  • 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
Prerequisites:
Windows or Mac OS, basic web creation skills and experience with an Adobe tool.
Schedule:
2 days (9:00-17:00)

Training and learning environment

IT classroom with desks, computer monitors, and a projection screen at the front.
What does the environment for in-person IT courses look like?We hold training courses in our own classrooms equipped with modern computer equipment for each participant and a large projection screen. Each workstation is fitted with a powerful computer for seamless practical exercises, and the environment supports a calm, friendly atmosphere during training.
IT classroom with desks, computer monitors, and a projection screen at the front.
Do I need to bring my own laptop to the classroom IT course?Our training rooms are fully equipped, so you do not need to bring your own laptop. A modern computer with all necessary hardware and software is ready for you at your workstation.
Sample ICT Pro certificate of successful completion of an IT training course.
Will you receive an official certificate after completing an IT course?Yes, upon successful completion of the training course, you will receive an official ICT Pro certificate confirming your participation and acquired technical skills. You can use it to verify your qualifications or add it to your professional profile.
Exterior view of the COMGUARD office building on Sochorova Street in Brno.
Where can you find our training center in Brno?The premises of the ICT Pro training center are located on the 1st floor of the COMGUARD building at Sochorova 38 in Brno. Positioned on the border of Žabovřesky and Komín, the location is easily accessible by both car and public transport.
Exterior view of the Opatov Park office building in Prague, Chodov.
Where can you find our training center in Prague?The premises of the ICT Pro training center are located on the 1st floor of the Opatov Park building at Líbalova 1, Prague 11 – Chodov. The location provides a comfortable environment for your education with convenient access.
Fully equipped kitchenette with a coffee machine, microwave, sink, and shelves with cups and glasses.
What facilities and refreshments are available to you during training breaks?Our training centers feature a fully equipped kitchenette for a comfortable break during your courses. The facilities include a coffee machine, microwave, kettle, and a wide selection of drinks and snacks.
Coffee station featuring an automatic coffee machine, yellow and white cups, glasses, and syrups.
What beverage refreshments are available during your course?A beverage station with a coffee machine, teas, syrups, and water is at your disposal throughout the entire training session. You can enjoy a coffee or another drink of your choice anytime during breaks.
Table with sweet pastries, fruit syrups, a water dispenser, and glasses set up for training participants.
What light refreshments are provided for you during the courses?During course breaks, participants can enjoy light sweet snacks, pastries, and fruit syrups to mix their own drinks. Fresh water dispenser and plates are also available for your convenience.
Wicker baskets filled with packaged savory snacks, sweet biscuits, and snack bars.
Should I bring my own snacks to ICT Pro training?There is no need to. A wide selection of savory snacks, sweet biscuits, and snack bars is available for you during breaks. Boost your energy for all-day focus right inside the training center premises.
Outdoor wooden terrace with green surroundings by the glass building of the training center.
Can you spend training breaks in the fresh air?Yes, an outdoor terrace is available at our training center. During breaks between learning sessions, you can relax in the fresh air in a pleasant green environment.
Spacious outdoor wooden terrace with seating and views of the surrounding area.
Where can you relax during course breaks?Our training center features a spacious outdoor terrace with seating options. During breaks between learning sessions, you can step outside to relax and recharge in the fresh air.