Hello and welcome!
In this activity, you'll remix a traditional school schedule into something fantastic to have some fun at the start of a new school year.
First, you'll change the title of the webpage using HTML, the language of the Web..
Then, you'll change all of the usual, traditional classes on a school schedule into fantastic classes garaunteed to teach amazing things.
Finally, you'll change the credits on the webpage using HTML so that people know you remixed this page.
To change the title of Remix My Schedule, you'll edit HTML, the language of the Web.
Go to line . Find the text between the h1 tags.
In HTML, h1 tags and most others have an opening tag and a closing tag, and in the closing tag a / goes in front of the tag itself, like /h1. Brackets - like this <> go around each opening and closing tag. Check out the code to see what I mean.
h1 tags alone. For example, you might call this page 'Best Schedule Ever' or 'My Amazing Classes.' The idea here is just to get some practice changing text so you can see how your webpage changes when you change the HTML.
To change the classes on your schedule, find the list on the page. It is an unordered list with ul tags. Unordered lists use bullet points on a webpage, while ordered lists use the ol tag to make numbered lists.
Each item in a list is surrounded by list-item tags, or li tags.
Change each class in an li tag so that it becomes some kind of unbelievably cool class you would love to take. Make one of the classes your "best class ever" from our opening activity.
For example, a remixed schedule might look like this
- Class 1: Game Design for Beginners
- Class 2: Sneaker Customization 101
- Class 3: Oraganizing Youth for Change
- Lunch
- ...and so on.
Be careful to tag each item correctly and to use a / to close each tag at the end of a line.
Now that you've done all this work, give yourself credit for a job well done.
Go to line and add 'Remixed by [you].' Use your first name or initial. Don't use your last name or give out any other personal information here. If you wonder if you should use your initial or name, ask a teacher for advice.
The 'CC-BY' line here means that the page is licensed for other people to remix as long as they give the original maker credit. This kind of license is called a Creative Commons Attribution license because when you atribute something to someone, you say 'This was made by' whoever made it.
Congratulations on remixing HTML!
If you'd like to explore and remix more of the page, you can remix the stylesheet file in the left sidebar called style.css. CSS stands for 'cascading stylesheet.' A stylesheet tells different parts of a webpage how to look. Change some of the number values you see in style.cssto find out what happens to your page. Messing with things like color or font-size ought to cause big changes to your page.
Even though you can include CSS on a webpage like index.html, we often save our .css files (and other files, like .js or images) separately so we can keep our code clean and use our .css files on several different webpages at once.
If you're interested, try to find the background-colors and font colors in the stylesheet and change them to match your school colors. You can find HTML color codes at sites like this color picker.
Be sure to save, reload, and test your page often so you can undo any changes that completely break it.
When you're ready to share your postcard, click 'Publish' in Thimble follow the link you get to see your new webpage.
Once you've saved your page, copy the URL and send it to your teacher or ask your teacher to write it down for you. You can visit that web address from any Internet-connected device to share your work with family and friends.
Share the URL with your family and ask your family members about their favorite classes and the fantastic things they want to learn next. You can remix their ideas into your make!
Great job! You finished the tutorial! You can make your own tutorials for others to follow
by adding a tutorial.html page to any Thimble project.