For Any Grade Computer Science & Technology Activities

These STEM, STEAM, and STREAM posters are perfect to jump start your back to school bulletin boards! STEM education posters will remind students of the design process for the different STEM, STEAM, and STREAM activities you have planned. With multiple poster options, pick and choose which posters best fit your classroom and students.

Also included is a STEAM Mini Book in two different options depending on ability, that students can fold and fill out for their STEAM activities.

**Need fun and silly STEAM challenge activities? Make sure to check out the fun and silly STEM activities HERE !**

Included (30 pg PDF + TOU/credits) :
✔ 7 STEM Design Process Posters - in full size and half size options
✔ STREAM letter Posters - Use the letters you prefer for STEM, STEAM, or STREAM
✔ STEM/STEAM/STREAM Word Posters with each letter next to what it stands for
✔ Science, Technology, Robotics, Engineering, Art, and Math posters with image examples for each category in half size
✔ Various Gears to decorate
✔ STEAM Mini Book - 2 options depending on ability. Fold and fill out!

⭐Posters and Mini Book comes in both color and black and white options and is not editable. This resources will come in a zipped file. (You can read about zipped files here:ZIPPED FILES)⭐

_____________________________________________________________________________________________

Related Products

• 90 Days STEAM | STEM Activities Silly Challenge Task Card BUNDLE

• 30 Days of STEM | STEAM Silly Building Challenges SET 1

• STEM Activities Day at the Zoo STEAM Challenge for Elementary Kids

• STEM Activities Desert Survival STEAM Challenge for Elementary Kids

• STEM Challenges BUNDLE Adventure STEAM Activities

_____________________________________________________________________________________________

⭐⭐⭐TeachShare CREDITS!!!⭐⭐⭐

Don't forget to leave a review to get your TeachShare credits! Whenever you give feedback on a purchased product, you receive credits that go towards future purchases on TeachShare. For every $1 spent, you receive 1 credit. 20 credits equals $1 towards future purchases! Believe me, THEY ADD UP!!! 

LET'S CONNECT!

Follow Teaching Dinos on Pinterest HERE

Follow Teaching Dinos on Instagram HERE

Check out the Teaching Dinos Blog HERE

Please email me at TeachingDinos@gmail.com if you have any questions about this resource or experience any problems, I’d be happy to help you!

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

Are you looking for a new challenge for your students? Are you looking for more to do with your robots than making them just go a certain distance or run around on the floor? Then Men, Mazes & Trucks is the currculum that you've been looking for!!

This curriculum packet includes:
-PowerPoint design for your challenge mat. You get both the PowerPoint file and jpegs. There are six images here...the mat and the mat with 12 inch grid lines overlay, with and without guides.

-The student handout with The Problem, The Challenges, Graphic Organizer and Design Briefs for brainstorming their solutions.

-The teacher handout takes you step-by-step as to how I brought this table to life in my classroom. I've also included some pictures of my table.

Submit your feedback to earn TeachShare credit!
Did you know that if you go to your “My Purchases” page, there is a “Provide Feedback” link? Click it to be taken to a page where you can give a quick rating and leave a short comment for the product. Every time you give feedback, TeachShare gives you credit that you may use to lower the cost of future purchases!

Click HERE to subscribe to Reece’s Tech Shop!

Click HERE to subscribe to my YouTube Channel for video Tech Tips.

***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!

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.

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.

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.

❄❄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 )

Are you wanting to use Minecraft Education in your classroom, but you're not sure where to start? Well, I've laid it all out for you with Teacher Notes, Student Handouts, and a "Test" world created in Minecraft.

I give you a list of everything that we do in my classroom from Day 1 introduction to Day ?? when you give them their Minecraft Test.

Included in this set:

-Teacher Notes (My Minecraft Journey)

-Student Handouts (Agent Tutorials Checklist, Tutorials Checklist, NPC Documentation Sheet, and Reflection Sheet)

-FOUR Classroom Posters (Create A World Directions, Keyboard Instructions, NPC Poster, Tutorials List Poster)

-Test World (This is the world that I created in Minecraft to test my students. It includes four tasks for them to complete.)

I have also included directions on how to export a world to take to another computer.

Submit feedback to earn TeachShare credit!

Did you know that if you go to your "My Purchases" page, there is a "Provide Feedback" link? Click it to be taken to a page where you can give a quick rating and leave a short comment for the product. Every time you give feedback, TeachShare gives you credit that you may use to lower the cost of your future purchases!

***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.

Are you looking to start a robotics program in your classroom or school? This bundle has everything that you need! You get classroom posters that explain the programing blocks for the LEGO SPIKE Prime robot. You get the Robotics Training Table that prints out to cover a 4x8 robotics table. It has three different challenges to get your students comfortable with their new robots. PLUS, you get two more full curriculums that include: Challenges, Research Problem, Graphic Organizers, Teacher Notes and more.

This bundle includes the following resources:
LEGO SPIKE Prime Poster Set

Robotics Training Table

Robotics Curriculum: Men, Mazes, & Trucks

Robotics Curriculum: Radioactive Relocation

Submit your feedback to earn TeachShare credit!
Did you know that if you go to your “My Purchases” page, there is a “Provide Feedback” link? Click it to be taken to a page where you can give a quick rating and leave a short comment for the product. Every time you give feedback, TeachShare gives you credit that you may use to lower the cost of future purchases!

Click HERE to subscribe to Reece’s Tech Shop!

Click HERE to subscribe to my YouTube Channel for video Tech Tips.

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

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 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: