This manual was of course entirely written using BlueGriffon itself. Please note it is not a HTML5 or CSS2/CSS3 tutorial but a User’s Manual. This manual is not. Warning, this is the User’s Manual for BlueGriffon, not a HTML, CSS or EPUB tutorial. The most complex CSS features of BlueGriffon will be explained in the. BlueGriffon is an Open Source Web editing application that allows All the examples in this tutorial are based on running BlueGriffon under the Linux operating.

Author: Memuro Zolot
Country: Angola
Language: English (Spanish)
Genre: Literature
Published (Last): 10 January 2006
Pages: 431
PDF File Size: 1.45 Mb
ePub File Size: 4.89 Mb
ISBN: 588-8-86049-241-4
Downloads: 55772
Price: Free* [*Free Regsitration Required]
Uploader: Goltishura

Most of the items here can be left at their default values, since you can change things you don’t like later in BlueGriffon itself. For the purpose of this tutorial, your home page and the rest of your site will have a two column layout. Create a folder on your computer so that you can store all your website files later. However, you should only do this if you really cannot afford to get, at minimum, a domain name, because you will lose out in a major way sooner or later.

People using the old version 1. Let’s familiarise ourselves with this window, so that you’ll know what I’m talking about bluegrffon I refer to the various portions of the page later in this tutorial.

Deleting everything now will leave you a completely blank document, making it hard to locate things later. For example, at the time I write this, Amazon. Our selection of examples is so extensive that we even have examples of examples.

For example, any image you insert into your page should already have been copied and pasted into the web site working directory on your desktop in the images folder. Click the “Port” field to put the text cursor there. rutorial


Neither will search engines even know your site exists. Switch back to the Wizard in your browser. What this means in practice is that if you are running an online shop ie, you’re selling goods and services on your siteyou should probably mention your most important products or even all your products if you only sell a few things on that page. The contents of the dialog box, just below the tab should change.

Sorry, but I don’t have a Mac, so I can’t help you there. In the next chapter, you will add pictures and a site logo to your web page.

BlueGriffon Tutorials

Obviously if you have no money, you’ve got no choice but to take this route. It may be incomplete at the tutoeial, but you have already mastered two of the biggest stumbling blocks newcomers typically face: It allows you to place less essential but useful information in the side column while concentrating your primary content in the main column.

The first page that you’ll create for your website will be what is known as the “Home page”. You will learn how to put text in bold and italics, as well as change text size and fonts in chapter 3. Image Location field – Click on the yellow folder with the green arrow to open a file browser window. Some schools and universities set up a special web server for use by their students for their website-making assignments. To create a link or if you are editing a link, select blhegriffon link firstclick the Link button discussed above.


BlueGriffon Tutorial

It doesn’t matter exactly where you put your cursor, since you’ll be moving it in a second. You can also, if you wish, append a brief phrase about what your site is all about.

Example Co Example Co is the premier site dealing with all sorts of bluegrifron relating to life, the universe and everything.

However, it is beyond the scope of this tutorial to cover the details of getting your site published on the web or the inner workings of HTML code. Browse for and locate the file you want to edit, select it, and click Open to close the file browser window and populate the location field in the little dialog box under the menu bar.

Certainly the most powerful Responsive Design editor of all Wysiwyg editors!

BlueGriffon Tutorials ()

This manual is delivered in PDF format with hyperlinkshas more than a hundred pages and is in english. Mac users should do the functional equivalent: Click “Basic Latin” in the top half of the window. A domain name is just the name of your site. The final dialog box, with the heading “Completing the BlueGriffon Setup Wizard”, will appear after the installer has finished setting up everything.

Just a reminder that the CSS already defines default settings for all of the attributes mentioned above – don’t re-invent the wheel if you don’t have to. They are complete and fully functional, with a working contact form and multiple pages.