Note: If you want to learn more details of HTML and web page development, use the links provided on the template page or the links in your syllabus. The following will give you the basics needed for changing/adding images and links to your page. 1. Some of you have given me a photo or graphic to be scanned. Before you can use the image on your web page you may need to create an image directory in which the program can find the photo. Go to the Rocko prompt & get into your "public_html" directory by typing the following:
cd public_html
2. Check to see if you already have an images directory by typing the following: ls -al 3. If you do not have an images directory, type the following:
mkdir images
3. Next you need to find your image file. If you gave me a photo, I scanned it & e-mailed it to you. Just click on the image icon, and when the window pops up, select "save it to disk." You can either save it to the a drive if you have a floppy or save it to C:\Temp if you do not have a floppy. Remember the name of the file and remember where you put the file. 4. If I did not scan a photo for you, you can copy one from the web. See Week 3, " Save images on the web and send electronic postcards" for instructions if you do not remember how to save images on the web.
5. Use WS-FTP to copy your file from the machine in front of you to your images directory. Double click to open WS-FTP, select Rocko for the host and type in your Rocko user id (login name) & your password in the appropriate boxes. Click on connect. After you connect, the right side of the screen will show you your home directory on Rocko and the other side of the screen will show the directory of the machine in front of you.
6. On the right side, click on public_html. Then click on images.
7. On the left side, click on the two dots at the top until you get to the C drive & then click on Temp, if you saved your image in C:\Temp. If you saved in on the A drive, go to A. 8. On the left side, click on the name of your image file. Then click on the arrow in the middle of the screen that points from left to right.
9. You should see the name of your image file on the right side of the screen. Now you need to log onto Rocko using telnet, get into your public_html directory and type:
pico index.html
10. Move the cursor down about six lines to: (H1)(imc src="/images/3dlogo9.gif')Another Rocko Home Page(/a)(/H1) and note the following:
H1 tells the program the size of the text print.
"imc src" tells the program it is an image.
"/images/3dlogo9.gif" tells the program where the file is and what type of an image it is.
For this default image, the LINUX image, the location starts with a "/" which means it is located in the root directory of the system. Since your image is in your "public_html/images" directory, delete the "/" in front of images.
9. Backspace through - 3dlogo.gif -
10. in the space created enter the name of your image file located in your "public_html/images" directory.
11. Use ^ o to save.
12. alt-tab to NetScape and reload.
Note: You can use the same process to change the color line, background, icons, and photos. How to find such images? On the Web of course! Use Altavista or another engine to search for them!
