This web page is here to show you what the code will look like when you make your first page. Please read each description and the look at the examples below. There are currently some restrictions that make it difficult to use this technique at school but, will work very well at home.
Be sure to ask any questions by putting them in your spiral notebook the teacher asked you to have for this class. If the teacher did not ask you during the class time, you are now being asked to get a spiral notebook for this class.
| The first step in creating a web page is to type some code in a word processing program. One of the most common programs is Notepad. A sample of the code required to make a minimum page can be seen below. The code is a series of commands called tags and are typed between the < and the > symbols. In the sample below, you should be able to find eight tags. Can you find the eight tags? |
Any questions about this first example? Write the question in your spiral. |
| After typing the code it is necessary to save the file you are creating. To save web pages correctly, they must be saved as text files and the file name must end with .htm. A sample of the screen you will see is below this section. It is best to save the files in a folder that will hold all of your work. As you can see, I chose to save my sample file in the folder "web." |
What about this example? Any questions? Check closely. |
| After you have saved your file, the Notepad screen title bar will change from "Untitled" to the file name you used. In this case I used the file name "firsttry.htm." Again, I have chosen to show a sample of what that title bar will look like. |
![]() |
| To find out if you have actually typed in the code correctly, you can open a browser like Internet Explorer or Netscape. There are others but these are the ones I use most often. You do not have to be connected to the Internet to view you newly created page. |
![]() |
|
After starting your browser, go to File, Open. Select the file you saved and see how well your typing worked for you. If you need to correct some typing errors, it is just a matter of going to Notepad and typing the correct words and code. You can add new tags to your file and view how well those tags worked by repeating the steps listed on this page. |
![]() |
|
It is time to try it out for yourself. One of the nice things about today's computer software is that you can have more than one program open at a time. So you can keep this page open to see what you are reading here and also have your Notepad software to do your work. Change the size of the browser screen to only use half of the screen area and open Notepad to use the other half of the screen area. Type your code to read what you see on this page in the first graphic. Then view your own work on this browser after you save it as a text file with the ending of .htm. Good luck. When you finish looking at this second assignment, go to the Web class page and find out what you are to do for your first page. You will find it in assignment number 3. |