Review Positioning Exercises (Codecast) Image Editing Tools Vector vs Raster Images | 1 | 2 Tools Overview Adobe Creative Suite – Paid Subscription Adobe Illustrator – Vector Editor Adobe Photoshop – Raster Editor Corel Vector – (Formerly Gravit) – Introductory Tutorials Pixlr Suite – Raster and Vector – Tutorials
Set up a directory structure for the positioning lab. | Starter HTML (Use this code) Positioning Lab | Demo
Codecast | Source Positioning Overview CSS Positioning | Demo Set up a directory structure and links for the positioning lab. | Starter HTML (Use this code)
Codecast | Source Styling Page Elements Header SVG Backgrounds Additional Elements | Sample HTML
Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer Additional Elements | Sample HTML
Codecast | Source Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer
Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes Styling Page Elements Page Body Google Fonts Background Header SVG Backgrounds Navigation Content Articles Aside Footer CSS Box Model – Description | Demonstration
HTML Project Question and Answer Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet Codecast | Source Color and Typography Understanding Color | Kuler Write down your Color Codes
Please spend your classtime today working on your first HTML Assignment. Please look over the following documents in preparation for class on Monday. Overview of CSS and its role in web development CSS syntax and basic structure Different ways to include CSS in HTML documents
Quiz Create a Repository using these instructions. Publishing your work to Github Be sure to submit your github pages URL.