Codecast Building a banner image in Gravit Optimize and Export Image Replacement Techniques ASSIGNMENT Create a banner image to insert into the header of your css-demo document. Using the technique covered in class, insert the image you created and optimized, into your sample css document we have been working on in class. We’ll begin our […]
Removing the Background from an Image Sample file Tutorial Exporting Files More Tips and Tricks
How to access today’s session in Blackboard Gravit Designer – Web App | Install: Windows | Mac | Chromebook (Free Version is Fine) Workspace Overview Lab Introductory Tutorials – Using the reamining time in today’s session watch these tututorials to familiarize yourself the Gravit Interface. Be prepared to ask questions and to complete a lab during Wednesdays sessions.
Review Positioning Exercises (Codecast) Image Editing Tools Gravit Designer – Web App | Install: Windows | Mac | Chromebook Workspace Overview Introductory Tutorials
Positioning Overview CSS Positioning Lab Exercises
Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Additional Elements | Sample HTML Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes Units of Measurement Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy
Homework Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography CSS Box Model – Description | Demonstration