1. We are going to start here- click Remixes with X-Ray Goggles after you go to https://goggles.webmaker.org/en-US.

2. We looked at web code and altered it on that page- let’s check out some more pages. How can you view a webpage’s code? What do you notice? Does anything look familiar or recognizable?

3. Webpages are created using HTML and CSS. HTML and CSS tell a browser, like Chrome or Firefox, how a webpage should look and how to display its content. In very general terms, HTML controls the layout of content on a page while CSS controls how it looks (color, font, size, etc.)

Let’s continuing experimenting with Mozilla Thimble- https://thimble.webmaker.org/en-US.

4. Other tools- I talked about Notepad++ last week. Let’s take a look at it. To practice learning HTML and CSS we’re going to code in Notepad++ and preview our work in Firefox. To open Notepad++, go to the start menu or check your desktop (a short cut might be there).

Notepad++ is a free HTML editor. I like it because its helps with code by providing line numbers and color highlights. You can of course use regular old Notepad, which comes with every PC, or if you have a Mac you can use Text Edit.

How you save your file matters when working with Notepad or Notepad++. In order for your file to be understood as a webpage, and not just a plain text file, it must be saved with the extension .html. Once you have saved your file correctly and the computer understands it to be a webpage you can preview the webpage file in a browser. Exciting!

Some questions- how is your Notepad++ file different than what you did in Mozilla Thimble? When you preview your file in the browser, is it live? How is all of this different from your blog on the class website? How did you get your blog online and how might you get today’s file online?