Saving Writer documents as web pages

From Wiki
Revision as of 14:59, 9 April 2012 by Sancho (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search




Writer’s HTML capabilities include saving existing documents in HTML format, creating new documents as HTML (not described here), and creating several different types of web pages using a wizard.

The easiest way to create HTML documents is to start with an existing Writer document. You can get a good idea of how it will appear as a web page by using View > Web Layout. However, web layout view will not show you which features will or won’t save correctly to HTML. Some considerations are described in the introduction to this chapter.

Saving a document as a single web page

To save a document as a single web page (HTML format), choose File > Save As and specify HTML Document as the file type.

Documentation note.png Writer does not replace multiple spaces in the original document with the HTML code for non-breaking spaces. If you want to have extra spaces in your HTML file or web page, you need to insert non-breaking spaces in OOo. To do this, press Control+Spacebar instead of just Spacebar.

Saving a document as a series of web pages

Writer can save a large document as a series of web pages (HTML files) with a table of contents page. To do this:

  1. Decide which headings in the document should start on a new page and make sure all those headings have the same style (for example, Heading 1).
  2. Choose File > Send > Create HTML Document.
  3. In the dialog (Figure 4), type the file name to save the pages under. Also specify which style indicates a new page (as decided in step 1).
  4. Click Save to create the multi-page HTML document. (For those who may be interested, the resulting HTML files conform to the HTML 4 Transitional.)
File:SaveAsHTML.png
Figure 4. Creating a series of web pages from one document.

Top of page

Creating web pages using a Wizard

OOo's Web wizard allows you to create several types of standard web pages. To use it:

  1. Choose File > Wizards > Web Page. On the first page of the Wizard, choose settings and click Next.
Documentation note.png If this is your first web page, the only choice is default.
File:WebWizard1.png
Figure 5. Web page wizard step 1.

2. Choose or browse to the document you would like to format. The Title, Summary and Author information is picked up from the document’s properties; if necessary, edit it. Click Next.

File:WebWizard2.png
Figure 6. Web page wizard step 2.

3. Chose a layout for the web site by clicking on the layout boxes. Click Next.

File:WebWizard3.png
Figure 7. Web page wizard step 3.
4. Chose the information to be listed and the screen resolution. Click Next.
File:WebWizard4.png
Figure 8. Web page wizard step 4.

5. Select a style for the page. Use the drop-down list to choose different styles and color combinations. You can browse to a background image and icon set from the Gallery. Click Next.

File:WebWizard5.png
Figure 9. Web page wizard step 5.

6. Enter general information such as Title and HTML Metadata information. Click Next.

File:WebWizard6.png
Figure 10. Web page wizard step 6.

7. Chose where to save the file and preview the page if you wish. Click Finish.

File:WebWizard7.png
Figure 11. Web page wizard step 7.

To edit or view the document's underlying HTML code, open the document, and then choose View > HTML Source or click the HTML Source icon File:HTMLSourceIcon.png on the Main toolbar.

Top of page

Content on this page is licensed under the Creative Common Attribution 3.0 license (CC-BY).