|
Quick Menu
|
2. Modifying Your HTML Document
Now that you have created your first HTML document, you will now learn how to quickly and easily make changes in your web page and view the updates within your web browser.
RE-OPENING YOUR WORK SPACE
To complete this lesson, firstly you will need to open your web browser and re-open the text editor window you used in the first lesson. Here are the steps for re-opening your workspace (remember that the exact name of the menu commands may be different depending which web browser you are using):
- First, open your web browser.
- Select Open File... from the File menu.
- Press Browse and, use the dialog box to find and open the file you created, "space.htm"
- You should now see the HTML document that you created in lesson 1.
- Re-open your text editor by clicking VIEW, then SOURCE.
|
|
|
Site Stats
| There are 2 users online | | click to see where | |
70,168 total unique visitors | | 231,558 total pageviews | | 85 visitors in the last 24 hours | | 79 total visitors today | | 231 pageviews today | | This page has been visited 3,611 times
| | get this script | | Most users online at once:
41 on 04/10/2005 |
|
|
|
|
|
|
MAKING CHANGES TO YOUR DOCUMENT
- Go to the text editor window.
- Below the text you already typed from the previous lesson, press RETURN a few times and type the following text:
Eazy Space Tours offers you special flights to and from
The Inner & Outer Planets. From the hot volcanic
surfaces of Venus, they may happen violently, in a massive
supersonic explosion, or more quietly, as a sticky,
slow lava flow. Or as far out as the snowy slopes of
Mt. WannaHockALoogie of Uranus with the best Ski fields
all year round.
Note that this text should be below the <body> tag and above the </body> and </html> tags at the bottom of your HTML file.
- Select Save from the File menu to update the changes in your HTML file.
RE LOADING THE DOCUMENT IN YOUR BROWSER
Return to the web browser window where the previous version of your file was displayed. Note that the new text you entered in the previous steps is not yet be visible. To see the changes, use the Reload button or menu item in your web browser. This instructs your web browser to read in the same HTML file and display it with whatever changes have been made. You should now see the new text that you entered.
Note that the web browser has ignored all blank lines and extra spaces (carriage returns) that you enter in the HTML file. It will also ignore any extra space characters (beyond the one between words) that you enter. However, when you are writing HTML, it will help you greatly to separate major sections by some blank lines or <!-- add comments through you code...--> when you need to go back and edit your code, it makes it easier to locate the correct location to make the changes.
Of course, there will be times that you want your web pages to have blank space between sections (e.g. between paragraphs). You just passed a location in this very page! In future lessons, we will learn how to do this.
Right Click Bonus
There is an easier way for you to load, view and edit your HTML pages. Simply right click on your HTML file and select open for your default web browser or open with to open with a different browser. To edit your HTML page right click and select open with and select your text editor to open your editing window.
CHECK YOUR WORK
Compare your document with a SAMPLE of how this document should look. If your page looks different than the example, review the text you entered in the text editor. Make sure it matches the text instructions in the Making Changes in Your HTML Document section of this lesson. After viewing the sample, you can close the window that opened.
Top of page | Previous Lesson| Lessons Index | Next Lesson
|
