Editing Files

These instructions are written presuming that you have your files on a removable USB flash drive F:, and that you have created the public_html and assignments folders as directed in assignment 1.

  1. Open your text editor (you will write your HTML here).

  2. Open Mozilla (you will view and validate your HTML here).

  3. If you are just starting the assignment, go to the text editor and open the template.html file, and then re-save it under the name given in the assignment.

    If you are continuing work on the assignment, open it in the text editor.

  4. Edit the file and add or change the HTML elements as required in the assignment.

  5. Save the HTML file on your “client-side” drive; in this example, the F: drive.

  6. Open the file in Mozilla to see if it looks OK. (Use the Open File... command in the File menu.) If you’re coming back to this step after making changes, make sure you click the Reload icon to reload the page, or you won't see your changes!

  7. If it doesn’t look the way you want, go back to step 4.

  8. If you haven’t validated your file yet (see information about validating HTML), open a new navigator tab in Mozilla. Check the file with the validator to see if the validator likes it.

    You don’t have to validate after every single change, but it is useful to validate your file periodically so that you don’t get too far down the road without checking things out.

  9. If your file doesn’t validate, or if you want to make other changes, go back to step 4.

  10. If it’s all OK, then upload the file to the server with Filezilla or Cyberduck or your favorite FTP program. (See Assignment 1 for instructions using Cyberduck.)

  11. To test that the file uploaded OK, type its web address. For example, if you uploaded a file named testfile.html, you’d use this URL:

    http://citstudents.info/~web1nn/assignments/testfile.html
  12. If you need to make further changes, go back to step 4.