Shape of the Day:
- Show Mr. Chastkavich Questions about HTML
- WordPress Review – Can you find your website from grade 9?
- Create a new Web Development 10 Page
Website of the Day:
http://hackertyper.com/ – Flex your sick typing skills…. just don’t break the keyboard please!
1. Ensure your HTML Questions are completed – Show Mr. Chastkavich
2. Find your website from Grade 9 on WordPress
- You can start by clicking the log in button at the top left
- Do you remember you username and password? Your username is your first name and the first letter of your last name, then the year you started at Terry Fox – mine would be travisc2016
3. Create a new page called Web Development 10
- Try to remember how to create a new page
- Call it Web Development 10
- Add details about yourself by using the following guiding questions (create a list using Notepad or Microsoft Word):
- Facts about you, like which elementary and middle school you went to or where you were before Terry Fox, where you grew up, how many languages you speak, activities or hobbies you enjoy, clubs at school you are a part of, describe your family, what kind of animals you like, if you have a job, your favourite food, movies, etc.
- Random thoughts, quotes, or famous people that inspire you
- Add images using http://unsplash.com/ or http://www.pexels.com/
***Here’s how you will be graded on your Web Development 10 Page:
- Exceeding Expectations (A)
- Includes 7-10 pieces of information
- Includes at least 3 images
- Includes more than 1 link
- Meeting Expectations (B to C+)
- Includes 4-6 pieces of information
- Includes at least 2 images
- Includes 1 link
- Not meeting expectations (C or lower)
- Includes 1-3 pieces of information
- Includes 0-1 images
- No links included
4. Extra WordPress Stuff
- Double check the code that was made as you were building your page. You probably were looking at the Visual Editor on your page while you were adding images, text, and links – well your code was being added in the text tab on the top right.
- Add something to your page and see what it looks like in the text editor. Using the menu at the top, try something you haven’t yet. Double check the Text Editor as you add things in the Visual Editor. Try highlighting something in the Visual Editor and see what it looks like in the Text Editor. Why might this be helpful in the future?
- Was it easy to add images? Why or why not? What happens to the image sizes on your page? How can you make sure your image is the proper size, not just for WordPress but for any webpage?
- Find the following HTML tags from your website: paragraph, heading, image, link, and bullets.
- Try out X-Ray Goggles – view and edit the code for one of the following websites: NHL – NBA – Wikipedia – Microsoft – Apple – Steam – Sony