Category Archives: Information Technology Minor

Individual Web Project Lab

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

Progressive Enhancement

Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study

Individual Web Project

Finalizing your page template Duplicating pages for your site Individual Web Project Create your own micro site  and post the url to your GitHub me by March 7, 2024. Starter HTML (You do not have to use this, provided for reference) Arkansas State Parks Micro Site Project

Image Optimization and Editing Lab

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 Photopea  – Raster Vectorpea – Vector

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 of you […]

Positioning Lab Group Work

Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.

CSS Positioning

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 HTML Cheatsheet Activity 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

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 Creating and attaching a Stylesheet Color and Typography 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