No products in the cart!
Please make your choice.View all catalog
Written by Eva Yeung of BSD Education
At a school we currently partner with in the UK, Dr. Taylor and his Code Club students shared their holiday cheers with their school community and the BSD Education team by including student coded digital holiday cards in their recent school newsletter!
This is such a thoughtfully refreshing and environmentally friendly way to spread some holiday joy. Try out this sandbox as a cool digital “arts and crafts” activity!
We have prepared a fun activity (approximate duration: ~ 60 minutes) with resources and video tutorials so that you can do the same with your students just in time for the holiday season. We recommend this activity for ages 8 and above.
For younger students, you can do this as a class activity. For older students, you can print out or display the instructions from step 7 to challenge them to figure out and tinker with the code.
Below is the sample output that we have created at BSD:
Login to BSD Online
If you and your students already have a BSD account, simply login. If you are new to BSD Online, click on “Sign-up” to create a new account. It is advisable to login as this will allow you to save your work.
Introduce HTML and CSS
Spend 5 to 10 minutes to introduce or recap about the use and syntax of HTML and CSS with your students. Use these resources to help you.
Open sandbox mode
Direct students to sandbox mode as shown below:
Copying code into HTML and CSS file in sandbox
To help introduce the code to your class, we have put together the coding snippets from below. Direct students to copy and paste each of the relevant code into the correct files.
Paste this into the HTML file:
<h2>Wishing you all the joy in the world!</h2>
<img src=”https://image.flaticon.com/icons/svg/1066/1066181.svg” />
Paste this into the CSS file:
font-family: ‘Lobster’, cursive;
border: 6px solid #b8dff0;
margin: 30px auto;
box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.7);
font-family: ‘Raleway’, sans-serif;
Save your work!
Click the “Save” icon under your profile picture to save your work! This is very important so that you won’t lose any work. Remind students to keep saving regularly.
Time to customize!
Follow this video tutorial to learn how to customize the different parts of this digital holiday card!
Share with your community.
Once students have completed their digital cards, ask them to click on the link icon and click the toggle for “share with others” on the top right corner of their sandboxes. Alternatively, you may want to share the cards using the QR code. Simply take a screenshot of the QR code and share via a communication application of your choice.
This project is so versatile that you can easily repurpose it after the holiday season as an event poster, invite or any other context for students to try out.
If you have any questions about this activity, reach out to us via our Intercom system located on the bottom left corner of the screen. Happy Holidays!