Saturday, July 02, 2005


Nvu (pronounced: "n vue") is an open source, cross-platform, standalone WYSIWYG complete web authoring system. Now anyone can create web pages and manage a website with no technical expertise or knowledge of HTML. It has a standards conformant engine maintained on a daily basis by a wide community of developers and has remarkable support for XML, CSS and JavaScript. Check out it's features and screenshots.
I have decided to use this software for all my blogs. Over the days, I shall be learning how to use this software and shall document my progress/experiences here.
(a) Download Nvu 1.0 for your operating system.
(b) Install Nvu.
(c) Download the Nvu User Guide.
(d) Download the Tutorial for absolute Nvu newbees. The file I downloaded was nvutut-0.3b.xpi Follow the Installation Instructions properly.
(e) I am going to follow the Tutorial mentioned in (d) above.
(f) Start up your Nvu software.
(g) On the menu, click on Tools/Preferences. Click on the Advanced tab. In the Markup section, select XHTML 1 and Strict. Now click on Fonts tab. Select Verdana for Sans-serif. Next click on the New Page Settings tab and enter your name in the Author field. Click on OK.
(h) I plan to use Nvu on my blog posts, first. Some knowledge of HTML and CSS at this stage will definitely be helpful.
(i) Start-up Nvu.
(j) I am creating two css classes - technoratitag and posttoblog. I shall show you how to create the technoratitag class; you can do the same for the posttoblog class. Click on Tools/CSS Editor. Click on Expert Mode (ie. remove the tick on this button). Click on Rule, for the selected names style, enter technoratitag and click on Create Style Rule. Now click on the Text tab. Select predefined (sans-serif). Type #000000 for color. Enter 0.9em for font-size and 1.5em for line-height. Now click on Close. The class technoratitag has been created.
(k) Click on File/Save As. Type BlogPostSample as the title and then type BlogPostSample as the File name and save to your relevant folder. That's it; everytime you need to prepare a blog post, load a copy of this file. Now based on page 23 of the Nvu User Guide create a <div> element. Type in your post. Switch to HTML Tags mode and click on the DIV image, then apply the posttoblog class to this <div> element as per the manual (page 24).
(l) Save your file and then Verify your html by clicking on Tools/Validate HTML.
(m) For Blogger/ you will have to copy the two css classes we have created, to the template before the </style> tag. Also, for posting to your blog, you will have to click on the Source view and copy your post from the <div> to the </div> tag and paste it in your Blogger post.

Comments: I have not tried the (a) Template feature, but I believe it creates the template in Transitional and not in Strict mode (b) Nvu Site Manager. This should be a very useful feature for uploading your site to your server. A feature I would definitely like is a way to directly post from Nvu to Blogger as is possible with QumanaLE.
Technorati Tags:
Blogs linking to this article


Blogger J Anderson said...

I used this but I prefer Dreamweaver.

2:53 PM  
Blogger SatishTalim said...

Any reason for prefering Dreamweaver?

5:57 AM  
Anonymous Anonymous said...

Hi Satish, Let me know what you think of this product after using it for a while. Mike (

10:45 AM  
Blogger Mayuresh said...

For posting to blogger, i used just the firefox blogger plugin and when using IE (uggh!)i use the little [b] button on google toolbar.

8:23 PM  
Anonymous Eric said...

Unfortunately, NVU does not support php, integrally. At least, not very well (or else I haven't figure out how to enable it). I think I'll stick with text-based, for now. Notepad++ seems to be doing the trick, quite nicely.

2:44 PM  

Post a Comment

Links to this post:

Create a Link

<< Home