Add Links and Pictures to your website's home page (index.html)
Goal: When you are done, you will be create and view pages with new titles, pictures and links. You will be able to click on a link on your home page to get to see your second page, like this example. To accomplish this goal, you add a new page to your website to have a title, links, and background pictures and images, plus create one new page (second.html) that you can get to from your home page. Create 4 different types of links: to websites, email addresses, bookmarks, and to another page of your own.
Step by Step instructions follow:
Step 1: Make all the changes listed below. Use either written or movie instructions.
| Change to your Web Page | Written Guide | Movie Guide | SeaMonkey Option |
| Open your my public html folder on your computer or bring down files from panther | Written Guide - one for all skills | Getting Started | |
| Create a new page | Create a new page | File/ New | |
| Change your page title | Set the title | Format / Page Title | |
| Add a link to another web site | Create a link to a web site | Insert Link starting with http | |
| Add a link to an email (only works if you have an email client) | Create a link to an email address | Insert Link starting with mailto: | |
| Add a link to another spot on your own page | Create a link to another spot on your own page | Insert Link starting with # | |
| Add a picture | Insert Image | ||
| Add a background picture | Set a background picture | Format / Page colors and background | |
| Add a link to another page in your site | Create a link to another page in your site |
Insert Link |
Step 2: Upload your new index.html page and all your new pictures and pages onto panther using the steps below.
| Step | Written Instructions | Movie |
| A | Connect by SFTP to panther: Use FileZilla to connect to panther.adelphi.edu. ( file / site manager, and then hit your site button and then press connect. The host is panther.adelphi.edu. The servertype is SFTP. The logon type should be normal or 'ask for password' and then enter your ecampus username and press connect.) When connected, you will see your panther account files in the remote window. | Copy files from your PC back to panther (Be sure to copy all files- the movie only copies index). |
| B | Point FileZilla to the correct folders: Change FileZilla's "local site" to c:\my_public_html and change FileZilla's "remote site" to /home/<your account>/public_html. This is Very important. (You want to be sure both sides of your mirror are set. You want to see panther's index.html on the right side and you want to be looking at your latest copy of index.html in your mirror folder on the left side.) | |
| C | Pass your changed file back to the internet: In Filezilla, check again that the local side shows mypublichtml and the remote site shows public_html. Drag the index.html file back up to panther by double clicking on index.html on the local (left) side. It should ask you to overwrite the existing file, and you will need to say yes. (This step copies the changed web page from your system to panther. It is very important that you put that index.html file into public_html, because when you look at your website in the browser, it will pick up the file that is called index.html in public_html.) | |
| D | For problems, post to the social cafe | |
Step 3: Open your Web Browser to make sure you can see the new changes on your web site. Don't forget to press refresh.
| Step: | Written Instructions | Movie |
| A1 | See your web site on the internet: Look at your web site using
a web browser (i.e. internet explorer) to see home.adelphi.edu/~<your
panther account>, and be sure to press refresh. See your changes. If
you have problems, please post to the Help Discussion board. (You get
your panther account name from looking at filezilla. It will be right
above public_html, or after /home. It will have 2 characters and 5 numbers
probably. For example, my address is home.adelphi.edu/~pe16132.) |
Check your work |
| A2 |
If you do not see your background picture
|
Fix your background |
| A3 | If you do not see your pictures (not your background) | Fix your pictures |
| A4 | If you have other problems, this set of debugging tips might help | |
| B | Ask someone else to check your site from their computer | |
| C | For problems, post to the general discussion board | |
Rarely, but occasionally, the problem will be that your file permissions are incorrect. They would have been set correctly when you ran goweb to create your site. Here are instructions if file permissions are a problem.