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”