Creating Your Website

You should by now have an account on ieng9, in which case you are all ready to set up your own website. The first thing you will need to know is what your website's address is. Well, if you know your loginname, then here it is:

http://ieng9.ucsd.edu/~loginname

Of course, if you haven’t created a site yet, there will be nothing there. If you don’t know your loginname, see or email your TA.

The following instructions are designed to get your website up and running as quickly as possible. If you know anything about HTML, you may want to do a lot more than what is shown here. This course is all about creativity, and if you have ideas for embellishing your page, by all means, go ahead. However, please keep in mind the following guidelines:

• Your name should appear in the title of the page.
• A link to the M155 homepage should appear near the top of the page.
• A link to the M155 students page should appear near the bottom of the page.
• We should easily be able to tell which pictures go with which assignments.

Other than that, you are welcome to have fun.

Now we’ll start with instructions to set up your page:

Step 1: Create an index page

1. The best way to start is with a sample. So go to this sample page, save it (View -> Source, then Save As: call it sample.html) and come back here.
2. Open this sample.html with Notepad, or another simple text editor. Do not use Word, it doesn’t show you the HTML.
3. There are lots of comments in the HTML file. Read them, and use them to understand what’s going on. Once you do, you can delete the comments.
4. Make whatever modifications you want, and save it as ‘index.html’

Step 2: Create an image

1. Open your assignment 0 Mathematica notebook.
2. Right click on a picture you like. Select Copy As -> Bitmap
3. Open a simple graphics program. For example MS Paint (under the Start-> Programs ->Accessories).
4. Click paste.
5. Resize the big white rectangle to be just a little larger than your image.
6. Save the file as a ‘.GIF’ (assignment0.gif would be a good name)

Step 3: Create an html directory on your account

1. Open an SSH program. (For example, Start -> SSH Secure Shell -> Secure Shell Client)
2. Use the server name (also called Host name): ieng9.ucsd.edu
3. Use the loginname and password that you were given for this class.
4. Once you are logged in type the following commands:

· chmod 711 ~

· mkdir public_html

· chmod 755 public_html

(These commands create a directory for your web page, and allows web browsers to look inside it.)

Remain logged in. We’ll be back here in step 5.

Step 4: Copy the files to the ieng9 server

1. Open an FTP program. For example, (Start -> SSH Secure Shell -> Secure File Transfer.)
2. Use the server name (also called Host name): ieng9.ucsd.edu
3. Use the loginname and password that you were given for this class.
4. Go the directory where your files are saved (eg. My Documents) on the ‘local’ side.
5. Go to the public_html directory on the ‘remote’ side.
6. Drag the files you want to move (index.html and assignment0.gif in this example) from the ‘local’ to the ‘remote’ side.

Step 5: Set the permissions for your files

1. Switch back to the SSH window. (If you closed it, do items 1-3 in step 3)
2. Go to the public_html directory by typing cd public_html
3. If you wish, you can see the names of all your files by typing ls
4. For each file you added in step 4, type chmod 744 filenames (where filenames is the name of each file separated by spaces).

Step 6: Look at your page!

1. Open a web browser and go to http://ieng9.ucsd.edu/~loginname
2. Enjoy!

To modify your page in the future, just follow all the above steps (except 3) again. For step 1, you should use your already existing page as the sample. Good luck!