The Editing Environment
The User Interface
When you first run Namo WebEditor, the toolbars and menus for executing commands appear and an empty document is opened in the Edit window so that you can create a web document.
The basic task environment that makes up Namo WebEditor is as follows.
- Namo Button: Namo WebEditor provides the Namo button which gathers major document-related commands such as those for opening and saving web documents and publishing sites. The important commands for dealing with documents including creating, saving, printing and publishing web documents are gathered in one place so that such commands can be found easily.
- Quick Access Toolbar: Namo WebEditor provides the Quick Access Toolbar which displays often-used commands as small icons above the menu.
- Ribbon Menu: The existing menu was replaced with the ribbon menu so that commands can be found more quickly and to arrange the task environment in a more clean, efficient manner.
- Special Tabs: Namo WebEditor provides special tabs that only appear when certain objects are selected. The tabs group together commands that are only occasionally needed for certain tasks making it easier to find and select the commands.
- Site Library panel: This is cocated to the right of the Edit window. From the Site Library panel, all of the various resources files used in your site can be easily managed and accessed. When a site is not opened, you can see a list of your computer drives and files.
- Tag Selector and Status bar. These are located beneath the Edit window. In the Tag Selector you can explore the structure of the HTML tags around the point where the cursor is placed and select the area contained between certain tags. On the status bar you can see document editing information, settings information, etc.
The menus, toolbars and panels that are attached to the Namo WebEditor Edit window can be detached and used and then reattached.
Before saving an edited document, its name appears as “noname.htm” with an asterik * beside it.
The visual authoring environment
Namo WebEditor is a visual, or WYSIWYG (“What You See Is What You Get”), Web authoring program. This means that what you see on the screen while you are creating or editing a Web page with Namo WebEditor closely resembles what you would see if you were to open the page in a Web browser. This visual orientation makes Namo WebEditor different from “code-oriented” HTML editors, in which you edit HTML code directly (although you can also do that in Namo WebEditor).
Namo WebEditor’s main window
The largest part of Namo WebEditor’s main window is taken up by the document window, the workspace where you create and edit a Web document. At first, when you start a new document, the document window is an empty white space. To build a Web document, you fill the window with content—the elements that make up a Web page—by typing words, dragging and dropping image files from your hard disk, and so forth.
Entering content into a Web document with Namo WebEditor works much like entering content in a word processing program. A blinking vertical bar, called the insertion point, indicates where text you type or images you insert will appear on the page. In a new document, the insertion point begins in the upper left corner of the document window. As you add content, the insertion point moves toward the right; when it reaches the right edge of the document window, it moves down one line and back to the left edge. Unlike a page in a word processing document, however, a Web page has no fixed size. As you add content, the page gets longer and longer. That’s why Web browsers, and Namo WebEditor, provide a scroll bar at the right side of the window—so you can see an entire document, even if it doesn’t fit on one screen.
Note that you cannot simply click anywhere on an empty page and starting typing at that location. As in a word processing program, the insertion point cannot move beyond the end of the document’s existing content. However, there are ways to place content at a specific location on a page, using layout boxes, tables, or layers. (These topics are discussed in the section “Laying Out Web Pages“.)
At the bottom of the document window are a set of mode tabs, labeled Edit, Edit & HTML, HTML, and Preview. Use these tabs to switch among Namo WebEditor’s three basic modes of operation:
- Edit mode is Namo WebEditor’s normal mode, in which you edit documents visually. When Namo WebEditor starts, it is always in Edit mode.
- In HTML mode, the document window shows the HTML source code that underlies the current document. In this mode, experienced authors can work directly with HTML code to achieve advanced effects that may be difficult to realize in Edit mode. To quickly switch between modes, press F6 on your keyboard.
- Preview mode displays the current document exactly as it would appear in the version of Internet Explorer that is installed on your computer. Use this mode as a quick alternative to previewing the document in a real browser. You cannot edit a document in this mode.
Clicking the Edit & HTML tab shows Edit mode and HTML mode simultaneously in a split window.
When you are working on a frameset, three more mode tabs are available: Frameset Source and Frameset Preview. See “Using frames” for information about these additional modes.
The rest of this section covers the document window and other basic parts of Namo WebEditor’s user interface in more detail.
In this section
Viewing Edit and HTML modes simultaneously
Rulers, layout guides, and layout grids