KompoZer

• WYSIWYG HTML editor
• FTP
• aka Komposer aka Composer

KompoZer ScreenShot

Install KompoZer to manage a single website easily

Download

Outside KompoZer (Prep)

1. 1. Download and unzip from the above download link
      • This application does not need to be "installed", just unzipped on the HD.
      • It may be a good idea to keep it in "Documents" instead of "Programs" for file permission reasons.
   2. Verify with an independent FTP client application (WinSCP for instance) that your FTP user and password allow you to upload, download and delete files in your target location (Optional: but obviously a good idea)
   3. Create a folder on your local HD to store your files (Optional: local copy is not actually a requirement, but never hurts!) For easiest install, local file should be empty to start.

IN KompoZer

1. 1. Create new FTP Link/"Site"
      1. (Top Menu) Edit -> Publishing Site Settings
      2. New Site (button)
      3. Site Name: Description to help you identify the site. No one will ever see it outside KompoZer
      4. Web Site Information: http://yoursite.com/index.php (or whatever it actually is, has no effect for simple sites)
      5. Publishing Address: ftp://yoursite.com (ftp:// is required, then the IP or DNS/Domain name of your ftp server. Note that the folder name is apparently ignored.)
      6. Select Directory: Only for "local websites" if your PC is the server. Will populate "Publishing address" if you use it.
      7. User name: ftp user
      8. Password: ftp pass
      9. Save password: (unless you want to enter it every time you save a file!)
      10. OK
      11. OPEN SOURCE SOFTWARE: You may have to exit the program to see the new site in your "site manager" pane on the left. If you closed the site manager pane, it can be opened by F9 or "View->Show/Hide->Site Manager".
   2. Modify a page to test
      1. Click the + to expand the new Site in Site manager. If your credentials are correct, the system will reach out and grab the web page list.
      2. Double Click on any "html" page to view it in the Editor pane.
      3. File -> Save As (Choose the Empty Folder you created)
      4. Make a single word change (add or delete)
      5. In the Icon bar, press "Publish"
      6. Here you can choose which site to push this file to (presently only one in the list, no choices to make).
      7. You can also select a subdirectory to place the file in (not for this exercise)
      8. Check the box for "Include Images and other files"
      9. Check the radio button for "Use same location as page".
      10. Note that the file has appeared under the name of the site (will not appear there until you PUBLISH as this is the list of files on the SERVER).
   3. Add Image (and Alt Text which is required in some cases ... A couple words to describe the image)
      1. Click the Image icon and use the "Image Location" browser button (the little folder) to choose an image, then set the attributes (At LEAST set "Appearance -> Align Text to Image -> Wrap to Right (or left)
      2. Top Menu -> Insert Image (same note as above)
      3. Drag n Drop -> I hope anyone on this page can figure out how to drag and drop an image. If you use this method, you should then click on the image and use the "image" icon at the top of the page to set "Appearance -> Align Text to Image -> Wrap to Right (or left)".

Notes

• Note: There are TWO copies of the files with this method. Local and Published.
• If you "Publish" without "Save" or "Save" without "Publish", they may not be the same. Beware. Either do both (SAVE and PUBLISH) all the time or do not bother with the local copy.
• Each time you Save, the system will prompt you to overwrite the previous file.
• If you Navigate to "Get an Image" (instead of drag-n-drop), you will need to navigate back to the "save" location to save your next file! Drag-n-Drop is thereby recommended.
• Drag-n-drop from program folders or many other folders may fail. The image may appear, but will not be copied to the remote site ... breaking the link to the image. Solution: copy the image to your web site folder first, then drag into the KompoZer page from there.
• If an image fails to show in the final page, delete it from the KompoZer web page, copy it to the same local folder as the .html file (or into a sub-folder of KompoZer itself!) and then add it to your KompoZer web page again from its new location.