1 / 28

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.

shaman
Download Presentation

Using VNU

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Using VNU

  2. 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.

  3. NVU/CompoZer • Menus • Text format • Buttons Publish Link Image Table

  4. Background Color

  5. Background Color

  6. Home Page Construction

  7. Save Frequently

  8. Constructing a 2-column Layout • Using the Table button for page layout.

  9. 2-Column Layout • Select one row, two columns

  10. 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

  11. Table Properties • Border = 0: make it go away • Spacing • Padding

  12. 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%

  13. 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

  14. Inserting Images • Possible relative address problem. • If the Image location contains a full file name, C:\...\DSCN2347.jpg remove everything but the file name.

  15. Inserting Images • Set dimensions • Change width, height is changed automatically to keep proportions

  16. Relative LinkstoLocal Web Pages • Make a page before trying to link to it

  17. Local web pages • Page title My (…) Interests • Page Name File names should contain no blanks or special characters

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

  19. References • Write out the statement • Highlight the word or phrase • Make the hyperlink by using the Link button

  20. References Absolute References References across the Internet http:// … • Relative References • Local References • References to files within your web space • xyx.html

  21. Local References • Relative Hyperlinks • Do not type in the file name, use the Choose File button

  22. 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.

  23. 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.

  24. External References Absolute Hyperlinks (htpp://) • Bring the reference up in a browser • Highlight the reference • Copy the hyperlink Cntl-c

  25. External References Absolute Hyperlinks (htpp://) • Bring the reference up in a browser • Copy the hyperlink • Paste

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

  27. The Publish Window Settings Tab • Cite Name • Web Site Address • Publish Server – ftp:// • Username Yourname2 • Password Rxxxxxxxx • Save Password

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

More Related