Category Archives: IT Onyx

Individual Web Project Lab

Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.

Individual Web Project

Finalizing your page template Duplicating pages for your site Individual Web Project Choose one of the two micro-site projects  or create your own and post the url to your GitHub me by March 7, 2023. Starter HTML (You do not have to use this, provided for reference) SpaceX Dragon Micro-site Project Segway Centaur Micro-site Project

Positioning Lab Debreif

Solution Presentations Raster vs. Vector Graphics 1 | 2 | 3 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

Image Creation and Manipulation

Raster vs. Vector Graphics 1 | 2 | 3 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 In today’s session I would like you to make sure you are familiar with Image editing tools. Many […]

Collaborative Lab

Today we will partner up to discuss and share potential solutions to the lab problems presented in class on Tuesday.

Positioning Lab

Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo

Course Overview and Concept Review

Syllabus Review and Semester Overview Content Review from Fall Codecast HTML5 CSS Positioning Overview CSS Positioning

HTML Cheat Sheet Wrapup

Using the following code snippets build the HTML Cheatsheet. Upon completion. Examine and tweak the CSS to your liking. Make it your own. Structure/Content Design Behavior Include the following script in the head of your document: <script src=”https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js”></script> Additional Information on Prism.js

Introduction to CSS

Codecast | Source | Header Image URL Adding style to your page: Type, Class, and ID Selectors Learn CSS Grid Introduction to CSS Grid Grid by Example

Introduction to CSS

Codecast | Source | Header Image URL Adding style to your page: Type, Class, and ID Selectors Learn CSS Grid Introduction to CSS Grid Grid by Example