Handleiding Kompozer 07 (pagina 15 van 58) (Engels)

606646

Verklein

Vergroot

Pagina terug

1/58

Pagina verder

KompoZer User Guide — 17 December 2007 Based on version 0.7.10 15

Lines of text (whether terminated by line breaks or

paragraph ends) will be converted to table rows, a new

cell being generated each time the specified character

is met. This allows tabbed lists to be created and

overcomes the fact that HTML does not support tabs –

simply type a hyphen (or some other character) in-

stead of the tab and convert the text to a table.

Using this method tables may be imported from

applications like MS Word. In Word convert the table

to text separating using a character that does not

appear in the text.

Note Do not use tab as the separator as Kom-

poZer will interpret this as several spaces. (See

section 3.4.5)

3.6.3.1 Aligning text

Browsers normally display text aligned left and, in

the vertical dimension, in then middle of the cell. To

alter this place the cursor in a cell and click the Table

button. The Table properties window allows the align-

ment to be altered. To set the alignment for all cells

first select Table > Select > All Cells.

3.6.4 Centring tables

To align a table to the centre of a page click the

table, right-click ‘Table Cell Properties’, select ‘Table’

and set ‘Table Alignment’ to ‘Center’.

3.6.5 Improving tables

There are a number of ways in which tables may be

improved in presentation and accessibility. These in-

clude:

Caption – This is text describing the nature of the

table. Insert this using the Table Properties window.

The caption may be positioned on any edge of the table.

Summary – Captions will often be inadequate as a

summary of the purpose and structure of the table

from the perspective of people relying on non-visual

user agents. W3C recommends

“Authors should therefore take care to provide

additional information summarizing the purpose

and structure of the table using the summary

attribute of the TABLE element. This is especially

important for tables without captions.”

To add a summary, in the Table Properties window,

select the Table tab and click the Advanced edit but-

ton. On the HTML attributes tab select the Summary

attribute and insert the text in the ‘Value’ box.

Headings – Headings to rows and/or columns

improve the visual presentation and make the mean-

ing of the content clearer. By default headings are

displayed bolder and centred. Headings are imple-

mented in HTML by replacing td (table data) elements

by th (table header) elements. To change a cell from td

(normal cell) to heading select the cell and, using the

Table Properties window, with the ‘cells’ tab selected

tick the ‘Cell Style’ checkbox and set the style to

‘Header’.

Accessibility – Adding summaries and headings

represents the first step in improving accessibility of

tables to non-visual users. HTML offers more powerful

enhancements which improve the performance of text

to speech devices. For more details about this see

section 11.4 of the HTML 4.01 specification.

3.7 Links

Links provide the main means of navigating web

sites. They allow you to move quickly from one place

to either another on the same page, a different page on

the same site or a page on an external site. Links may

be attached to any element on a page, in fact almost

any part of a page content can form the basis of a link

an element being generated specifically for the pur-

pose. Usually however we use a few words of text or an

image which we click on to activate the link.

3.7.1 Linking text

3.7.1.1 Linking to another file

To create a link

1 Select (highlight) a few words of text

2 On the Composition toolbar click on the

‘Link’ button, alternatively Right-click and

select ‘Create Link’. The ‘Link Properties’ window

opens

3 Click on ‘Choose File’ and browse to the file that

you want to link to

4 Click OPEN

5 Click OK

In Normal or Preview mode you will now find your

text underlined and in a different colour (probably

blue) You can now try double-clicking on the text, you

will see the ‘Link Properties’ pop up again. This can be

very useful if you want to change the file to which the

link refers. (In a browser you would expect the file

viewed to be replaced by the one to which the link

refers!)

If you now switch to ‘HTML Tags’ view you will see

your text preceded by a yellow marker with an ‘A’ in it.

Your text has been defined as an ‘A’ (Anchor) element.

3.7.1.2 Inserting an email address

Instead of linking to a file it is possible to insert an

email address. The result will be that, in use, when the

link is clicked the email client on the visitor's machine

will be opened with the correct address selected.

To do so proceed as under the previous heading.

When the Link Properties window opens (or if Image

Properties click the Link tab) enter the email address

and check the box ‘The above is an email address’.

3.7.1.3 Inserting named Anchors

There is a second type of Anchor element the

‘Named anchor’. Such an anchor is extremely useful

as it can act as a type of bookmark defining a particu-

lar place on a page. Links can jump to such bookmarks.

To insert a named anchor

1 Place the cursor at the point you want to mark.

2 Click the ‘Anchor’ button on the Composition

toolbar or, on the Menu Bar, select Insert >

Named Anchor. The named anchor properties

window appears.

3 Enter a unique name for the anchor.

4 Click OK.

In ‘Normal’ view anchors are marked by a picture

of an anchor .

3.7.1.4 Linking to named anchors

Start as above for linking to another file. When the

‘Link Properties’ window opens, instead of choosing

Kompozer 07 Handleiding

Hulp nodig? Stel uw vraag in het forum

Misbruik melden

Product:

Spelregels forum

Abonneren

Ontvang uw handleiding per email

Stel vragen via chat aan uw handleiding

Andere handleiding(en) van Kompozer 07

Uw handleiding is per email verstuurd. Controleer uw email

Er is een email naar u verstuurd om uw inschrijving definitief te maken.

U heeft geen emailadres opgegeven

Uw vraag is op deze pagina toegevoegd

Info