You will be greeted with a window that contains a menu (the top line of the window that says "File Edit View Insert..." etc), a few lines of toolbars (containing buttons like "New", "Open", etc), a left panel with a heading "Nvu Site Manager", and a large pane on the right-hand side that has a tab called "Untitled". This large pane is where you will design Website Development web page. Type the following into the Nvu. You don't have to do anything special - just start typing. Note that you can type whatever you wish - I'm just furnishing you a block of text as an example. For ease of explanation, though, I will assume that you have typed the text here in the rest of the tutorial. Don't let that stop you from being creative, though. Double, double, toil and trouble; fire burn, and cauldron bubble. Fillet of a fenny snake, in the cauldron boil and bake; eye of newt and toe of frog, wool of bat, and tongue of dog, adder's fork, and blind-worm's sting, lizard's leg and howlet's wing, for a charm of powerful trouble, like a hell-broth boil and bubble. When you type, you are typing into Nvu's "Normal" mode. You can see which mode you are using by glancing at the series of tabs at the bottom of the Nvu window.
To see how your page appears in an actual web browser, click the "Preview" tab to enter Nvu's "Preview" mode. Return to the "Normal" mode before continuing. I shall assume that you are using the "Normal" mode in this tutorial unless otherwise specified. The "Normal" mode is Nvu's WYSIWYG editor mode. When you type text in this mode, Nvu converts it into a HTML web document behind the scenes so that web browsers can recognize it as a web page. If you want to look at the HTML code that is generated from what you just typed, click the "HTML Source" tab at the bottom of Nvu. Remember to return to the "Normal" mode when you've finished admiring the code. Now save the page onto your hard disk. Do this by clicking on the "File" menu, then the "Save" item on the menu that appears. A dialog box should appear asking you for the Page Title. Note: For convenience, in future, I shall refer to this sequence of clicking on the "File" menu, followed by the "Save" item simply as: This means that you are to click on the "File" menu, followed by the "Save" item on the menu that appears. There are shortcuts to saving a file in Nvu, as there are for the many commands given in this tutorial. I shall, however, leave the discovery of minor things like that to you and concentrate on the main task of creating a web page.
As mentioned earlier, when you use "File | Save", a dialog box will pop up, asking you to give a title to your page. Since this is the main page of your website, you should enter the name of your website here. For example, if you are publishing a personal web page, you might want to name your website "Shakespeare's Website" (without the quotes) if your name happens to be Shakespeare. If you are publishing a company web page, the site name should be your company's name, such as "XYZ Company" or the like. Once you've finished with the title, click the OK button or simply hit the Enter key. A new dialog box, prompting you for a filename, will appear. Navigate to a directory (ie, folder) on your computer where you want to save your page. Type "index.html" (without the quotes) into the file name part of the dialog box. Do not accept the default name given in the dialog box. Do not use another name. Do not use capital letters in the name (ie, uppercase). Most web hosts expect the main page of your website to be called "index.html". If you change it, you may find that your website does not work as you expect. After you've saved the file, you will be returned to the Nvu main window. Look at the top of the window to the window's title bar. Notice that instead of the words "untitled", the title that you typed in earlier now appears in the window title bar.
Search
Member List
Calendar
Help
