First Web Page Editing Assignment

Dear student. Please follow the instructions below to edit your first web page.

  1. Print this page from your Web browser. Once you have the printout in your hand, close this page.
  2. Dr. Estrella has created Web space for you on his server. To see your page live on the Web, type http://www.stevenestrella.com/firstname/index.htm into your Web browser's address bar and press return. Just substitute your first name for the word firstname in the address.
  3. Once you are viewing your page on the Web, view the source code using the View Source code option usually under the view menu of your Web browser. Select all the text and copy it using the Copy command under the Edit menu.
  4. Make a folder on your hard drive called mypages.
  5. Launch your text editor (TextWrangler [see barebones.com] on Mac, NoteTab Lite [see notetab.com] on Windows)
  6. Paste the code you copied to a new text file. Change the text a bit by substituting your name when indicated in the code. Save it on your hard drive as index.htm in the folder you created called mypages.
  7. Go back to your Web browser and choose Open from the file menu.
  8. Locate the index.htm file you just created and open it to see it in your Web browser.
  9. Notice that the address bar in your browser now begins with the word file instead of http. This means you are viewing a web page that resides on your hard drive rather than one residing on a web server.
  10. Leave your Web browser running and get into your text editor again.
  11. Edit index.htm again to add a short paragraph of any text you like. Add the text immediately before the code </body>. Save your work.
  12. Go back to your Web browser where you should still see the index.htm file on the screen. Click the reload button to see your changes.
  13. Upload your new index.htm file to the Web server space assigned to you by Dr. Estrella. See the e-mail from Dr. Estrella for instructions.
  14. Send an email to Dr. Estrella when this assignment is complete.
  15. After Dr. Estrella reviews your work, you may alter this page however you would like. For example, you would probably like to use this page to list all the assignments you create during the rest of the semester. For a model, see http://www.stevenestrella.com/astudent/index.htm