Carol Collins Home Page

Make (on any computer) & Save Web Page to YOUR folder on the computer, personal.ecu.edu,

1. Make a web page by either of the following methods::

Use an HTML editor (DreamWeaver, or free Netscape (Composer) etc.)
Create a file in NOTEPAD that contains HTML and JavaScript code (see http://www.w3schools.com/ for the tags, that is code, that is needed). Save this file with HTML extension, like MyPage.html.
All graphics used should be saved as .JPEG, .JPG, or as .GIF (the gif files are the smallest generally) All graphics on all web sites are copyrighted. Use only graphics that (a) you make yourself using software like, MS Paint or Maya, (b) the web site owner has given you written permission to use, or (c) you paid to download from a site that allows you to do so, or (d) you downloaded from a site that says that you may download for free, like those at Microsoft at http://office.microsoft.com/en-us/clipart/FX101321031033.aspx?pid=CL100570201033
- To download a graphic from Microsoft, click the rightmost icon under the graphic you want. This will save the file to the clipboard. Then put your cursor on the desktop, right click, and select save.
- Your file is saved to the desktop., but it is NOT saved as JPG or JPEG or GIF.To save the downloaded MS image as one of these file types, open the file using MS Paint (On PC click, Start button --> Programs-->Accessories--> Paint), and then save as the file typeJPG or JPEG or GIF, using the drop down menu.

2. Save the web page and the graphics that you want displayed in your page into the same folder on your own computer and also save a copy of this folder on the web server. See the example on how to save to personal.ecu.edu.

Your computer must be logged into the internet . (That is you must be able to launch your browser and view a web site like Google. If you logon to a computer in A-209, you are automatically logged into the internet.)

ECU's web server, personal.ecu.edu is an "ftp" server. Thus, files must be saved using "ftp" file transfer software.

The browser, Internet Explorer (IE) may be used as the ftp software as described for our example.

Better ftp software, using encryption, is available for download on the web. Google "free ftp software" and download software that is truly free. Be careful--some sites are bogus and will give you a virus. "SmartFTPClient" is good free ftp software for your PC.

EXAMPLE: Suppose your web page (the program with the html tags that tell the browser to display your web page content to web site visitors) is saved as MyPage.html and in this file the browser is instructed to display the contents of the image file, Party.gif. Also suppose you want this to appear in the folder, Assignment_1 in your main folder on personal.ecu.edu

Open IE. Into the address text area, type ftp://personal.ecu.edu, and then press the enter or return key (or click GO).
You will see a login popup screen. Use your Piratemail ID and Password to login.
After successful login, you will now be in your own folder, named with your Piratemail ID, that is stored on the machine, personal.ecu.edu.
1. You will see a browser window with nothing displayed if you have never saved anything to your folder on the personal.ecu.edu computer. (If you have saved something there, you will see the files and folders.
2. To store MyPage.html and Party.gif into the folder, Assignment_1, do the following.
- In the ftp window, right click--> new--> folder. Name the folder Assignment_1. A folder icon should appear with this name in the ftp window.
- Click on the folder icon to open it. You should see nothing on the file list.
- Next, highlight on your desktop the icons for the files, MyPage.html and Party.gif.
- Click and drag these to the ftp window (which is open to the folder of interest, Assignment_1). You should see these two files listed in the ftp window.
- URL: Suppose your PIRATE ID is abc0101. The URL to your web page will then be

http://personal.ecu.edu/abc0101/Assignment_1/MyPage.html

NOTE:

Spelling is important. The browser CANNOT find a file whose name is not spelled as it appears in the file list on the web server.
See any changes you make to your web page. If you edit your web page, send the new version to your folder on personal.ecu.edu, you must "refresh" or "reload" the web page (see icon in top margin of browser window) to see the changes. If you do not refresh or reload, the web page is loaded will likely be the old one from cache (small special memory location where your computer saved the web page you were viewing).
Remember, images are assumed to be in the same folder as the html file, unless you tell the browser otherwise via the src property in the IMG tag.
Do NOT embed an image into your web page by typing a http:// URL for the src property because (1) it is rude to use other people's computer time to serve your web site, and (2) if the person who owns the web site deletes or changes the contents of the image file in the URL, your web site is degraded, and (3) if your own image file is on YOUR computer (your folder on personal.ecu.edu), you waste the visitor's time by making another call to the personal computer.