KompoZer: The Basics v1.0.0  
7
1.To access Page properties, on the Menu bar,
Format, ™
Page Title and Properties...
You see the Page Properties dialog box:
Let’s give the page a title, author and description.
2.To enter a page title, in the Title field, type:
Citing Web Resourcesø
NOTE: The title appears at the top of the window of any Web browser in 
which the page is viewed.
3.To enter a page author, in the Author field, type:
your name 
ø
4.To enter the page’s description, in the Description field, type:
Citing Web Resources 
NOTE: The text entered for description is used by some search engines to 
locate and summarize Web page content. 
Pdf password encryption - 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
create pdf the security level is set to high; create secure pdf
Pdf password encryption - 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
pdf security options; add security to pdf
8
KompoZer: The Basics v1.0.0  
5.To accept these changes, 
Let’s also change the color of the page.
Adding Background Color
Background color is the main color of a Web page and is often used to 
enhance the visual appearance of the page. If no background color is defined, 
then the Web page is shown with the user’s browser preferences (usually white 
or gray). 
Web pages can have a variety of colors or images set as the background of the 
page. First time designers often make the mistake of choosing a background 
color that does not contrast well with their chosen text color. In addition, some 
designers choose to add a complicated background image instead of a solid 
background color. Both of these mistakes can make the content of the Web 
page difficult to read. Studies have found that most Web users prefer a solid, 
light background color that contrasts well with a dark text color. 
Let’s add a light background color to contrast with our black text. 
1.To access the Colors and Background properties,
Format, ™
Page Colors and Background...
You see the Page Colors and Background dialog box:
C# PDF Password Library: add, remove, edit PDF file password in C#
outputFilePath = Program.RootPath + "\\" 3_pw_a.pdf"; // Create a setting object with user password which is Hello World"); // Set encryption level to AES
cannot print pdf security; change security on pdf
Online Remove password from protected PDF file
Find your password-protected PDF and upload it. If there is no strong encryption on your file, it will be unlocked and ready to download within seconds.
change security settings on pdf; pdf secure
KompoZer: The Basics v1.0.0  
9
2.To use custom colors,
the Use custom colors radio button
3.To access the background colors,
You see the Block Background Color dialog box:
Let’s select one of the predefined, light colors.
4.To select a color,
any light color
5.To accept the chosen color, 
VB.NET PDF Password Library: add, remove, edit PDF file password
String = Program.RootPath + "\\" 3_pw_a.pdf" ' Create a setting object with user password which is PasswordSetting("Hello World") ' Set encryption level to
creating a secure pdf document; add security to pdf document
C# PDF File Permission Library: add, remove, update PDF file
outputFilePath = Program.RootPath + "\\" 3_pw_a.pdf"; // Create a setting object with user password "Hello World". Hello World"); // Set encryption level to
create encrypted pdf; create secure pdf online
10
KompoZer: The Basics v1.0.0  
6.To set the background color,
You see the new background color and the page title on the toolbar.
Saving a File
Now that we’ve made some basic changes to our page, we need to save the file 
with a special file name and extension. 
Understanding File Names and Extensions
All HTML documents have .htm or .html extensions. Operating systems use 
this extension to recognize which program should be used to display a Web 
file. 
The file extension is not the only convention we need to consider. We also 
need to consider the name of our file. File names for Web pages are largely 
dependent on the structure of the Web server hosting the page. Web servers are 
networked computers that use special software to host Web pages. Web pages 
are saved in folders on a Web server called directories. Web servers often 
default to home.html or index.html as the main page of a directory. This way, 
if a user finds a directory for a site but does not enter the exact name of the 
main page, index.html or home.html will be displayed. If neither of these files 
exists in the directory, a list of files in the directory may be displayed. To pre-
vent this and for consistency, many Web designers name the main page of 
each directory index.html.
Now that we know what file name and extension is best, let’s save the file as 
index.html.
1.To begin saving the file, on the toolbar,
You see the Save Page As dialog box. 
We need to specify where to save the file and what to call it.
VB.NET PDF File Permission Library: add, remove, update PDF file
As String = Program.RootPath + "\\" 3_pw_a.pdf" ' Create a password setting object with user password "Hello World Hello World") ' Set encryption level to
pdf security; advanced pdf encryption remover
VB.NET PDF File Compress Library: Compress reduce PDF size in vb.
NET class. Also able to uncompress PDF file in VB.NET programs. Support PDF encryption in VB.NET class applications. A professional
copy text from encrypted pdf; pdf secure signature
KompoZer: The Basics v1.0.0  
11
Setting the Location and Filename
When the dialog box opens, it lists a default location from where the file will 
be opened. All of our exercise files are contained in the epclass folder, located 
on the desktop. We’ll want to change our location to this folder.
We will start at the desktop, since our exercise file folder, epclass, is located 
there.
1.To expand the Save As dialog box, if necessary,
2.To move to the desktop,
The current location is now set to the desktop. All of our exercise files are 
contained in the epclass folder, located on the desktop. 
3.To open the epclass folder,
£
The epclass folder contents are now visible.
Note for Macintosh Users - On a Macintosh, the “From:” field is above the 
list of visible folders and files. To move to the desktop, press the key com-
bination 
+ D. From there, you can move into the epclass folder.
We will need to open the Citing Web Resources subfolder of the epclass 
folder that contains all of the necessary documents.
4.To open the correct folder,
£
the Citing Web Resources folder
Now that we have specified the Save in location, we need to specify the file-
name. 
Let’s make sure that the filename is highlighted first.
VB.NET Word: How to Convert Word Document to PNG Image Format in
and document formats, including converting Word to PDF in VB protection by utilizing the modern Advanced Encryption Standard that converts a password to a
pdf security settings; add security to pdf file
C# Image: How to Annotate Image with Freehand Line in .NET Project
Tutorials on how to add freehand line objects to PDF, Word and TIFF SDK; Protect sensitive image information with redaction and encryption annotation objects;
decrypt a pdf file online; pdf security password
12
KompoZer: The Basics v1.0.0  
5.If the filename is not highlighted,
¢
across the default filename
6.To name the file, in the File name field, type:
index.html ©
The file is saved as index.html
NOTE: In the Windows version of KompoZer , it will add the .html extension 
to the filename automatically, so you would only have to type the first 
part of the filename, index .
Formatting Web Page Content
There are many formatting options that can be used to make a page look more 
appealing. Graphics enhance interest and horizontal lines provide a clear divi-
sion between sections of a page. In addition, text formatting helps to define 
hierarchy of content and emphasize text. 
Inserting an Image
Let’s see how to insert an image that has already been created for this page. 
The particular image we will be using serves as a banner for the entire page. 
First we’ll create a new paragraph for the banner.
1.To move to the top of the document, press:
ƒ
á
Note for Macintosh Users - To move to the top of the document, 
press
´
.
2.To create a new paragraph, at the top of the page, press:
©
C# Image: C#.NET Code to Add HotSpot Annotation on Images
Protect sensitive information with powerful redaction and encryption annotation objects to provide powerful & profession imaging controls, PDF document, image
pdf security remover; secure pdf remove
C# Image: Add Watermark to Images Within RasterEdge .NET Imaging
powerful and reliable color reduction products, image encryption decryption, and even to provide powerful & profession imaging controls, PDF document, image to
convert secure pdf to word; copy paste encrypted pdf
KompoZer: The Basics v1.0.0  
13
3.To position the cursor in the new paragraph, press:
´
Now let’s insert the image.
4.To begin inserting an image, on the Composition toolbar,
You see the Image Properties dialog box: 
5.To begin locating the image,
You see the Choose Image File dialog box.
The image is saved in the Citing Web Resources folder.
6.To select the image, in the Citing Web Resources folder,
£
banner.gif
You now see a preview of the image in the dialog box. 
Let’s add some alternative text for this image before we insert it in our Web 
page.
14
KompoZer: The Basics v1.0.0  
Understanding Alt Text
Certain standards have been set to make Web pages accessible to those with 
disabilities. One such standard is providing alt or alternative text for images. 
Alt text should provide a clear description of what an image depicts. A 
browser designed for visually impaired people can then refer to this text to 
interpret images.
Let’s see how to use KompoZer to define alt text for the banner image.
1.To enter alt text, in the Alternative text field, type:
Citing Web Resources
2.To insert the image, 
NOTE: Sometimes the image may not show in the KompoZer window, even 
when the image has been inserted correctly. This is a problem with 
KompoZer’s preview function and does not affect the final outcome 
of the Web page. 
We want the image to be center aligned so let’s set the Paragraph alignment.
3.To set the alignment,
the image, ™
You see the image centered at the top of the page.
Formatting Text
Now let’s format some text on the page to make it stand out more. Since 
KompoZer is a WYSIWYG editor, we’ll format the text in the same way text 
in a word processor is formatted.
Understanding Heading Styles
An HTML style is a combination of text formatting and paragraph attributes 
gathered under one name. There are six pre-defined heading styles which 
combine a relative text size with bold formatting. All heading styles are pre-
ceded and followed by a blank line. Heading 1 is the largest and Heading 6 is 
the smallest, but their exact size changes according to what the user has set as 
the default in their browser. 
KompoZer: The Basics v1.0.0  
15
1.To position the cursor,
anywhere in the text “General Information”
2.To apply a heading style, on the Paragraph Style drop-down list,
, ™
Heading 2
The Heading 2 style is applied to the text. Notice that the Heading 2 Para-
graph style includes space above and below the text. Let’s create another 
Heading 2 section in the page.
3.To position the cursor,
anywhere in the text “Web Resources”
4.To apply a heading style, on the Paragraph Style drop-down list,
, ™
Heading 2
The Heading 2 style is applied to the text.
Italicizing Text
Just as in a word processor, we can use KompoZer to emphasize Web page 
text by italicizing it.
1.To select the text, under the second paragraph of General Information,
¢
across “non-publication”
2.To italicize the text, on the Format toolbar,
Formatting Lists
KompoZer makes it easy to create lists. An unordered list is indented and 
each list item is preceded by a bullet. An ordered list is the same except each 
list item is numbered. Keep in mind that in order to be properly formatted, 
each list item must be its own paragraph.
16
KompoZer: The Basics v1.0.0  
Let’s see how to format an unordered list.
1.To select the list text,
¢
from “APA Style Online” to “...mla.html”
2.To format the text as an unordered list, on the Format toolbar,
The list is formatted with a bullet in front of each item.
Let’s use a keyboard shortcut to save the Web page.
3.To save index.html, press:
ƒ
S
Note for Macintosh Users - To save index.html, press: 
S.
Understanding Links
Web pages utilize several different types of links to connect images, Web 
pages, and other resources. Hypertext links connect text in one Web page to a 
different point in the same Web page or another Web page. We’ll create two 
different types of hypertext links.
Creating a Relative Link
We want to create a link to comparison.html, a file which will be part of the 
final Web site. Because these pages will be contained within the same direc-
tory or local folder, the link can be relative. This means only the document 
name is specified because the full path is implied by the current document. The 
link will remain the same as long as both pages are kept in the same directory.
Let’s see how to create a relative link.
1.To select the text to link,
¢
across “Comparison of Citation Styles for Web Pages”
Documents you may be interested
Documents you may be interested