Shape of the Day:

• Complete Web Development 10 Page
• Complete questions about the Internet and Websites
• Access Visual Studio – it’s time to code!!
• Follow instructions to get comfortable with some HTML basics

Website of the Day:

http://hackertyper.com/ – Flex your sick typing skills…. just don’t break the keyboard please!

1. Double check yesterdays lesson – ensure your Web Development 10 Page is completed and added to a menu (so I can click it)

2.  Let’s learn about the Internet and Websites

• Here’s a graphic on how to get your website online
• What even is the internet? Let’s watch here
• Here’s a pretty cool graphic on how to BUILD your website
• With a partner or on your own, answer the following questions using this website – click on “start reading”
  • What is the internet?
  • What is an IP address?
  • How does a domain name relate to it?
  • What is a webpage vs a website?
  • What is a browser? What are some examples?
  • For a domain name, how can you create and register one?
  • What is a web host and why is it necessary to have one?
  • What tool must you have to write HTML code?

3. HTML Basics – Let’s learn how to start from scratch:

• Ensure you have the Web Development 10 folder created on your synced one drive folder
• Access Visual Studio Online Version here
• You should see two tabs at the top, Get Started and Release Notes. You can close both of these tabs.
• Click on the three lines at the top left > File > New File
• Save the file in your one drive folder and ensure you add .html to the end of the file name – for example mywebpage.html – otherwise it won’t recognize it as an html file
• To see the changes you make from your code in Visual Studio, make sure you have the webpage file open and be sure to hit refresh after making changes.
• Now follow this tutorial on HTML to get you started.
• Create a folder on your Web Dev 10 one drive folder called HTML Basics. You will save your practice webpages and images in this folder.
• Go back to the website of the day and see if you recognize any code or patterns with HTML.
• Open these instructions on how to organize your html code
• Add text, images, links and nested tags like a bold link, a bold paragraph and a LINKED image!
• Remember – HTML tags usually come in pairs (opening and closing tag) – all webpages must be saved as “filename.html”