Have you always wanted to build dazzling and responsive Websites from the ideas you have imagined but didn't have or want to devote the time to dig into HTML and CSS code? Or maybe you are a designer that is tired of paying a coder to mock up your designs to present to your customers. Or perhaps you are a seasoned coder who wants to be able to mock up a design quickly and then manipulate the code later on.
If any of this sounds familiar to you, then Macaw may be the answer. In this course, I will lead you through the tools and user interface of Macaw and show you how to build a real world Web design that could actually be put into production with very little extra effort.
Did you know that mobile devices have outpaced the desktop market. This means that you have to make your Web presence responsive to these smaller screens. This course will teach you how to take your design and make it "Responsive" to all sizes including the mobile market which as of July of 2015 represents over 51% of all Internet users.
Build a strong foundation in Web Design using Macaw
Content and Overview
The good folks that built Macaw have delivered a wonderful tool that allows you to draw your Web ideas instead of coding them but as with all new tools, there is a learning curve. I help you navigate the uncharted waters and get you up to speed quickly so you can enjoy bringing your design ideas to life.
This course will give you the necessary skills to start designing Web content today and realize the dream of turning ideas into reality.
In this lecture, we explore the user interface of Macaw so you fully understand all of the tools.
The inspector is a critical piece of the Macaw toolset and this lecture guides you through the nuances of using it to speed your workflow.
This lecture shows you how to use and manipulate the responsive grid and page settings.
This lecture shows you how to create a simple Web layout using the Macaw tools.
This lecture shows you how to create and apply global styles to your design.
This lecture demonstrates how to take a design and make it responsive to the mobile environment.
This lecture provides the necessary resources to build the JavaJive site along with the instructor.
In this lecture we setup our environment and import graphics to complete the Java Jive Website.
In this lecture I take you step-by-step on how to create the header used throughout the Java Jive Website.
This lecture provides some fine-tuning and finishing off the site header.
This lecture we create the site menu bar.
In this lecture we layout the tagline and descriptive blocks of our home page.
In this lecture we learn about breakpoints that allow for different layout properties for differeint screen sizes as well as demonstrate how to preview our design in a browser.
this lecture we will create a section of callout blocks and add graphics and text to each one describing various features of our company.
In this lecture we finish off and fine tune our callout blocks.
In this lecture I show you how to create hours of operation and address blocks of our design.
In this lecture we finish off our basic home page design by adding the footer.
This lecture we get into the nuts and bolts of making our site responsive by working through the header section.
In this lecture we finish off making our home page responsive.
In this lecture we dive into hyperlinks for our site linking our social icons and the menu links.
In this lecture we add the remaining pages of our site. We learn how to do this without having to re-create the basic header and footer for each page.
In this lecture we layout our coffee shop menu page.
Demonstration of some of the more useful keyboard shortcuts in Macaw.
Quick tip on how to use visual properties.
A quick demonstration on how to embed a YouTube video in your Macaw design.
I have been a full time IT professional for the last 30 years, a Web Developer for 20 years and part time Photography professional for the last 10 years. I currently manage a 10,000 sqft data center and continue to develop Web applications and sites. I currently shoot portraits and studio work but I have also shot wildlife and landscapes as well as real estate photos. I have also done software development on both the desktop and on mobile platforms.
I have taught IT courses at the college level and have been a training leader throughout my career. I have a passion for learning as well as passing on my knowledge to others.