Let's get started with a Web Page!
- Login into your Code.Org account.
- Click the Create button.
- Choose: View All Projects
- Choose: Full List
- Choose: Web Lab
- Choose: Rename
- Change: Unnamed Project to My First Web Site
- Click on the index.html file.
- Add this code after Line 3:
<title>put-your-name-here's Web Page!</title>
- Replace put-your-name-here with your name.
- Add this code on Line 8:
<h1>put-your-name-here's Web Page!</h1>
- Replace put-your-name-here with your name.
- Search the web for an image file and save that image file to your desktop.
- Click: Add Image
- Click: Upload File
- Go to your Desktop
- Click on the image file you just saved.
- Click: Open
- Click on your index.html file.
- Add this code after Line 8:
<img src="put-name-of-your-image-here" style="height: 200px; width: 200px;" alt="put-alt-text-here" />
- Replace put-name-of-your-image-here by pasting the URL of your image file.
- Replace put-alt-text-here with some text that describes your image.
- 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>
- Click: Refresh and Save