This document provides instructions for using the web editor Kompozer to create websites. It discusses downloading and installing Kompozer, using its interface and tools to add images, tables, forms, and links. It also addresses frequently asked questions about features like setting colors, inserting special characters, and accessing plugins. The goal is to teach readers how to efficiently design web pages and sites using this WYSIWYG editor.

1. Exploring the Internet Creating web pages with Nvu/Kompozer a WYSIWYG web editor 91.113-021 Instructor: Michael Krolak 91.113-031 Instructor: Patrick Krolak See also http://www.cs.uml.edu/~pkrolak/lab4/lab4.html Authors: P. D. & M. S. Krolak Copyright 2005

4. Nvu Now called KomPozer Nvu (pronounced New View) is an open source editor, i.e. the source and the program are freeware . NVU has a next version called Kompozer which is new and improved.

6. Using Kompozer to set up and edit your website

10. Kompozer’s Site Management

11. Opening your web page on Kompozer

12. Enter the location of your web page

13. Opening your Publishing Settings

14. Site Settings Remember: Your username is your first initial and last name and 113. So JohnSmith would have a http address of http://ceweb.uml.edu/jsmith113 , a ftp site of ftp://ceweb.uml.edu and a username of jsmith113

16. Opening your web page on Kompozer

17. Kompozer Editor to create web pages in HTML

18. Enter the location of your web page

19. Opening your Publishing Settings

22. [ I nsert]

23. [ I nsert]/Named A nchor

25. [ I nsert]/HorizontalLine

26. The Composition Bar The Composition Bar offers one button tools for rapidly carrying out common tasks .

29. New Button

30. Open Button

31. Save Button

32. Publish Button

36. Browse Button

37. A nchor – Named Anchor

38. Linking materials

39. Link Button

42. Using Images in your web page

44. Image Button

49. Table Button Tables allow the author to create a two dimensional layout for the document. This control is necessary for a professional and pleasing appearance. Read: http://www.cs.uml.edu/~pkrolak/lab4/lab4.html

50. The Table Button

55. Examples

56. Forms for creating user interaction Forms allow the user to interact with the page, a necessary function for e-commerce and other applications Read http://www.cs.uml.edu/~pkrolak/lab8/lab8.html

60. Form Method Method Comment Get A message attached to the URL of the location where the information is to be processed. The attachment follows the usual URL starting with a "?" and followed by name and value pairs. Some special character information is encoded to allow the receiving location to distinguish the operator characters from those used as normal text. Post A file that is passed with the URL to where it will be sent to be processed.

61. About Encoding The Commonly Supported Encoding Types Encoding Type Comments application/x-www-form-urlencoded This process translates spaces in the information to "+", non-alphanumeric data into % followed by a two digit hexadecimal that are the ASCII code for the symbol, and the line brakes as %0D%0A . text/plain As the name implies, a simple text file. multipart/form-data Allows the form's components, i.e. the type, send file, to be used to send a single MIME-compatible compound document. This is a fancy way of describing the familiar email attachments.

66. Design of a Form

67. Spell Button

68. Print Button

69. The style bar (Formatting Bar) Creating the look and feel of the document.

71. Style

73. Text and Background Color Selection

74. Selecting colors

75. Highlighting

76. Physical Text

78. Text Alignment

79. Unordered List

80. Ordered List

81. Align the text element

86. Attributes for the Controls Control Attribute Value Controls True|False Height integer Width integer Autostart True|False Loop True|False