CIT 040 Index > Editing Files

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 Textpad (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 Textpad 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 Textpad.

  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. Use whichever of these links you prefer.

    http://validator.evc-cit.info/
http://validator.w3.org/

    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 your favorite FTP program. In Filezilla:

    Address:evc-cit.info
    user:web1nn
    password:whatever-your-password-is

    (where nn is your user number), then click QuickConnect

  11. Make sure you are in the same folder on the client side of the screen (in Filezilla, the left half) as the server side (the right half). In this case, you should have

    F:\public_html\assignments on the left
    /home/web1nn/public_html/assignments on the right

    Notice that the parts of the file names in black match exactly. If they don’t match, you are uploading to the wrong place!

  12. Drag the file you want to upload from the client side to the server side.

  13. 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://evc-cit.info/~web1nn/assignments/testfile.html

  14. If you need to make further changes, go back to step 4.