Using VNU

Getting Started Download and install KompoZer or NVU from the PortableApps web site onto your personal computer.PortableApps Versions for both the Microsoft and Apple operating environments.

NVU/CompoZer Menus Text format Buttons Publish Link Image Table

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 Properties Apply to the whole table Cell Properties Format 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 Links to Local Web Pages Make a page before trying to link to it

Local web pages Page title My (…) Interests Page Name File 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 …

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 name C:\ … \rball.html delete 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 Password Rxxxxxxxx Save Password

The Publish Window Publish Tab Site subdirectory – public_html Check the Include box Publish the index.html file