Let's get started with a Web Page!

  1. Login into your Code.Org account.
  2. Click the Create button.
  3. Choose: View All Projects
  4. Choose: Full List
  5. Choose: Web Lab
  6. Choose: Rename
  7. Change: Unnamed Project to My First Web Site
  8. Click on the index.html file.
  9. Add this code after Line 3:
    <title>put-your-name-here's Web Page!</title>
  10. Replace put-your-name-here with your name.
  11. Add this code on Line 8:
    <h1>put-your-name-here's Web Page!</h1>
  12. Replace put-your-name-here with your name.
  13. Search the web for an image file and save that image file to your desktop.
  14. Click: Add Image
  15. Click: Upload File
  16. Go to your Desktop
  17. Click on the image file you just saved.
  18. Click: Open
  19. Click on your index.html file.
  20. Add this code after Line 8:
    <img src="put-name-of-your-image-here" style="height: 200px; width: 200px;" alt="put-alt-text-here" />
  21. Replace put-name-of-your-image-here by pasting the URL of your image file.
  22. Replace put-alt-text-here with some text that describes your image.
  23. After the <body> tag in Line 7 add these lines:
    <nav>
    <a href="index.html" class="selected">Home</a> |
    <a href="table.html">Table</a> |
    <a href="form.html">Form</a> |
    <a href="multimedia.html">Multimedia</a> |
    <a href="javascript.html">JavaScript</a> |
    <a href="temperature.html">Temperature</a> |
    <a href="js_styles.html">JS Styles</a>
    </nav>
  24. Click: Refresh and Save