Summary Checklist 1. Find The Webpage Template 2. Unzip The Webpage Template 3. Getting Ready To Edit The Webpage Template 4, Webpage Ready To Edit 5. Viewing Your 10 Pairs Of Files 6. Your Images In The "Img" Folder 7. Your Project Files In The "Bin" Folder 8. Open "Kompozer" 9. Open The Template File In Kompozer, 1/2 10. Open The Template File In Kompozer, 2/2 11. Ready To Edit The Template File In Kompozer 12. "Page Title And Properties", 1/2 13.  "Page Title And Properties", 2/2 14. Navigation Menu, 1/2 15. Navigation Menu, 2/2 16.  Maintain Active Links 17.  Ready To Insert Image 18. Locate The Image File 19. Open The Image File 20. Image Properties, 1/6 21. Image Properties, 2/6 22. Image Properties, 3/6 23. Image Properties, 4/6 24. Image Properties, 5/6 25. Image Properties, 6/6 26. Image Displayed And Linked! View Working Example, Based On This Visual Tutorial

Editing The Webpage Template With Kompozer  A Visual Tutorial About Assembling Your Online Electronic Portfolio On Your Website Tip: View This Webpage Full Screen (Press The F11 Key) Last Update: July 11, 2011 Summary Please refer to this location for free software to edit your webpage template. This visual tutorial describes how to use "Kompozer", a free HTML editor; however, you may use any HTML editor you like. After you edit, you will copy your files to your ULM website account. This visual tutorial describes how to edit the index.html file. When your files are online, you can access them from anywhere.  Q. So, I edit on my computer and then upload the entire template (with files) on my website? A. Yes. Edit on your computer and then upload the edited template. Checklist 1. Tip: It is a a very good idea to store copies of your files in a designated folder on a USB flash drive (USB flash drive = "thumb drive" or "jump drive"), as explained below. 2. In this example, let's assume that the course catalog number of a ULM course is "4567". So, create a folder called "4567" on your USB flash drive. (Note: Of course, change this folder name for your particular course number.) Use the folder as a storage area for files that you will later upload to your  online account.   3. Find about 10 or so files that will make up your interactive online portfolio. Then, copy those files to the "4567" folder.  4. How you name your files is very important. Follow these guidelines: If you use Word, Powerpoint, or Excel files, save those files as Office 2003 files. This ensures maximum compatibility. (When you save, make sure that you choose the "Office 2003" type of file format. So, instead of "proposal.docx", you want "proposal.doc".)   Don't use special characters or spaces in the file name. Generally, it's a good idea to just use lowercase letters, numbers, and the hyphen (-) character.   5. Later, you will use a free "FTP" software application ("FTP" = file transfer) to copy your files from your computer to your online website account; this process is called "uploading".  In this course, WinSCP software is used to upload files; you can use any FTP application for this purpose. For PC users, you can download the portable kit. A "portable" application can be saved and run from a a USB flash drive, without installation. So, when you click on the WinSCP.exe file, the WinSCP application will run directly from the USB flash drive. Note: You may use any FTP application you like. There are many kinds of FTP applications. (If you use a Mac, you may use the free "Filezilla" application.) 6. You can access an online file called "proposal.doc" using this URL or Internet address:  http://warhawks.ulm.edu/~yourlogin/4567/bin/proposal.doc Your ULM "login" is the text that you see in your ULM email address just before the "@" symbol:       yourlogin@warhawks.ulm.edu yourlogin This is the folder name. (This name will vary, depending on the course name.) 4567 This is the "sub-folder" name. (A "bin" is a container.) bin This is the name of this sample file. proposal.doc