Saving Writer documents as web pages

From Apache OpenOffice Wiki
Jump to: navigation, 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.)
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.
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.
Figure 6. Web page wizard step 2.
3. Chose a layout for the web site by clicking on the layout boxes. Click Next.
Figure 7. Web page wizard step 3.
4. Chose the information to be listed and the screen resolution. Click Next.
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.
Figure 9. Web page wizard step 5.
6. Enter general information such as Title and HTML Metadata information. Click Next.
Figure 10. Web page wizard step 6.
7. Chose where to save the file and preview the page if you wish. Click Finish.
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 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).
[[Category:Getting Started (Documentation)]
Personal tools