First, you are going to create a folder on your desktop named “HTML.” You will then create a template using Notepad (a basic text editor). Next, you will save the template to your HTML folder on your desktop as the file “template.txt.” You can then use your template over and over as a pattern to create html files. Next, you will use your template to create your first html file named “notebook1.html” that will also be saved to your HTML folder. You will be able to open and view your template.txt and notebook1.html files in Notepad (basic text with html code visible) so that you can make changes to your html code. You will also be able to view your notebook1.html file in Internet Explorer as a Web page (should look similar to a real Web page with all of your html code hidden).

1. Create an html folder on your desktop

a. Close everything so that you are looking at your desktop.

b. RIGHT CLICK on your desktop (be sure your mouse is not on top of a desktop icon when you do this). A menu should appear.

c. Mouseover NEW on that menu. Another menu should appear.

d. Left click on FOLDER on that second menu. A new folder should appear on your desktop with the words “New Folder” below it in a white box.

e. Type HTML, and “HTML” will replace the words “New Folder.”

f. Hit ENTER. You should now have a new folder on you desktop named “HTML.” This is the folder where you will save all of your work, such as your template and any html files you create using notepad.

2. Create a template using Notepad

a. Left click START (usually in the lower left corner of your screen). A menu will appear.

b. If you see NOTEPAD on that menu, left click it, and a new window should appear that says “Untitled-Notepad” in the blue title bar at the top. If you do not see NOTEPAD on that menu, then do the following: i. Mouseover ALL PROGRAMS. A new menu should appear. ii. Mouseover ACCESSORIES (should be near the top of the list on that new menu). Another menu should appear. iii. Left click NOTEPAD. A new window should appear that says “Untitled-Notepad” in the blue title bar at the top.

c. Now that you have Notepad open, left click FORMAT in the menu bar at the top of the Notepad window. A menu should appear.

d. Be sure that WORD WRAP is checked on that menu. e. Now enter all of your html code and content for your template in the white section of the window. You have now created your template, but do not close this window yet.

3. Save your template to your HTML folder

a. Left click FILE in the menu bar at the top of your Notepad window. A drop down menu should appear.

b. Left click SAVE AS. A new window should appear that says “Save As” in the blue title bar at the top.

c. Near the top of the “Save As” window you should see SAVE IN: with a white box to the right and a blue arrow to the right of that. If “HTML” is showing in that white box, then precede to step “d.” If anything besides “HTML” is in that white box, do the following: i. Left click on the blue arrow to the right of the white box. A menu should appear. ii. Look under DESKTOP on that new menu, and you should see your HTML folder. Left click on your HTML folder. You should now see “HTML” in the white box to the right of SAVE IN:

d. Near the bottom of the “Save As” window, you will see FILE NAME: with a white box to the right. Replace the text in the white box with “template.txt” (do not use the quotation marks around the file name). Be sure to use all lower case with no spaces in your file name.

e. Left click the SAVE button in the lower right hand corner of the window. Your template.txt should now be correctly saved in your HTML folder on your desktop.

f. Close everything so that you are once again looking at your desktop.

4. Create an html file using Notepad

a. Make sure that you are looking at your desktop. Double left click on your HTML folder. Your template.txt file should now be visible.

b. Double left click on your template. Your template should open in Notepad.

c. Now create your first html page by adding to your basic template. Do not close the Notepad Window.

5. Save your html file to your HTML folder

a. Left click FILE in the menu bar at the top of your Notepad window. A drop down menu should appear.

b. Left click SAVE AS. A new window should appear that says “Save As” in the blue title bar at the top.

c. Near the top of the “Save As” window you should see SAVE IN: with a white box to the right and a blue arrow to the right of that. If HTML is showing in that white box, then precede to step “d.” If anything besides “HTML” is in that white box, do the following: i. Left click on the blue arrow to the right of the white box. A menu should appear. ii. Look under DESKTOP on that new menu, and you should see your HTML folder. Left click on your HTML folder. You should now see “HTML” in the white box to the right of SAVE IN:

d. Near the bottom of the “Save As” window, you will see FILE NAME: with a white box to the right. Replace the text in the white box with “notebook1.html” (do not use the quotation marks around the file name). Be sure to use all lower case with no spaces in your file name.

e. For SAVE AS TYPE: left click on the blue arrow to the right of the white box beside “Save as type.” A menu should appear.

f. Choose ALL FILES.

g. Left click the SAVE button in the lower right hand corner of the window. Your notebook1.html file should now be correctly saved in your HTML folder on your desktop.

h. Close everything so that you are once again looking at your desktop.

6. View your html file using Notepad

a. Make sure that you are looking at your desktop. Double left click on your HTML folder. Your notebook1.html file should now be visible.

b. RIGHT CLICK on your notebook1.html file. A menu should appear.

c. Mouseover OPEN WITH, and another menu should appear.

d. Left click NOTEPAD. Your notebook1.html file should open in NOTEPAD so that only basic text with html code is visible.

7. View your html file using Internet Explorer

a. Make sure that you are looking at your desktop. Double left click on your HTML folder. Your notebook1.html file should now be visible.

b. Double left click on your notebook1.html file. Your notebook1 html page should open in Internet Explorer as a Web page (all html code should be hidden).