Individual Web Project Lab
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Today you should wrap up the planning/brainstorming for your class project and begin design work on your project.
Exploring the functionality of jQuery What is a CDN? Why use a CDN? Google CDN, CDNJS jQuery Tabs Case Study
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
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
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 […]
Complete as many lab exercises as possible working with your team. Be prepared to explain a solution to your classmates on Tuesday.
Positioning Overview CSS Positioning | Demo Set up a directory structure for the positioning lab. | Starter HTML Positioning Lab | Demo
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
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
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