Category Archives: Web Technologies Fall 2021 – 02

Codecast | Source Additional Elements | Sample HTML Positioning Overview CSS Positioning Set up a directory structure and links for the positioning lab. | Starter HTML

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

Your assignment for today’s session has two components: Complete the exercises at Flexbox Froggy. Link a screenshot of the completion page for exercise 24 on your Github homepage. You’ll need to take a screenshot, upload to AWS and then add a link to file on your homepage. Create and attach a stylesheet to your course homepage. […]

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 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 ASSIGNMENT Read: Getting to Know CSS |  Getting to know the  Box Model – This is quiz material ADDITIONAL […]

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 Positioning Overview CSS Positioning Introduction to Flexbox Flexbox Froggy

Quiz Homework Q&A Adding style to your page: Type, Class, and ID Selectors Creating and attaching a Stylesheet

Publishing your work to Github Naming Conventions, Meta Naming, Directory Structure Validating HTML Setting up your first project

Watch – Accessibility for the Modern Web by Derek Featherstone

Signing up for AWS Educate If you missed class please review the video for detailed instructions During the class you will receive several emails. Please follow the instructions carefully to ensure you are signed up properly. Setting Up a Cloud9 Workspace | Tutorials AWS Cloud9 – Overview Cloning your Github Repository to your Workspace Publishing your work […]