Organizing: you will need to
think through your directory (folder) structure, and the location of
files within that structure, fairly carefully. This is for your own
sanity, for the consistent arrangement of hyperlinks within the
website, and even sometimes for the URL (Universal Resource Locator,
a.k.a. 'address') that will appear in the address field of the browser.
For instance, I have organized my Chaco thesis so that the second part
of chapter 4 is located in the folder '4-ChacoArch', which is within
the folder
'Origins', which is within the folder 'Urban'. So the address in a
browswer reads:
http://www.calogero.us/Urban/Origins/4-ChacoArch/4_2-Landscape.html
Hopefully, that arrangement is somewhat intuitive both to me and to the
reader.
Lizzie's pages are under
http://www.calogero.us/Elizabeth
And I have created a directory for John's pages at:
http://www.calogero.us/John
Within that area, you can arrange your files as you see fit.
Uploading: Mozilla can upload
your web pages directly from Composer. Unfortunately, this function is
limited because you cannot create directories, nor delete files nor
directories, nor rename them once they are on the web.
On Windows I found the following free FTP client applications: BladeFTP, CoffeeCup Free FTP, Core FTP Lite, DeluxeFTP, FreshFTP, FTP Commander, FTP Works, JetFTP, RightFTP (thanks to Sofotex for collecting these links
and rating the software).
On Mac OS 10.4.x, I found Cyberduck
and RBrowser4, and
previously I have used the shareware FTPeel which also worked fine. On
Linux (SuSE 8.2 and 9.1) I used KBear. This time I used Cyberduck, and
it was great.
Modern FTP clients work pretty much the same way: you open an
application window, you establish a connection to your website, and put
files there, get files from there, delete files at the website, or
overwrite/rename/relocate files there. Some FTP Clients create two
windows: one into your local hard drive, one to the remote web server.
But for the local drive, your Explore window (Windows) or your Finder
window (Mac) work fine for the local connection. With Cyberduck I just
dragged this whole directory from my Mac directly onto the window into
my webhost's space, and it copied all the files to there.
Generally youw will need four bits of information to upload to a
website:
- The FTP hostname
- Your Username
- Your Password
- The initial folder or pathname (such as /www or /public_html)
Publish your pages and enjoy!
Using Mozilla itself to upload pages:
if you are using a pre-structured site, you may want to just use
Mozilla for uploading and updating files just so that you don't have to
learn another piece of software. In that case, Mozilla's own Help
section on "Uploading" is pretty well written. Here is an excerpt:
Publishing a Document
Tip: It's best to first save or publish your
page before you insert links or images into it. This allows
Composer to automatically use relative references for links and
images once you insert them.
To publish a document:
- Open the HTML document that you want to publish, or create a
new Composer document.
- When you're ready to publish the document remotely, click the
Publish button.
If you have published this document before, Composer remembers
the document's publishing settings and starts publishing the
document. While publishing is in progress, Composer displays a
publishing status dialog box.
- If you have never published this document before, Composer
displays the Settings tab in the Publish Page dialog box so you can
enter information about the document's remote publishing location.
See Publish
Page - Settings for more
information. When you're done entering information, click
Publish.
- If you have never saved the document, Composer displays the
Publish tab in the Publish Page dialog box, so you can enter the
document's filename. See Publish
Page -
Publish for more information. After entering the filename,
click Publish.
- To browse your published page, click the Browse button. Test
the page's links and make sure there are no missing images.
- Continue editing the page as necessary. When you're ready to
update the remote page with your changes, click the Publish
button.
When you publish a document for the first time, Composer changes
the document's file:/// URL to an http:// URL to
indicate that you are now editing the published document. If you
want to save the document locally (on your computer's hard disk),
click the Save button. You'll be prompted to choose a filename and
location on your hard disk for the document.
Tips for Avoiding Broken Links or Missing Images
- Make sure your Composer filenames end with the .html or .htm
file extension. Make sure your image filenames end with the .JPG,
.GIF, or .PNG file extension. Don't use spaces or other special
symbols in your filenames. Keep your filenames short and only use
lowercase or uppercase letters and numbers.
- If your images appear as broken links when you browse a
document on the web server, you may have forgotten to include the
images when you published. Open the File menu, and choose Publish
As to display the Publish Page dialog box. In the Publish tab, make
sure you check "Include images and other files" and then click
Publish.
For more troubleshooting tips, see Solving
Common Publishing Problems.
Updating a Published Document
To update a published document:
- In a Composer window, open the File menu, and choose Recent
Pages, then select the document from the list.
Alternatively, browse to the location of the document you want
to update by entering the document's HTTP address (the document's
web address) in the Navigator browser's Location field.
- Open the File menu, and choose Edit Page.
- Edit the document as necessary.
- When you're ready to update the remote page with your changes,
click Publish in Composer's toolbar.
Tip: To delete a page or image you've published
on a web server, you must use an FTP (File Transfer Protocol)
program. You also must use an FTP program if you want to create
subdirectories or to rename files on the web server. Ask your
service provider if they recommend a particular FTP program. You
can usually find information on FTP programs in the Help or Support
sections of your service provider's web site. FTP programs are also
available from shareware sites such as ZDNet Downloads.
back to Introduction
back to Web Page Anatomy
back to Hyperlinks
back to Formatting
back to Web Graphics