Using VNU. Getting Started Download and install KompoZer or NVU from the PortableApps web site onto...
-
Upload
ophelia-carter -
Category
Documents
-
view
218 -
download
0
Transcript of 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