Need Group Training? We make it happen at your location or ours.

Get a Quote

Dreamweaver Training: Bootcamp

Schedule

No classes currently scheduled.

But we can accommodate you!

Please contact us to request a scheduled class date at one of our locations or at yours. We can also perform one-on-one training sessions in many cases.

Request Info  

Don't see the dates or location you want? Contact us to see how we can accommodate.

While attending in-person training, individuals are strongly encouraged to wear masks whenever it is not feasible to maintain 6 feet of social distancing, unless fully vaccinated.

5 Stars

Dreamweaver Training: Bootcamp

"I love the all training we've done with Lumenbrite. My favorite part of this session was Anthony's willingness to go beyond the basic material for the bootcamp and answer questions outside that scope. The material was well-presented and customized to exactly what we needed. Anthony is very personable and went above and beyond." - Christa

Read our Adobe Dreamweaver Reviews

Overview

This course is a complete foundation that starts at a beginning level and progresses to an intermediate level of mastery.

Your instructor will guide you through the process of taking a design concept and using a combination of Bootstrap Components, HTML, and Cascading Style Sheets (CSS) to construct a responsive site that can be viewed across all modern browsers. You will learn to use a variety of multimedia assets within your layouts, such as photography, vector graphics (SVG) and video. You will also learn how to connect to web server via FTP and publish your content online.

Setup Git on Dreamweaver and Github to establish a repository, track changes, and manage projects. You will also learn how to setup and code with CSS Preprocessors such as SASS. Explore methods to build sites with more advanced CSS code, such as Flexbox and Grid, to build responsive sites that are viewable as intended on any screen size.

Outline


  • Review basic workflows and tools
  • Learn to plan and organize projects
  • Add and customize Bootstrap components
  • Utilize column-resizing tools in Live View
  • Use time saving tricks to rapidly design your pages
  • View high-speed code with autocomplete and real-time error checking
  • Utilize Emmet shortcuts
  • Learn to code with CSS
  • Integrate Typekit and Google fonts
  • Integrate Adobe Stock and CC Libraries for collaboration
  • Learn to create and properly use Media Queries for a mobile-first approach
  • Incorporate Photoshop graphics for use in Dreamweaver
  • Publish to a remote server
  • Setting up Git to work with Dreamweaver
  • How to initialize or clone a Git repository
  • Ways to perform common Git operations
  • Best practices for using Git
  • Setup CSS Preprocessors with Dreamweaver
  • Code with mixins, variables, nested style rules
  • Learn more advanced CSS coding
  • Leverage CSS such as Flexbox and Grid
  • Work with Media Queries

If you need additional information regarding the course syllabus, please Contact Us.

For additional courses visit our Adobe Training catalog.

Course Manual

Prerequisites


  • Basic Computer Skills on Windows or Mac
course-level

Skill Level: 1

Foundation

Materials


Along with this training, you will receive:

  • Student courseware and class projects
  • Adobe Dreamweaver Course Certificate
  • Conversion tools bookmark

This training can also assist with the preparation of Adobe certification exams, including the Adobe Certified Professional credential.

Browse our other Adobe Dreamweaver classes

Adobe Digital Design Training Center