using vnu. getting started download and install kompozer or nvu from the portableapps web site onto...

Using VNU

Getting Started

• Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.

• Versions for both the Microsoft and Apple operating environments.

NVU/CompoZer• Menus• Text format• Buttons

PublishLinkImageTable

Background Color

Background Color

Home Page Construction

Save Frequently

Constructing a 2-column Layout

• Using the Table button for page layout.

2-Column Layout

• Select one row, two columns

Table/Cell Properties

• Double click anywhere on the table to bring up the Table Properties menu

• Table PropertiesApply to the whole table

• Cell PropertiesFormat each cell

separately

Table Properties

• Border = 0: make it go away

• Spacing• Padding

Cell Properties

• Vertical align – top• Each cell’s properties

are set separately – double click in a cell to set cell properties

• Set width to 50%

Inserting Images

• Place the image in the folder that holds your web pages (relative link)

• Click where you want to place the image

• Then use the Image button

• Use Choose file to get image and double click on the image

Inserting Images

• Possible relative address problem.

• If the Image location contains a full file name,C:\...\DSCN2347.jpg

remove everything but the file name.

Inserting Images

• Set dimensions– Change width, height is

changed automatically to keep proportions

Relative Linksto

Local Web Pages• Make a page before

trying to link to it

Local web pages

• Page titleMy (…) Interests

• Page NameFile names should contain

no blanks or special characters

Local Pages

• All pages must be in the your web folder, or sub folders of your web folder.

References

• Write out the statement

• Highlight the word or phrase

• Make the hyperlink by using the Link button

References

• Relative References• Local References• References to files within

your web space• xyx.html

• Absolute References• References across the

Internet• http:// …

Local References

• Relative Hyperlinks• Do not type in the file

name, use the Choose File button

Local References

• Relative Hyperlinks• Do not type in the file

name, use the Choose File button

• Then Select the file by double clicking on it.

Local References

• Possible Relative Hyperlink Problem

• After choosing the file if the location are contains a full file nameC:\ … \rball.htmldelete the prefix and keep the file name.

External References

Absolute Hyperlinks (htpp://)• Bring the reference up in a

browser• Highlight the reference• Copy the hyperlink

Cntl-c

External References

Absolute Hyperlinks (htpp://)• Bring the reference up in a

browser• Copy the hyperlink• Paste

Publishing

• If you did it right, then publish the index.html page.

The Publish Window

Settings Tab• Cite Name• Web Site Address• Publish Server – ftp://• Username

Yourname2

• PasswordRxxxxxxxx

• Save Password

The Publish Window

Publish Tab• Site subdirectory– public_html

• Check the Include box

• Publish theindex.html file