CreatingWebPages

8/19/2019 CreatingWebPages

1/16

Getting Started Guide

Chapter 12Creating Web PagesSaving Documents as HTML Files


2/16

CopyrightThis document is Copyright © 2010–2016 by the LibreOffice Documentation Team Contributorsare !isted be!o" #ou may distribute it and$or modify it under the terms of either the G%& Genera!'ub!ic License ( http)$$""" gnu org$!icenses$gp! htm! *+ ,ersion - or !ater+ or the Creati,e Commons.ttribution License ( http)$$creati,ecommons org$!icenses$by$/ 0$ *+ ,ersion / 0 or !ater

.!! trademar s "ithin this guide be!ong to their !egitimate o"ners

Contributors

ean o!!is 3eber 'eter Schofie!d 4on 5ai!e r

Feedback'!ease direct any comments or suggestions about this document to the Documentation Team smai!ing !ist) documentation7g!oba! !ibreoffice org

%ote) 8,erything you send to a mai!ing !ist+ inc!uding your emai! address and any other persona!information that is "ritten in the message+ is pub!ic!y archi,ed and cannot be de!eted

AcknowledgmentsThis chapter is adapted and updated from Chapter 12 of Getting Starte !ith "pen"##ice$org %$%The contributors to that chapter are)

.gnes 9e!:unce 'eter i!!ier;9roo 0

Note for Mac usersSome eystro es and menu items are different on a ?ac from those used in 3indo"s and Linu@The tab!e be!o" gi,es some common substitutions for the instructions in this chapter 5or a moredetai!ed !ist+ see the app!ication e!p

Windows or Linux Mac equivalent Effect

Tools > ptions menuse!ection !ibre ffice > Preferences .ccess setup options

&ight'clic( Control)clic( or right'clic( depending on computer setup Opens a conte@t menu

Ctrl *Control+ ⌘ *Comman + &sed "ith other eys

F, Shi#t A⌘ AF, Open the %a,igator

F11 ⌘ AT Open the Sty!es and 5ormatting "indo"

Documentation #or Libre"##ice is available at http-..!!!$libreo##ice$org.get'help. ocumentation

http://www.gnu.org/licenses/gpl.htmlhttp://creativecommons.org/licenses/by/4.0/mailto:[email protected]://www.libreoffice.org/get-help/documentationhttp://www.gnu.org/licenses/gpl.htmlhttp://creativecommons.org/licenses/by/4.0/mailto:[email protected]://www.libreoffice.org/get-help/documentation


3/16

Contents

Copyright"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""Contributors5eedbac.c no"!edgments'ub!ication date and soft"are ,ersion%ote for ?ac users

$ntroduction""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

&elative and absolute hyperlinks""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""

Creating hyperlinks"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""&sing the %a,igator&sing the yper!in dia!og8diting hyper!in s

4emo,ing hyper!in s()porting web pages using the *eb *i+ard"""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""" ,

-aving and e)porting documents as web pages""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""..3riter documents

Sing!e "eb pageSeries of "eb pages

Ca!c spreadsheets


4/16

$ntroductionT?L capabi!ities in LibreOffice inc!ude sa,ing and e@porting e@isting documents in T?L format

This chapter describes ho" to do the fo!!o"ing in 3riter+ Ca!c+ ptions >!oad/-ave > 0eneral and choose if you "ant &4Ls sa,ed re!ati,e!y "hen referencing the FileS0stem + or the nternet + or both

Ca!c "i!! a!"ays disp!ay an abso!ute hyper!in Do not be a!armed "hen it does this e,en "hen youha,e sa,ed a re!ati,e hyper!in This Fabso!ute target address "i!! be updated if you mo,e the fi!e

Note?a e sure that the fo!der structure on your computer is the same as the fi!e structureon your "eb ser,er if you sa,e your !in s as re!ati,e to the fi!e system and you aregoing to up!oad pages to the


5/16


6/16

/* Se!ect the document from the drop;do"n !ist at the bottom of the %a,igator that containsthe item that you "ant to !in to

>* * C!ic Apply to create the hyper!in and the yper!in dia!og remains open a!!o"ing you tocreate another hyper!in

6* C!ic Close to c!ose the yper!in dia!og

Figure 2$ H0perlin( ialog sho!ing etails #or nternet lin(s

: / Chapter 12 Creating Web Pages


7/16

The dia!og changes according to the choice made for the hyper!in category in the !eft pane! . fu!!description of a!! the choices and their interactions is beyond the scope of this chapter ere is asummary of the most common choices

• 5or an nternet hyper!in + choose the type of hyper!in (3eb+ 5T'+ or Te!net*+ and enter there uired "eb address (&4L*

• 5or a Mail an 7e!s hyper!in + specify "hether it is a mai! or ne"s !in + the address of therecei,er and+ for emai!+ the sub ect

• 5or a Document hyper!in + specify the document path (c!ic ing pen File opens a fi!ebro"ser* or !ea,e this b!an if you "ant to !in to a target in the same document Optiona!!yspecify the target in the document (for e@amp!e a specific s!ide* C!ic the Target in

4ocument icon to open the Target in Document dia!og "here you can se!ect the type oftargetE or+ if you no" the name of the target+ you can type it into the bo@

• 5or a 7e! Document hyper!in + specify "hether to edit the ne"!y created documentimmediate!y ( (dit now * or ust create it ( (dit later * 8nter the fi!e name and se!ect the type

of document to create (te@t+ spreadsheet+ and so on* C!ic the -elect Path icon toopen a fi!e bro"ser and choose "here to store the fi!e

The Further settings section in the bottom right part of the dia!og is common to a!! the hyper!incategories+ a!though some choices are more re!e,ant to some types of !in s

• Frame ,a!ue determines ho" the hyper!in "i!! open This app!ies to documents that openin a 3eb bro"ser

• Form specifies if the !in is to be presented as te@t or as a button See the Writer Gui eChapter 1, 5sing Forms in Writer for more information

• Te)t specifies the te@t that "i!! be ,isib!e to the user


8/16

&emoving hyperlinks#ou can remo,e the !in from hyper!in te@t and !ea,e ust the te@t by right;c!ic ing on the !in andse!ecting &emove 2yperlink from the conte@t menu #ou may then need to re;app!y someformatting to match the te@t "ith the rest of your document

To erase the !in te@t or button from the document comp!ete!y+ se!ect it and press the *i+ards > *eb Page on the menu bar to open the 3eb 3i:ard dia!og

Figure %- ntro uction page o# Web Wi=ar ialog

2* On the first page of the 3i:ard+ choose settings and c!ic Ne)t > *

>* C!ic Ne)t > to customi:e the !ayout and se!ect the information to be !isted and screenreso!ution ( 5igure 6 *

6* C!ic Ne)t > and se!ect a sty!e for the page &se the drop;do"n !ist to choose differentsty!es and co!or combinations 9ro"se to se!ect a bac ground image and icon set from theGa!!ery ( 5igure B *

B* C!ic Ne)t > and enter genera! information for the "eb site such as Tit!e and T?L?etadata information ( 5igure *

* C!ic Ne)t > and enter the information of "here to pub!ish your ne" "eb site ( 5igure J *

J* C!ic Finish to sa,e the fi!e and c!ose the 3eb 3i:ard

? / Chapter 12 Creating Web Pages


9/16

Figure - Documents page o# Web Wi=ar ialog

Figure ,- Main la0out page o# Web Wi=ar ialog

Figure :- La0out etails page o# Web Wi=ar ialog

3@porting !eb pages using the Web Wi=ar / 9


10/16

Figure ;- St0le page o# Web Wi=ar ialog

Figure ?- Web site in#ormation page o# Web Wi=ar ialog

Figure 9- Previe! page o# Web Wi=ar ialog

18 / Chapter 12 Creating Web Pages


11/16

-aving and e)porting documents as web pagesThe easiest "ay to create T?L documents in LibreOffice is to start "ith an e@isting document#ou can get a good idea of ho" it "i!! appear as a "eb page by using 8iew > *eb !ayout

o"e,er+ "eb !ayout ,ie" does not sho" you "hich features "i!! or "i!! not be sa,ed correct!y inT?L format 4efer to K 4e!ati,e and abso!ute hyper!in s on page / on "hat to consider before

creating a "eb page from a document

*riter documents

Single web pageTo sa,e a document as a sing!e "eb page ( T?L format*+ go to File > -ave As on the menu barand specify 2TM! 4ocument 9*riter: as the fi!e type or File > ()port and specify ;2TM! formatas the fi!e type

Note

3riter does not rep!ace mu!tip!e spaces in the origina! document "ith the T?L codefor non;brea ing spaces -end > Create 2TM! 4ocument on the menu bar to open the %ame and'ath of the T?L Document dia!og ( 5igure 10 *

-* Type the fi!e name to sa,e the pages under

/* Specify "hich sty!e indicates a ne" page using the Sty!es drop !ist at the bottom of thedia!og (for e@amp!e eading 1*

>* C!ic -ave to create the mu!ti;page T?L document The resu!ting T?L fi!es conforms tothe T?L / Transitiona!

Calc spreadsheetsCa!c can sa,e fi!es as T?L documents by going to File > -ave As on the menu bar and se!ect2TM! 4ocument 9Calc: format as the fi!e type This is simi!ar to K Sing!e "eb page abo,e for more information on hyper!in s

Saving an e@porting ocuments as !eb pages / 11


12/16


13/16

-* On the >ssign esign page you can choose to create a ne" design and se!ect or de!ete ane@isting design Specify a 7e! esign or an 3@isting esign and c!ic Ne)t>> > Thepub!ication type defines the basic settings for the intended e@port The choices are)

– Stan ar HTML #ormat – creates standard T?L pages from e@port pages – Stan ar HTML !ith #rames – creates standard T?L pages "ith frames The e@ported

page "i!! be p!aced in the main frame and the frame to the !eft "i!! disp!ay a tab!e ofcontents in the form of hyper!in s

–

>utomatic – creates a defau!t T?L presentation as a ios e@port in "hich the s!idesare automatica!!y ad,anced after a specified amount of time – WebCast – in a 3ebCast e@port+ automatic scripts "i!! be generated "ith 'er! or .S'

support This enab!es the spea er (for e@amp!e+ a spea er in a te!ephone conferenceusing a s!ide sho" on the * Specify the options for Save graphics as +Monitor resolution and 3##ects used for the "ebpages ( 5igure 1- *+ then c!ic Ne)t>> The options for this page of the T?L 8@port dia!ogare as fo!!o"s)

– Save graphics as – determines the image format #ou can a!so define the compression,a!ue for the e@port

– Monitor resolution – defines the reso!ution for the target screen Depending on these!ected reso!ution+ the image "i!! be disp!ayed in a reduced si:e #ou can specify areduction of up to 0M from the origina! si:e 3hen se!ecting a reso!ution+ consider

Saving an e@porting ocuments as !eb pages / 1%


14/16

"hat the ma ority of your ,ie"ers might be using


15/16

* Select button st0le to be used for the "eb pages from the designs a,ai!ab!e ( 5igure 1> * andthen c!ic Ne)t>>"


16/16

NoteDepending on the si:e of your presentation and the number of graphics it contains+ the

T?L e@port function creates se,era! T?L+ 'G+ and G