How to Use this Site
The HTML
Follow along in class as we progress through the HTML portion of this site.
- Read the information on the page - including any tabs and the sidebar (make sure to expand information when necessary)
- Use the "Try-it-yourself" editor to practice the skills for that page (click on the right side toggle)
- Read the HTML comment in the "Try-it-yourself" editor and follow the directions
- Take a screenshot (Shift-CMD-3) of the editor when you are finished
The CSS
The CSS portion of this site is intended to be used in conjuction with the game "Tralatigid". Each stage of a quest in the game will bring you to a different page with different problems to solve.
- Read the information on the page - including any tabs and the sidebar (make sure to expand information when necessary)
- Use the "Try-it-yourself" editor to practice the skills for that page (click on the right side toggle)
- The quest stage lists the guidelines
- Sometimes the HTML/CSS windows have helpful comments with necessary information
- Take a screenshot of the "Try-it-yourself" editor to record your progress when you complete that stage (Shift-CMD-3)
- Complete the quiz at the bottom of the quest stage
- Move on to the next stage or quest