Transcript Using VNU

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
Publish
Link
Image
Table
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 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
• 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 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