Getting Started Guide

12Chapter
Creating Web Pages
Saving Documents as HTML Files
This PDF is designed to be read onscreen, two pages at atime. If you want to print a copy, your PDF viewer shouldhave an option for printing two pages on one sheet ofpaper, but you may need to start with page 2 to get it toprint facing pages correctly. (Print this cover page
separately.)CopyrightThis document is Copyright © 2005–2010 by its contributors as listedin the section titled Authors. You may distribute it and/or modify it
under the terms of either the GNU General Public License, version 3 orlater, or the Creative Commons Attribution License, version 3.0 orlater.
All trademarks within this guide belong to their legitimate owners.

AuthorsAgnes BelzuncePeter Hillier-Brook
Ian Laurenson
Peter Kupfer
Jean Hollis Weber
Linda Worthington

Feedback
Please direct any comments or suggestions about this document to:authors@user-faq.openoffice.org

Acknowledgments
This chapter is based upon an article by Ralph Krause, titled “HowTo:
Creating web pages with OpenOffice.org”. The original document isavailable at: http://www.linuxjournal.com/article.php?sid=6289

Publication date and software version
Published 1 February 2010. Based on OpenOffice.org 3.2.

You can download
an editable version of this document fromhttp://oooauthors.org/english/userguide3/published/

Contents
Copyright............................................................................................... 2
Introduction........................................................................................... 4
Inserting hyperlinks............................................................................... 4
Using the Navigator............................................................................ 5
Using the Hyperlink dialog.................................................................6
Editing hyperlinks.................................................................................. 7Saving Writer documents as web pages.................................................8
Saving a document as a single web page............................................8
Saving a document as a series of web pages......................................8
Creating web pages using a Wizard....................................................9Saving Calc spreadsheets as web pages..............................................13
Saving Impress presentations as web pages........................................13
Saving Draw documents as web pages................................................17

Creating Web Pages

3

Introduction
This chapter describes how to do the following in Writer, Calc, Drawand Impress:• Create hyperlinks within a document and to other documents

such as web pages, PDFs, and other files.
• Save documents as web pages (HTML documents).
When creating a document that you plan to deliver as a web page, youneed to consider the following:• In an HTML document, hyperlinks are active (clickable) but othercross-references inserted by OOo are not active links.
• An object such as a image is saved as a separate file. However, if
that object has been placed in a frame (for example, with anassociated caption), it is not saved and does not appear in theHTML document; instead, the name of the frame appears.

Inserting hyperlinks
When you type text (such as a website addresses or URL) that can beused as a hyperlink, and then press the spacebar or the Enter key, OOoautomatically creates the hyperlink and applying formatting to the text
(usually a color and underlining). If this does not happen, you canenable this feature using Tools > AutoCorrect > Options andselectingthe URL Recognition option.
If you do not want OOo to convert a specific URL to a hyperlink,choose Edit > Undo Insert from the menu bar or press Control+Z
immediately after the formatting has been applied.

Note4

Hyperlinks between documents can be set as relative orabsolute, using the Save URLs relative to option in Tools >Options > Load/Save > General.
Relative linking is only possible when the document you areworking on and the link destination are on the same drive, andyou need to create the same directory structure on your harddisk as will apply on the destination website.
OOo uses absolute path names internally, so when you moveyour mouse cursor over a hyperlink, the tooltip displays theabsolute reference even when it is set to be a relative link.

Creating Web Pages

You can also insert hyperlinks using the Navigator and the Hyperlink
dialog, and you can modify all hyperlinks using the Hyperlink dialog, asdescribed in this section.

Using the Navigator
The easiest way to insert a hyperlink to another part of the samedocument is by using the Navigator:
1) Open the documents containing the items you want to crossreference.
2) Open the Navigator (by clicking its icon, choosing View >Navigator, or pressing F5.
3) Click the arrow next to the Drag Mode icon, and choose Insert
as Hyperlink. (See Figure 1.)4) In the list at the bottom of the Navigator, select the document
containing the item that you want to cross-reference.
5) In the Navigator list, select the item that you want to insert as ahyperlink.
6) Drag the item to where you want to insert the hyperlink in thedocument. The name of the item is inserted in the document as anactive hyperlink.

Figure 1: Inserting a hyperlink using the Navigator
When using the Navigator to hyperlink to an object such as a graphic,
to have the hyperlink show useful text such as Figure 6, you need togive such objects useful names instead of leaving them as the default
names (“Graphics6”), or you need to edit the resulting link text using
the Hyperlink dialog, as described below.

Inserting hyperlinks5You can also use the Navigator to insert a hyperlink from one
document (the source) to a specific place in another document (thetarget). Open the Navigator in the target document and drag the item
to the spot in the source document where you want the hyperlink toappear.

Using the Hyperlink dialog
To display the dialog, click the Hyperlink iconon the Standard
toolbar or choose Insert > Hyperlink from the menu bar. To turn
existing text into a link, highlight it before opening the dialog.
On the left hand side, select one of the four types of hyperlink:• Internet: a web address, normally starting with http://• Mail & News: for example an email address.
• Document: the hyperlink points to another document or toanother place in the current document.
• New document: the hyperlink creates a new document.

Figure 2. Hyperlink dialog showing details for Internet links
The top right part of the dialog changes according to the choice madefor the hyperlink type. A full description of all the choices, and theirinteractions, is beyond the scope of this chapter. Here is a summary of
the most common choices.
For an Internet type hyperlink, choose the type of hyperlink (choosebetween Web, FTP or Telnet), and enter the required web address(URL).
6

Creating Web Pages

For a Mail and News type hyperlink, specify whether it is a mail ornews link, the receiver address and for email, also the subject.
For a Document type hyperlink, specify the document path (the OpenFile button opens a file browser); leave this blank if you want to link toa target in the same document. Optionally specify the target in thedocument (for example a specific slide). Click on the Target icon toopen the Navigator where you can select the target, or if you know thename of the target, you can type it into the box.
For a New Document type hyperlink, specify whether to edit the newly
created document immediately (Edit now) or just create it (Edit later)
and the type of document to create (text, spreadsheet, etc.). TheSelect path button opens a directory picker.
The Further settings section in the bottom right part of the dialog is
common to all the hyperlink types, although some choices are more
relevant to some types of links.
• Set the value of Frame to determine how the hyperlink will open.
••••

This applies to documents that open in a Web browser.
Form specifies if the link is to be presented as text or as a button.
Text specifies the text that will be visible to the user.
Name is applicable to HTML documents. It specifies text that will
be added as a NAME attribute in the HTML code behind thehyperlink.
Event button: this button will be activated to allow OOo to react
to events for which the user has written some code (macro). Thisfunction is not covered in this book.

Editing hyperlinks
To edit a hyperlink, click anywhere in the link test and then open theHyperlink dialog by clicking the Hyperlink icon on the Standard
toolbar or choosing Edit > Hyperlink from the menu bar. Make yourchanges and click Apply. If you need to edit several hyperlinks, you
can leave the Hyperlink dialog open until you have edited all of them.
Be sure to click Apply after each one. When you are finished, click
Close.
The standard (default) behavior for activating hyperlinks within OOo isto use Ctrl+click. This behavior can be changed in Tools > Options >OpenOffice.org > Security > Options, by deselecting the option
Ctrl-click required to follow hyperlinks. If clicking in your links

Editing hyperlinks

7

activates them, check that page to see if the option has beendeselected.
To change the color of hyperlinks, go to Tools > Options >OpenOffice.org > Appearance, scroll to Unvisited links and/orVisited links, pick the new colors and click OK. This will change thecolor for all hyperlinks in all components of OOo.
In Writer and Calc (but not Draw or Impress), you can also change theInternet link character style or define and apply new styles to selectedlinks.

Saving Writer documents as web pages
Writer’s HTML capabilities include saving existing documents in HTML
format, creating new documents as HTML (not described here), andcreating 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), select Save
As from the File menu and specify HTML Document as the file type.

Note

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, youneed 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 (HTMLfiles) with a table of contents page. To do this:1) Decide which headings in the document should start on a newpage and make sure all those headings have the same style (forexample, Heading 1).
2) Select File > Send and click on Create HTML Document.

8Creating Web Pages

3) In the dialog (Figure 3), type the file name to save the pages
under. Also specify which style indicates a new page (as decidedin step 1).
4) Click Save to create the multi-page HTML document. (For those
who may be interested, the resulting HTML files conform to theHTML 4 Transitional.)

Figure 3. Creating a series of web pages from one document

Creating web pages using a Wizard
OOo’s Web wizard allows you to create several types of standard web
pages. To use it:1) Select File > Wizards > Web Page. On the first page of theWizard, choose settings and click Next. If this is your first web
page, the only choice is <default>.

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

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

10

Creating Web Pages4) Chose the information to be listed and the screen resolution. ClickNext.

Saving Writer documents as web pages

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

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

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

Creating Web Pages

To edit or view the document’s underlying HTML code, click View >HTML Source or click the HTML Source iconon the Main
toolbar.

Saving Calc spreadsheets as web pages
Calc can save files as HTML documents. As for Writer, use File > Save
As and select HTML Document, or File > Wizards > Web Page.
If the file contains more than one sheet, the additional sheets willfollow one another in the HTML file. Links to each sheet will be placedat the top of the document. Calc also allows the insertion of links
directly into the spreadsheet using the Hyperlink dialog.

Saving Impress presentations as webpages
You can export presentations as Macromedia Flash files: select File >Export and choose Macromedia Flash for the file type.
You can also convert presentations into a series of web pages, as
described below.
Note

Saving as web pages (HTML format) does not retain animationand slide transitions.

Saving Impress presentations as web pages

131) To begin, select File > Export and choose HTML Document asthe file type.
2) Create a folder for the files, supply a name for the resulting
HTML file, and click Save. The HTML Export Wizard opens.

Note

Depending on the size of your presentation and the number ofgraphics it contains, the HTML export function creates many
HTML, JPG, and GIF files. If you simply save to your desktop(not in a specific folder), these separate HTML and graphics
files will be all over your desktop. So be sure to create a folder
to hold all the files.

3) Choose the design for all of the pages, either from an existing
design or by creating a new one. If you have not previously saved
a design, the Existing Design choice is not available.

4) Click Next to select the type of web pages to create.
•Standard HTML: one page for each slide, with navigation links
to move from slide to slide.
•Standard HTML with frames: one page with a navigation baron the left-hand side; uses slide title as navigation links. Clickon links to display pages in right-hand side.
•Automatic: one page for each slide, with each page set with
the Refresh meta tag so a browser automatically cycles fromone page to the next.
•WebCast: generates an ASP or Perl application to display theslides. Unfortunately OOo has no direct support for PHP yet.
14

Creating Web Pages5) Decide how the images will be saved (PNG, GIF, or JPG) and what
resolution to use.
When choosing a resolution, consider what the majority of yourviewers might have. If you use a high resolution, then a viewer
with a medium-resolution monitor will have to scroll sideways tosee the entire slide—probably not desirable.

6) If Create title page was chosen in step 4, supply the information
for it on the next page. The title contains an author name, e-mailaddress and home page, along with any additional information
you want to include.
This page of the Wizard does not display if Create title page wasnot chosen.

Saving Impress presentations as web pages

157) Choose the navigation button style to use to move from one page
to another. If you do not choose any, OOo will create a textnavigator.

8) Select the color scheme for the web pages. Available schemes
include the document’s existing scheme, one based upon browser
colors, and a completely user-defined scheme. You can save a newscheme so that it will appear on the first page of the HTML exportwizard.

16

Creating Web Pages9) Click Create to generate the HTML files. If this is a new design, asmall dialog pops up. If you might want to reuse this design, youcan give it a name and save it. Otherwise, click Do Not Save.

Saving Draw documents as web pages
Exporting drawings from OpenOffice.org’s Draw application is similar
to exporting a presentation from Impress. Use File > Export andselect HTML Document as the file type.
When using the wizard, you can choose to create the web page at any
time by clicking the Create button.

Saving Draw documents as web pages

17