Less than $5 For Any Grade Computer Science & Technology Resources (by date, latest first)

This middle school kids and technology clip art bundle is perfect for livening up any resources related to technology. The set has a total of 104 high-resolution (300 DPI) PNG graphics - 54 in color and 50 black and white. This total EXCLUDES the gears, which I threw in as extra design elements!

Technology images are of:

• cameras • earphones • mp3 players • speaker • game controller • CD

• VR goggles • QR code (not functional) • Cellphone scanning QR code

• Cellphones (blank) • Cellphone with blank messages •Cellphone showing ‘1 new message’ • tablets (blank) • tablet (with apps) • television showing ‘World News Hour’ • laptop • computer • robot (neutral pose) • robot with panel showing ‘hello world’ • Assorted gears

Technology kids clip art has images are of kids doing the following, all with a boy and a girl for each unless otherwise indicated or if the image is of hands:

• listening to music with headphones

• dancing and listening to music with mp3 player

• taking a selfie with a cellphone

• looking at phone

• hands messaging on cellphone (two color options)

• cellphone with notification ‘1 message received’

• cellphone with notification ‘1 message received’ and bubble where you can add text

• talking on cellphone

• using VR goggles

• taking a photo with a camera

• holding a tablet

• tablet with hand selecting online lessons from an educational app

• tablet with hand marking off items on a nature hunt

• using a laptop

• using paper cups as phones

• playing catch with robot (boy only)

• dancing to music with robot (girl only)

• girl holding a QR code

• boy holding a blank sign (you can add your own QR code to it)

• scanning a QR code on a cellphone – two versions (only hands)

THIS BUNDLE IS MADE UP OF THE FOLLOWING SETS

• Technology Clip Art

• Technology Kids Clip Art – Middle School / Teen

A version of this bundle with YOUNG KIDS is also available:

• STEM Clip Art Bundle: YOUNG KIDS & Technology

YOU MIGHT ALSO LIKE:

• STEM Clip Art Letters – Middle School/Teen

• STEM Bundle: Middle School Teen Kids and Science

• Middle School/Teen Kids Clip Art - Reading & Writing

• Middle School / Teen Kids Clip Art Bundle

SEE ALL MY STEM CLIP ART HERE

****************************************************************************************************

PERSONAL OR COMMERCIAL USE OK. TERMS OF USE AVAILABLE HERE.

This is a zip file. Before purchasing, please check that you have software to open zip files.

If you like my products, click HERE to follow me. You’ll be notified when I release new products, which are discounted for the first 24 hours!

©Clever Cat Creations 2018

Since many educators are currently using Zoom as their favored platform for online instruction, these suggestions and techniques would be helpful. Numerous educators encounter significant frustration at first as they strive to navigate the complex landscape of online learning and Zoom teaching. Therefore, this guide offers the most helpful tips for novice and intermediate users in one comprehensive resource.

This checklist acts as a quick guide to help you start Zoom for live teaching sessions. We have all faced complicated scenarios when you're in a Zoom meeting and your internet drops unexpectedly, resulting in missing several important details of the meeting. Use this checklist as a basic resource and adjust it while personalizing the list based on your session requirements. You will find all that needs to be done before, during, and after your Zoom meeting. Ultimately, a comprehensive overview of the different tools available on Zoom is provided, along with instructions on their usage.

HTML CSS Project for Beginners: "About My Pet" Webpage Template

This layout incorporates multiple image spots, making the project visually engaging while giving students an opportunity to showcase their pet in different ways. With a unique, organized layout and beginner-friendly guidance, this project keeps students motivated to learn HTML and CSS basics.

This template provides a centered, single-column layout with three strategically placed image areas for a personalized webpage about a pet. Each section features clear instructions, unique color backgrounds, and an intuitive design to help students organize their content with ease.

What’s Included:

• One HTML & CSS .txt file: A single, combined file for easy editing and clear structure.
• Three Image Sections: Main pet image, side thumbnail, and smaller image for fun facts to make the page more visually dynamic.
• Student-Friendly Comments: Comments and placeholders within the code to guide students through adding content and making customizations.
• Colorful Layout: Unique section colors to help students learn design basics while focusing on their pet.

Not quite what you were looking for? Try these...

• HTML CSS Video Game Review Page
• HTML CSS Restaurant Menu Page
• HTML CSS Social Media Profile Page
• HTML CSS Digital Thank You Card

HTML Structure Worksheet, HTML Labeling Activity, HTML for Beginners

Use this worksheet when introducing HTML structure to show the similarity between the code structure and a human body. Use the empty space for notes or more codes such as the tag for the head section, or and tags for the body.

Tags used for this worksheet:

❄❄HTML CSS Christmas Project, Computer Science Christmas Project, Code a Snowman❄❄

This step-by-step activity guides students through building a festive, animated snowman with a custom holiday message box.

What’s Included:

• Easy-to-Follow Instructions: Students will follow clear, guided steps with code snippets for each stage, making it easy to build and customize their snowman while learning essential HTML and CSS skills.
• Interactive Hover Animations: Students will create a snowman that "wobbles" when hovered, learning basic animation concepts that bring their project to life.
• Customizable Holiday Message: A styled input box lets students add their own holiday message, with a colorful Christmas-themed animation effect for a finishing touch.
• Code Breakdowns for Each Feature: From creating the snowman structure and styling it to adding eyes, arms, and a hat, students will learn to piece together HTML elements and style them creatively with CSS.
• Endless Creative Possibilities: Students can personalize their snowman with different colors, sizes, and messages, encouraging creativity while practicing coding skills.

YOU WILL RECEIVE A .TXT FILE CONTAINING THE SOLUTION CODE AND A PDF FILE WITH STEP BY STEP DIRECTIONS.

Not quite what you were looking for? Try these...

• HTML CSS Digital Thank You Card (My students make Christmas cards to send to teachers with this template. It's a huge hit!)
• HTML CSS Social Media Profile Page (you could do one of these for a Christmas character )

This website/webpage evaluation rubric is a great tool for students to get the most out of their online learning experience. It helps them to identify areas for improvement and to develop their skills in assessing and evaluating websites and webpages. With this rubric, students can easily identify areas for improvement and develop their skills in assessing websites and webpages. It can be printed or used as is (Google Sheets).

Anatomy of an HTML Element! Download, print, use as handouts, keep in binder, etc. It's yours!

PNG file format

Looking for more coding decor? Check out my Web Design Posters!

HTML/CSS Digital Coded Card, Coding Project, HTML/CSS Code Template

***SEE VIDEO PREVIEW***

This digital html/css card is the perfect way to send your season's greetings or celebrate any occasion! When you hover over it, the card will open to reveal a personalized message tailored to a season or occasion. The card is easy to customize so you can make sure it's exactly what you or your students want to express!

I do this project every semester with my 6th-8th graders and it is their favorite amongst anything else! It's such a big hit and so easy to manipulate since the code is already done. You could easily turn this into a step by step project, but I just give the code to them and let them change, personalize, and get creative! They love it, and so does everyone who receives them!

What you will receive:

You will receive a .txt file (opens with Notepad) with the code for a blank card. All you have to do is save the file, and use it with ANY website or software your students use for coding! Yes- it's as simple as copying and pasting, and the students do the rest! All you have to do is sit back and watch their creativeness prosper.

***HALLOWEEN EDITION***

Use this spooky worksheet when introducing HTML structure to show the similarity between the code structure and a human body.

Tags used for this worksheet:

KEY INCLUDED

Looking for the regular, non-spooky version? Click here!

Give your classroom the tech-savvy update it deserves with these stylish Classroom Posters! Featuring a neutral version and b&w version, this set of 13 8x11 posters contains all the web design terms you need for your students to become tech experts in no time. From HTML and CSS, to Responsive Design, UI & UX, and Typography, these posters are perfect for visual learners, providing a unique and stylish way to help your students learn the language of web design. With easy to read text and modern designs, these posters will make a great addition to your classroom decor.

You can also print them out as vocabulary handouts to keep in student folders or classroom binders!

Terms included:

• White Space
• User Experience
• Navigation
• User Interface
• Responsive Design
• Search Engine Optimization
• Color Scheme
• Grid System
• Javascript
• HTML
• CSS
• Wireframe
• Typography

HTML/CSS Video Game Review, Coding Activity, Coding Project

This template guides students in creating their own video game review webpage, providing them with a structured layout while allowing plenty of room for creativity. This template introduces HTML and CSS fundamentals as students create a two-column webpage dedicated to their favorite video games. They’ll practice coding concepts like tags, attributes, and CSS styling as they fill in questions and customize the design. The template includes built-in guidance, such as placeholder text and questions, to help students organize their content and personalize the look of their pages.

What’s Included:

• HTML/CSS .txt file: A ready-to-use HTML file with sections for game title, genre, rating, summary, and personal reflections and a CSS section to style the webpage with a two-column grid layout, colors, and fonts.
• Detailed Comments: Each section in the code is labeled with student-friendly instructions, making it easy to follow along and modify.

Not quite what you are looking for? Try these...

• HTML CSS Restaurant Menu
• HTML CSS Social Media Page
• HTML CSS Digital Thank You Card

***SEE VIDEO PREVIEW***

This digital HTML/CSS card is a great way to send your Halloween greetings and showcase student knowledge in your class to fellow colleagues! When you hover over it, the card will open to reveal a personalized message made by the student. The card is easy to customize so you can make sure it's exactly what you or your students want to express!

I do this project every semester with my 6th-8th graders for each season/holiday and it is their FAVORITE among anything else! It's seriously such a big hit and so easy to manipulate since the code is already done. You could easily turn this into a step by step project, but I just give the code to them and let them change, personalize, and get creative! I give this to them through CodeHS, and they use copyright-free websites to find images or GIF's to add in. Some even like to make their own designs in Canva to make it a little more personalized. They love it, and so does everyone who receives them! It makes the assignment feel meaningful. Looking for brownie points? Make sure one of these gets to your principal or superintendent!

What you will receive:

You will receive a .txt file (opens with Notepad) with the code for a blank card. There is not a separate CSS file- it is located in the HTML head section. All you have to do is save the file (CTRL+S), and upload it with ANY website or software your students use for coding (we use CodeHS)! Yes- it's as simple as copying and pasting, and the students do the rest! All you have to do is sit back and watch them be creative little souls. It normally takes them 2-4 days to complete, depending on the skill level.

***SEE PREVIEW FOR FULL GLIMPSE***

This is a set of classroom typeface posters for web design and graphic design classes. There are a total of 15 (formatted at 18x24)posters containing the following:

Serif typefaces

• Garamond
• Georgia
• Bodoni

Sans Serif typefaces

• Futura
• Calibri
• Helvetica

Display/Decorative typefaces

• Impact
• Cooper Black
• Broadway

Script typefaces

• Lucida Calligraphy
• Alex Brush
• Brush Script

Monospace typefaces

• Consolas
• Courier
• Space Mono

Each poster contains the year and person who invented it & more.

Business/Career/Social Media Profile Page HTML/CSS Template

***SEE Video Preview!!!***

This template allows students to create and style their own unique social media profile page while learning valuable skills in web design and digital citizenship. Use it in the classroom as a fun activity about themselves, or as a tool to teach students about creating a positive digital footprint. It's also a great resource for business classes looking to create a professional social media presence mockup. With this versatile template, the possibilities are endless!

You will receive 2 .txt files (one for HTML, one for CSS) with the source code for the profile template you see in the preview video. All you have to do is save the file, and use it with ANY website or software your students use for coding! Yes- it's as simple as copying and pasting, and the students do the rest!

Not quite what you were looking for? Try these...

• HTML CSS Video Game Review Page
• HTML CSS Restaurant Menu Page
• HTML CSS Digital Thank You Card

HTML CSS Responsive Restaurant Menu Template

***SEE Video Preview!!!***

This responsive HTML/CSS template allows students to create and style their own restaurant menu while learning valuable skills in web design and career skills. Use it in the classroom as a fun activity or project. It's also a great resource for classes looking to create a professional menu mockup. With this versatile template, students can really show off their creativity.

You will receive a .txt file and an .html file with the source code for the profile template you see in the preview video. All you have to do is save the file, and upload it (copy/paste works as well) to use with your preferred code-editing program!

Looking for something similar for your students? Check out these:

HTML/CSS Digital Card for ANY season or occasion!

HTML/CSS Social Media Profile Page Template

5 easy-to-follow slides for downloading YouTube videos. Uses screenshots and bright red arrows for visualization. Includes dialogue explanations and step-by-step directions. Perfect for in-class use, gets rid of unwanted advertisements, for use with LMS platforms, students and teachers with no internet or wi-fi connections. Makes saving YouTubes simple!

Escape Room Activities seem to be the go to activity in classrooms in my area of the world. Here are step-by-step directions for creating your very own Escape Room using Google Forms! It's really easier than you think!

Create an exciting introduction to your activity! Students are faced with challenges that require a correct response for passage to the next level is granted. You can add as many or as few locks as you want.

Review Games! Introduction to a new concept! Even - quizzes!

Here's a link to a simple GEARS Escape Room so that you can see what I'm offering. Here, you'll see an intro, a sample question (the answer is 'idler gear') and a Congratulations page.

Do you have a set of SAMLabs coding blocks in your classroom? Here's a classroom poster that lets students see what the components look like in real-life and in the virtual realm.

So, it’s Day 1 of your Engineering class…what are you going to do?
Or you're a Science teacher and you need an activity for a Fun Friday or even for a Sub.

Up until 2020, I always started out day one with introductions, procedures and well the boring stuff! Last year, I changed this up and now I begin my quarter with an Engineering challenge on Day 1! It gets students talking with one another and gets them active from the very beginning.

Here you will fins the project sheet, teacher directions and a picture of the suggested supplies. The direction give you time limits and even a script, if you want.

This is a Poster and Student Worksheet to be used while working in Minecraft Education!

If you've used Minecraft Education, then you're familiar with the NPC mods. If you haven't "played" before, a NPC is a guiding character within Minecraft Education. I require my students to document all of their interactions with NPCs while they are on mission in the different worlds. I have found this helps them focus on the task at hand and write down their solutions.

This product is a ZIP file that includes a 24x36 poster as a JPEG and as a PDF file, a studnet handout for documenting NPC interactions and a quick "Teacher Page" that details how I use these products.

Thanks for stopping by!!