HTML Basics:
Icon: FrontPage Publish Web

Title: Jan's Illustrated Computer Literacy 101
españolIcon: Change web
Did you want IE9+, Chrome, Firefox; Notepad? Icon: Change web



The pages you create with FrontPage are usually meant to be seen over the Internet. Normally you first create and edit a web on your own computer and then publish it with FrontPage to a web server. 

FrontPage copies the pages, images, and all the other files that you used plus the files and folders that FrontPage created itself. The code for some of FrontPage's special features, like themes, shared borders, and included pages, may not be written to the page until you publish. Until then, there is just a webbot comment about the feature on the page.

If your web server does not have FrontPage extensions installed, many of the advanced features that FrontPage creates so easily will not work.

The information in the various FrontPage reports can help you prepare for publishing.

Toolbar: Reporting - Reports expanded

Reporting Bar

 


Where you are:
JegsWorks > Lessons > Web

Before you start...

Project 1: Browser BasicsTo subtopics

Project 2: HTML Basics
    HTML CodeTo subtopics
    About HTML
    What You Need
    Code by HandTo subtopics
    WYSIWYG
    FrontPage/FPXTo subtopics
    Images in HTML Arrow - Subtopic open
    Icon: FrontPage FrontPage Arrow - Subtopic open OR FPXTo subtopics
    icon-footprintInsert Image
    icon-footprintMore Images
    icon-footprintInline Images
    icon-footprintReplace Image
    icon-footprintImage Link
        Align & Space
    icon-footprintAlign Images
        Image Issues
    icon-footprintSave Page
    icon-footprintEdit/Convert Image
    icon-footprintPictures Bar
    icon-footprintPublish Web
    FormattingTo subtopics
    TablesTo subtopics
    Print
    ConvertTo subtopics
    Summary
    Quiz
    ExercisesTo subtopics


Search 
Glossary
  
Appendix



Before You Publish

Before you let the world see what you have written, you should make sure everything is in good working order.

  • Broken links: Use the Broken Links report to find and correct broken hyperlinks and images.
     

  • Clean up unused files: Use the Unlinked Files report to find unused images and pages. Delete them or move them to a folder outside the web. Do not delete permanently them until your SURE you won't need them again. Also, you may have temporary or practice documents that you don't want to keep.
    WarningImages or files that are called only by a script will show up as "unlinked".
     
  • Publish Status: Check the Publish Status report to make sure the correct files are marked "Don't Publish". You may have some pages that aren't ready for publishing yet.
     
  • Components: If your web is on your local server, check the features that depend on FrontPage extensions, like hit counters and Search pages.  (You will not be able to check the emailing of form results on a local server.)
     

  • Spell check
     

  • Proof-read: Check for grammar errors, copy and paste errors, typos, errors of fact.
     

  • Navigate: Test all links with a browser. Do they go where you wanted? Just because a link is not broken does not mean it goes where you wanted it to go!
     

  • Appearance: View all pages in a browser and verify that they look right and that the title in the Title bar is appropriate.
     


Reporting Bar

Toolbar: Reporting

To access the various reports that FrontPage can create, you can click Button: Reports the Reports button on the View bar. The first time in a session that you use this button, FrontPage will create the Site Summary, which has links to the most frequently used reports. It may take a few minutes if you have a lot of pages. After you choose a report, to get back to the Site Summary you must use the Reports drop list on the Reporting Bar. This toolbar appeared when you clicked the Reports button.


What Does Publishing Do?

When you publish a web, FrontPage does a number of things:

  • Copies whole web: Re-creates all the folders and copies all the files in the web (pages, images, scripts, stylesheets, etc.)
     

  • Links: Makes any changes needed so that all the hyperlinks and paths work in the new location.
     

  • FrontPage features: Writes HTML code to the page for features like themes, shared borders, and included files. Before publishing in the code for the page there is only a webbot comment that defines the feature.


Icon Step-by-Step

Step-by-Step: Publish Web

 Icon Step-by-Step

What you will learn: to use the Broken Links report
to use the Unlinked Files report
to use the Publish Status report
to delete and move unwanted files
to prevent publishing of a file
to publish a web to a new location

 Start withClass disk, web hector with hector16.htm

To prepare for publishing to a web server, you need to make sure that all is just right with your web.

Open with Recent Webs

  1. Open FrontPage and from the menu select  File  |  Recent webs  and then select your web hector .

    Menu: File | Recent webs

    If your web is not in the list of recent webs, then too many other webs have been opened since you last opened hector. You will have to use the Open command and navigate to the web.


Report: Broken Links

TipIn the Site Summary you will initially see a large number of "Unverified hyperlinks". You must let FrontPage verify all the links before the list of Broken Links will be accurate.

  1. Click on Button: Reports the Reports button. The Reporting bar appears.

    Toolbar: Reportingn Reporting Toolbar

    In the right pane you will see  Building the Site Summary report... There is no progress bar to let you know how the "building" is progressing. FrontPage may spend several seconds creating its reports. The larger the web, the longer it will take. Several of the reports are about links.

    Site Summary

  2. Dialog: Reports ViewClick on the Unverified hyperlinks report. FrontPage pops up a message box to ask if you want it to check all the hyperlinks.
     
  3. Click on OK. FrontPage begins to check all the links. This can take quite a long time, especially if there are a lot of URLs to web sites to check. Scroll the list and notice what pages the broken links are in.
     
    Icon: Working link A green check marks a link that worked.
    Icon: Broken link A broken link from a chain marks a link that did not work.

    Report: Broken Hyperlinks
    Hmmm. There are a bunch of broken links in documents that you have not even worked with yet! What are these documents?? These are from the resource files that you copied into the web earlier. You don't need to be publishing all of these now.

    There are also several versions of Hector's page. You will move the older ones out of the web shortly.

    TipA broken link to another web site may not actually be broken. It may just mean that the site's server was too busy to reply to FrontPage's attempt to contact it. Or, the page at the URL may automatically redirect the browser to a different page. It is wise to test such 'broken' links in a browser yourself before deleting or changing them.


Report: Unlinked Files

First you find the unlinked files. Then you decide what to do about them. You have four choices of what to do with unlinked files.

  • Delete
  • Move to a folder outside the web (with Explorer)
  • Mark as 'Don't Publish' (with FrontPage.)
  • Leave alone.

WarningBe careful about deleting! If your pages use scripts to open pages or change images, FrontPage will not know that those files are being used. They will show up as unlinked files even though they are important to your site.

Since you have no scripts in your small site for Hector, any unlinked files are candidates for deleting or moving out to another folder.

  1. Toolbar: Reporting - Reports | Problems | Unlinked FilesClick on the Reports button on the Reporting bar and select  Problems  |  Unlinked Files .

     
    Report: Unlinked FilesWow! What a lot of unfamiliar images and documents.
     
    It's decision time! You will use all four choices above to clean up your web.
     

Delete from List

You won't need some of these unlinked files any more. You can delete them using the list of unlinked files.

  1. Click on the column label Name. The column is resorted in alphabetical order.
     
  2. Select by holding the CTRL key down while you click on the following images, which are in non-web formats:
    hchavez.tga
    hchvez.wmf
    pyramids.png
    pyramids.tif
    pyramids.wmf
    pyramids.wpg
     
  3. Right click on the selection and, from the popup menu, select  Delete .
     
  4. In the confirmation box, choose Yes to All. The images are deleted from your disk. That was easy!

Move: Explorer

You might need your previous versions of Hector's page later if you mess up. It is wiser to just move them for now instead of deleting them.

You must go out to an Explorer window in order to move files and folders to a location outside the web.

  1. Explorer: hector with old versions selectedOpen an Explorer window and display the contents of the web hector.
     
  2. Select all the versions of Hector's page except the latest one, hector16.htm.
     
  3. Move the selected files by dragging them to the folder web on your disk, one level up from hector. Your earliest versions of the page are already there. If you are asked to confirm replacing hector6.htm, click on OK.

     
  4. Explorer: Dragging folders from hector to webNow move the folders Exercises and NZ from hector up to web.
     
  5. Switch back to FrontPage where the Unlinked Files list is still showing. Are the pages you moved are still showing in the list. FrontPage is not aware yet of what you did outside of FrontPage.
  6. Click on Button: Folders view the Folders button in the Views bar. It will take FrontPage a few seconds to bring up the list of files and folders from Drive A. Are the files you moved listed?
     
    No, they are gone. But wait! You had not looked at the Folder view before. What about a view that you have seen before? Sometimes there the views don't match.
  7. Click on Button: Page view the Page button in the Views bar. Are the files and folders you moved listed still in the Folder List? If they are, it is because FrontPage has a cache of data that is not always up-to-date when you make changes outside FrontPage. You must make FrontPage refresh its information. <sigh>
     
  8. If necessary, click on a file in the Folder List and press the F5 key to Refresh the display. Are the files and folders listed? They should be gone now, safely in the web folder.
     
  9. Click on the Reports button again. The Unlinked Files report comes back. The files you moved aren't in the list now. FrontPage was forced to look at the web again and revise the report.

Report: Publish Status

There are two Word documents left in this web from the resource files. They will not be needed in Hector's web site. You can mark them as "Don't Publish".

WarningThe "Don't Publish" feature can be handy but it is also dangerous. It is easy to forget to change the setting back to "Publish" when you really do want the file published with the rest of the web. Always check for "Don't Publish" files before you publish.

  1. Right Click Menu: Don't PublishIn the Unlinked Files report, click on the column label Type to sort the files by file type. The Word documents are now at the top, with extension .doc.
     
  2. Select the two Word documents.
     
  3. Right click and click on  Don't Publish .
     
    This menu choice will have a checkmark by it if the selection is already set to not publish. Right click menu: Don't Publish is checked

     
  4. Report: Publish StatusFrom the Reporting bar, open the Publish Status report.
     Reports
     |  Workflow  |  Publish Status  
     
  5. Again sort the list, this time by clicking on the column label Publish. The files marked "Don't Publish" are at the top. 

    TipDon't Publish icon Icon: Not published document: The icon Icon: Word document for the Word doc may have changed first to Icon: Word document that will not be published by adding a symbol at the bottom left to show that the file will not be published. It's a tiny change, but is very helpful, once you get used to looking for it. It seems to be a clock set to 3:00. (I have no idea why!) Later the file will show Icon: Not published document the document icon with a white X on a red circle. Much clearer.


Final Checks

The last steps in preparing to publish are similar to what you would do to check any document before printing or sharing it with others.

  1. Run Spell Check.
     
  2. Read carefully and look for grammar errors, typos, repeated words, and substitutions that spell check will not catch (like "in" for "is").
     
  3. Open Internet Explorer and view the pages in the web. Check for correct appearance on the page at various window sizes.
     
  4. Test all the links to see that they go where they are supposed to go.

Publish to Hard Disk (Backup Copy)

Publishing to a disk is a good way to make a backup copy of your web. The process is the same as to a web server except you will not have to login with username and password.

  1. Menu: File | Publish Web...Save and close any pages that are open in FrontPage.
     
  2. From the menu select  File  |  Publish Web...
    Do not use the Publish button on the toolbar because FrontPage would start publishing to the last location it used - without offering you the chance to change it!
     
    Icon: New for 2002In FrontPage 2002 you get a dialog with Icon: Green check = will be published a green checkmark beside each file that will be published. Beside a file that will not be published is Icon: Won't be published a red circle with a white X. To change the Publish Status of a file, right click on it and click on  Don't Publish .

    Dialog: Publish web
     

  3. Click on the Change button. The Publish Destination dialog appears.
     
  4. Click on Browse and navigate to C:\My Documents\My Class.
     
  5. Create a new folder using Button: New folder the New Folder button. Name it hector-yourname, but replace "yourname" with your own name.
     
  6. Click on the Open button to close the dialog and return to the Publish Web dialog.
     
  7. Dialog: Options | Publish tabClick on the Options button.
     
  8. Choose "Changed pages only". This is a good setting for most situations. FrontPage will compare the file lists in the two locations and only upload new or changed ones. This saves a lot of uploading time when you are just making corrections.
     
    The choice "All pages, overwriting..." can save time when the site is fairly small because it just uploads everything without comparing. There is no delay for comparing file lists.
     
  9. Check the box Log changes during publish.
     
  10. Click on OK to close the Options dialog.
     
  11. Click on Publish to publish your web to the hard disk. You will see a warning message saying that the web does not exist and would you like to create one.
     Message: Web does not exist. Create it?
  12. Click on OK. You will see a progress bar and the names of the files as they are copied.  It will take a while to copy the web from a floppy disk. 
     
    Message: Web site published successfully.When the process is finished, you will see a message that your site was published successfully. There is a link to the log file and one to the web site.
     
  13. Click on the link to the log file. Scroll the list to see what all you published.

    Log file

    The next time you publish this information will be replaced. If you want to keep a copy for later, use the browser's File | Save command.


Publish to a Web Server

Publishing to a web server has the same steps as to the hard disk, plus the login process.

If you publish to a web server, you must know:

  • the address to use
  • the username
  • the password
  • the type of upload (usually HTTP or FTP)