I like that what I see is what I get on the Web. The current Web page was of course created with BlueGriffon BlueGriffon editing one of the Media Queries of a responsive Web site. Editing EPUB 3. Editing EPUB 2 metadata.
|Published (Last):||14 November 2006|
|PDF File Size:||18.50 Mb|
|ePub File Size:||16.83 Mb|
|Price:||Free* [*Free Regsitration Required]|
It has far more features than the Mozilla Composer mentioned in my Mozilla Composer Tutorials , and like the latter, it runs under Windows, Macintosh and Linux. You will need to have Nvu obviously. There are versions of Nvu for Windows, Macintosh and Linux. Get the appropriate one for your system. Update 12 September : Nvu has been officially discontinued and is no longer available for download. Please use KompoZer, which is essentially Nvu with a new name and some minor bug fixes.
See the KompoZer tutorial for details. Alternatively, use BlueGriffon , which is the latest web editor created by the same person who made Nvu. Yes, the developer has long moved on from Nvu, which is now abandonware. In spite of their asking for donations to support the development of Nvu, they are not actually run by the person who made Nvu.
You don't even know if those downloads install some viruses or malware on your system as well. Always get software from their official sites only. Since there are no longer any official sites for Nvu, please use one of the other editors suggested above. You will need a web host to publish your pages to. For the complete beginner, a web host is loosely speaking a company which has computers that are permanently connected to the Internet. After you design your web page s , you will need to transfer your pages to your web host's computer called a web server , so that the rest of the world can see it.
There are numerous web hosts around listed on thefreecountry. There are other things involved in getting your first web site up and running, such as getting your own domain name , making your website search engine friendly and promoting your web site. This tutorial however does not deal with those matters — it is strictly about designing creating and publishing uploading your website using Nvu. By the end of this tutorial, you will have set up a working website with multiple pages, including a main page, a feedback form, a Reciprocal Links page, an About Us page, and a Site Map.
Your pages will contain images, multiple columns, a form, links to other pages within your site, links to other sites, text in different font sizes, etc. In other words, you will have a fully functional website. More importantly, you will know how to use Nvu to create, design and publish your site so that you can design new sites any time you want.
In this chapter, you will learn to create a rudimentary web page and publish it so that it can be accessed on the Internet. By the end of this chapter, you will be viewing your web page on the Internet with your favourite web browser. Note that this is a hands-on tutorial. To benefit from it, in fact, to even understand it, you need to follow the steps as I describe them.
The practical nature of this guide makes it difficult to follow or understand if you're not doing the things mentioned. You will be greeted with a window that contains a menu the top line of the window that says "File Edit View Insert This large pane is where you will design your 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. 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.
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. 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. 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. 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. Before we proceed to polish the page so that it looks at least half-way decent, we need to publish the page to your web host. One reason we're going to do this now, even before we've finished the page, is that Nvu needs the information about your actual website's address or URL before it can correctly handle things like links and images on your web page.
So even though the page is probably an embarrassment to you at this stage, please complete the following steps, or you will encounter problems later. Don't worry about the page being so plain.
If you've not advertised your website's address URL to anyone, no one will even know your site exists, so this preliminary version of your page will be seen by no one but you. People will not visit your site out of the blue just because you happened to sign up for a web hosting account today. It's not that easy to get visitors.
Another reason that you're publishing your page at this time is so that you can get familiar with both the major stages in the design of a web page. Once you get this hurdle out of the way, and you know how to get your web page from your computer into your web host's computer, you have mastered what is arguably the biggest technical challenge a newcomer is likely to face.
Don't let this scare you though — it's actually quite easy! To publish the page, go to "File Publish" ie, the "Publish" item on the "File" menu. A "Publish Page" dialog box will appear asking you for more details.
Use the name that you gave to your website when asked for the title earlier ie, "Shakespeare's Website" or "XYZ Company" or whatever. This name is only used by Nvu internally, to refer to your site, but it's probably best to use the real name you ultimately wish to give to your site to minimize any confusion later. If you registered a domain name like "example. This field is required because Nvu will use this information to form links on your site.
When you signed up for your web hosting account from a commercial web host , you would have been given a whole bunch of details by your web host. Among these is something known as your "FTP address". FTP, or File Transfer Protocol, is the usual means by which you transfer your web pages from your own computer to your web host's computer.
Transferring your pages from your computer to your web host's computer is known as "publishing" or "uploading" your pages. For the purpose of this tutorial, I will assume that your web host told you that your FTP address is "ftp. You should substitute your real FTP address everytime you see "ftp.
Before you enter that address though, you will need to know which directory or folder you need to put your web pages. Some web hosts require you to put your web pages in a directory named "www". Still others say that you are to put your web pages into the default directory that you see when you connect by FTP. And so on. Find out the directory where you're supposed to upload your web pages to.
Once you've got all the details, you're ready to form the address you have to enter into the "Publishing address" field. If your FTP address is "ftp. The "User name" and "Password" fields in the dialog box refers to user name or login name and password that your web host assigned to you. It is needed so that Nvu can connect to your FTP account and upload publish your pages.
When you've finished completing the information, click the "Publish" button. Nvu will proceed to connect to your FTP account on your web host and upload your pages.
Designing & Publishing a Site with Nvu
You can find more at Business Tool: Percentage Calculator. NVU - Finally! Nvu pronounced N-view, for a "new view" makes managing a web site a snap. Now anyone can create web pages and manage a website with no technical expertise or knowledge of HTML. Download NVU for windows, 6. KompoZer is not a cure-all for all the bugs in NVU 1.
Summer at NVU
It has far more features than the Mozilla Composer mentioned in my Mozilla Composer Tutorials , and like the latter, it runs under Windows, Macintosh and Linux. You will need to have Nvu obviously. There are versions of Nvu for Windows, Macintosh and Linux. Get the appropriate one for your system.
Nvu pronounced "N-view," for a "new view" is a free, open source software program that allows you to build websites and web pages using a simple WYSIWYG editor what-you-see-is-what-you-get. In this tutorial, you will create two sample pages. A Home Page default , and an "About Me" page. You will learn how to add and manipulate text, add images, create hyperlinks, and create and manipulate tables. Screen shots of sample web pages that you will create through this tutorial are listed below. To view them in full size, click "large image" below each screen shot. Nvu is available for free here.
NVU Tutorial for MSU Students
In this tutorial we will show you how to upload your homepage to your webspace via FTP. If you want to skip this display in the future, remove the check mark in front of the text " Show tips at startup ". After you have designed your homepage according to your wishes, click the " Publish " button in the menu bar in the upper left corner. Page name: Here you enter the name that should appear in the title bar of the browser when your page is called. HTTP address of your homepage: Enter here the address without "www. Finally, place a check mark in front of " Save password" so that the settings for the next time can be transferred.