Making your first web page

1. Create a folder called i5 (this folder will be where all your files for your site go and you should bring this entire folder to class each week.)

2. In the i5 folder, create a folder called ‘images’
Put your sized jpgs in this folder.

3. Launch Text Wrangler and copy this to any html file you create:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<html>
<head>
<title>Page Title</title>
</head>

<body>
All of your page content - images, text etc will be contained
between the body tags. 
</body>
</html>

Saving files conventions:
– index.html for front page
– file_name.html for other pages (i.e. series_name1.html, series_name2.html, etc.)

You can test your html pages by dragging the html page onto any web-browser. If links are working, you can link from page to page.

When your files are working correctly, upload the contents of your i5 folder on your computer to your public_html folder on i5 using fetch.

FOLDER WITH SAMPLE HTML PAGES IS IN OUR GOOGLE DOCS FOLDER.