Use Notepad; "View source" of HTML coding
Return to home page.
1. Open Notepad. This is a program for creating, editing, and saving text files. The index.htm files you use for web
pages are text files.
* If you haven't used Notepad before, here's how to find it:
* Click the "Start" button at lower left of your desktop
* Click "All programs"
* Click "Accessories"
* Click "Notepad"
* Now the Notepad program should be open. If the window is small, make it bigger.
2. Go to Alice's web page (www.alicemclerran.com). Click on "My life"
3. "View source". On the "My life" page, click "View", then "Page Source".
(Note #1: Commonly used browser programs for PCs are Mozilla Firefox and Microsoft Internet Explorer. I prefer
Firefox. If you don't already have it on your computer, you can download it
here.
(Note #2: If you're using Internet Explorer, the option under "View" will be called "Source" rather than "Page source").
4. In any case, you should now see the index.htm file that controls the "My life" page. Type "Ctrl-A" to select all the
text in the file, then "Ctrl-C" to copy it. Close the browser program.
5. Return to the Notepad program, which should still be open. Type "Ctrl-V" to paste all the text you just copied onto the
Notepad screen.
6. On the Notepad menu bar, click "File", then "Save as". In the "Save as" screen, choose Desktop in the "Save in" box,
"index.htm" as the File Name, then click "Save"
7. Print (Ctrl-P) the "index.htm" file that you just saved.
8. Spend some time looking at the "My life" page on the computer screen, and comparing it with the printout page of the
index.htm file. In this way you'll start to get familiar with the html codes that you see in the index.htm file, and
understand how they control what appears on the web page.
Then, you'll be ready to make your own index.htm file from scratch, and view it on your screen as a "simulated web
page" (Walk-through #02).