KompoZer: The Basics v1.0.0  
17
2.To begin formatting the link, on the Composition toolbar,
You see the Link Properties dialog box:
3.To begin defining the link, under Link Location,
You see the Open HTML file dialog box.
4.To select the file to link to, in the Citing Web Resources folder,
£
comparison.html
5.To define the link,
The link is defined.
Pdf security options - C# PDF Digital Signature Library: add, remove, update PDF digital signatures in C#.net, ASP.NET, MVC, WPF
Help to Improve the Security of Your PDF File by Adding Digital Signatures
convert locked pdf to word doc; change pdf document security
Pdf security options - VB.NET PDF Digital Signature Library: add, remove, update PDF digital signatures in vb.net, ASP.NET, MVC, WPF
Guide VB.NET Programmers to Improve the Security of Your PDF File by Adding Digital Signatures
decrypt pdf without password; pdf unlock
18
KompoZer: The Basics v1.0.0  
Creating Absolute Links
Now we want to create an absolute link, which requires the complete URL, 
including the domain name, to reference the target Web page. Absolute links 
are used to link to pages outside your own Web account.
1.To select the text to link, in the list,
¢
across “http://www.apastyle.org/”
2.To begin formatting the link, on the Composition toolbar,
You see the Link Properties dialog box:
3.To save the link,
NOTE: Keep in mind that the proper link location is already listed because the 
selected text is the link destination, and begins with “http://”. If we 
had selected plain text to link, we would need to enter a web address.
4.Repeat the previous steps to create the remaining three links.
5.Save index.html.
.NET PDF SDK - Description of All PDF Processing Control Feastures
Easy to change PDF original password; Options for setting PDF security level; PDF text content, image and pages redact options. PDF Digital Signature.
convert locked pdf to word online; decrypt a pdf
.NET Annotation SDK| Annotate, Redact Images
Rich options to move, resize, rotate, scale any kind of annotation; Provide enhanced redaction & encryption objects for sensitive information & security;
pdf password security; change pdf document security
KompoZer: The Basics v1.0.0  
19
Formatting a Footer
The last section of the page is the footer. Footers in Web pages generally 
include the date when the page was last updated, and the email address of the 
page author. In addition, this section is usually set apart from the rest of the 
page by a horizontal line.
Inserting a Horizontal Line
We want to insert a horizontal line, sometimes also called a horizontal rule
between the body text and the footer.
1.Position the cursor in the blank line between the body text and the footer.
2.To insert a horizontal rule, on the Menu bar,
Insert ™
Horizontal Line
You see a horizontal line between the body text and the footer.
NOTE: You can format the height, width, and alignment of the horizontal line. 
To access the Horizontal Line properties, 
£
the line. 
Centering Text
Let’s center the footer text.
1.Select the footer text.
2.To center the footer, on the Format toolbar,
The footer is centered.
Updating Footer Text
Let’s update the date and URL in the footer.
1.To select the date,
¢
across the date
BMP to JPEG Converter | Convert Bitmap to JPEG, Convert JPEG to
to JPEG Converter provides flexible image processing related options to resize JPEG conversion; Add morphing effects, watermarks to images to protect security;
copy from locked pdf; add security to pdf document
DICOM to PDF Converter | Convert DICOM to PDF, Convert PDF to
Start DICOM - PDF image conversion through drag &drop method; Security protection provided with comment, logo, date or watermarks added to files;
copy text from locked pdf; change security on pdf
20
KompoZer: The Basics v1.0.0  
2.To enter the date, type:
today’s date
Now let’s create a link to our email address.
Creating a mailto Link
mailto link is used to link an object, such as text or an image, to an email 
address. When the link is activated, if the browser preferences are properly 
configured, the user will be prompted to compose an email message to be sent 
to the email address specified in the mailto link.
First let’s update the email address.
1.To select the email address,
¢
across “username@host.domain”
2.To enter a new email address, type:
your email address
3.To select your email address,
¢
across the address
4.To copy the address, press:
ƒ
C
Note for Macintosh Users - To copy the address, press: 
C.
5.To begin formatting the link, on the Composition toolbar,
You see the Link Properties dialog box.
6.To paste your email address, in the Link Location field, press:
ƒ
V
C# Image: Run RasterEdge Web Viewer Sample Project
Right-click the correspond site-> Edit Permissions -> Security -> Group or user names to provide powerful & profession imaging controls, PDF document, image to
decrypt a pdf file online; convert secure webpage to pdf
JPEG2000 to JBIG2 Converter | Convert JPEG2000 to JBIG2, Convert
or batch conversion method; Convert GIF & JBIG2 image with morphing effects, watermarks added to protect security; Can be used as
pdf file security; pdf security password
KompoZer: The Basics v1.0.0  
21
Note for Macintosh Users - To paste your email address, press: 
V.
7.To identify this link as a mailto link,
“The above is an email address“ checkbox
8.To accept the link, press:
©
The mailto link is defined.
9.Save index.html.
NOTE: Using a mailto link may allow the email address to be gathered by 
spammers. For information on some methods to possibly deter that, 
visit http://kb.iu.edu/data/alcm.html
.
Previewing a Web Page
Let’s preview index.html in a Web browser.
1.To preview the page in a Web browser, on the toolbar,
An External Protocol Request dialog box appears.
This is warning you that one application is attempting to open another one, 
which could be a security risk. However, in this case, KompoZer is trying 
to open a Web browser to display the page.
Note for Macintosh Users - A similar message may appear.
GIF to JBIG2 Converter | Convert GIF to JBIG2, Convert JBIG2 to
brightness and more; Convert GIF & JBIG2 image with morphing effects, watermarks added to protect security; Save original images &
create encrypted pdf; pdf encryption
22
KompoZer: The Basics v1.0.0  
2.To permit the request to open the browser,
You see index.html in the default browser.
3.Test the links.
4.Switch back to KompoZer.
Using a Table for Web Page Layout
Creating the layout for a Web page can be acccomplished in a number of dif-
ferent ways, including newer standards that supersede the use of tables for lay-
out. However, KompoZer does not yet intuitively support these methods.
We’ll see how to create and format a table to provide the layout for compari-
son.html. We’ll also create a navigation bar that uses internal links. Once 
we’ve changed comparison.html, we can transfer it to the Web account again.
First let’s open comparison.html in KompoZer.
1.To begin opening the file,
File, ™
Open File...
2.To select the file,
£
comparison.html
Inserting a Table
Tables can be used to organize text and images in a Web page layout. 
KompoZer provides a quick and easy way to create tables, though they are 
sometimes difficult to edit.
The most basic element of a table is called a cell. Each cell can contain text or 
graphics. Cells combine to form rows and columns. Rows are horizontal and 
span across the table. Columns are vertical and span up and down the table. 
We’ll create a simple table with left-side navigation . This means the page nav-
igation will be controlled from the left column of the table. The table will con-
tain two columns and one row.
KompoZer: The Basics v1.0.0  
23
The following diagram explains the table layout:
1.To begin inserting a table, on the Composition toolbar,
You see the Insert Table dialog box:
The table will have 2 columns, one for navigation and one for content, and 
1 row. By default, the table is set to 2 rows and 2 columns. We need to 
change the number of rows to 1. 
Let’s move to the Precisely tab to do this.
Row
Body of page,
80% of table
Left-side
navigation,
20% of table
Columns
Cell
24
KompoZer: The Basics v1.0.0  
2.To move to the desired tab,
the Precisely tab
3.To change the number of rows, in the Number of Rows field, press:
Õ
, type: 1
By default, each cell of a table is inserted with a 1-pixel border. We don’t 
want a visible border.
4.To set the Border value, in the Border field, type:
0
Cell padding is the amount of space between the cell border and the content. 
We want a bit of space inside each cell, so let’s increase the padding.
5.To get more options, 
6.In the list at the top of the dialog box, 
cellpadding
7.To define the cell padding, in the Value field at the bottom of the dialog 
box, type:
5
8.To accept the changes to cellpadding,
KompoZer: The Basics v1.0.0  
25
9.To insert the table,
You see the table at the top of the Web page.
We want to select all of the page content and move it into the table. Let’s 
use keyboard shortcuts to select, cut, and paste the page content.
10.To select all the page content, at the top of the page,
before “Comparison”,
press and hold: º
and
after “host.domain” in the footer
11.To cut the text, press:
ƒ
X
Note for Macintosh Users - To cut the text, press: 
X.
12.Position the cursor in the right-hand column of the table.
13.To paste the text, press:
ƒ
V
Note for Macintosh Users - To paste the text, press: 
V.
14.Save comparison.html.
Formatting a Navigation Bar
navigation bar is usually composed of text or images linked to different 
pages within or outside a Web page. We want to create a navigation bar to 
move to different sections of this Web page, since it’s long. We’ll format the 
left column of the table so it can be used as a navigation bar. We want the 
column width to be 20% of the table. We’ll also select a background color for 
the column to make the navigation bar stand out.
To make these changes, we’ll alter the Cell properties.
26
KompoZer: The Basics v1.0.0  
1.To position the cursor,
inside the left-hand column
The cursor is positioned at the vertical center of the left-hand column. You 
may have to scroll to see it there.
2.To access the Table Cell properties, on the Menu bar,
Format, ™
Table Cell Properties...
You see the Table Properties dialog box and the Cell Tab:
We want to set the Cell width.
3.To set the Cell width, in the Width field of the Size section, type:
20
It’s important that the cell width be defined as a percentage of the table so 
that the content will automatically wrap inside the cell if the browser win-
dow is small. 
4.To make sure the Cell Width value is set to % of table,
,™
% of table
Documents you may be interested
Documents you may be interested