

You will also have the option of setting a background image for the HTML document ( Fig. Since you can change these at any time, it is best to leave these at their default settings initially.

Then you will be prompted to enter your color and background settings ( Fig. All the other fields may be left blank, if so desired. Type in the title of your webpage, and if you wish, the author. Next, the wizard will ask you to enter the general document properties ( Fig. The document type we will be using will be the default HTML 5 option ( Fig. The new document wizard will then appear, prompting you to select what kind of HTML document you would like to create. Although there is an option in BlueGriffon to start with a blank page, for the purposes of this tutorial, we're going to use the new document wizard.įirst, open the BlueGriffon program, and from the File menu, select New wizard ( Fig.
#Bluegriffon tutorials how to#
Although BlueGriffon is free to use, it can be extended with add-ons, although some of these aren't free and working out how to add them onto BlueGriffon is a bit tricky.īlueGriffon is an very impressive up and coming free WYSIWYG website editor which may prove a very solid alternative to commercial options.Įditor was losing focus when arrows keys are used to move the caret and a panel is visible L10N plete refactoring of CSS Properties panel's codesave in source view horks character setunprefixing box-shadow, border-radius and other updatesallow BlueGriffon to open local *.php files b=405allow changes of the document's charsetfloating toolbar was horked with the findbarCreate backup before saving a html file b=401copy/paste makes all URLs absolute b=398activeview popup too transparent b=372html4 and html5 source views can be close without prompt, switch to DOMParser with text/html type b=392fixed floating toolbar on linuxSerbian l10n addedLink Insertion dialog adds a mailto: to mail links even if already present b=394comments, PHP and PI support b=384negative margins were not allowed b=383refine background-repeat UI b=382Revert, CloseTab and CloseOtherTabs as context menu on tabs b=294floating toolbar now has a preference in Preferences panelformerly hidden pref forceLF now has a preference in Preferences panelbetter support for multiple charsetstext-decoration:none option missing in CSS panel b=381 ChangesĮditor was losing focus when arrows keys are used to move the caret and a panel is visible L10N plete refactoring of CSS Properties panel's codesave in source view horks character setunprefixing box-shadow, border-radius and other updatesallow BlueGriffon to open local *.Now that we have created a default directory for our new site, we can create our home (or "index") page.

However, the WYSIWYG interface makes it easy enough to feel your way around.
#Bluegriffon tutorials trial#
There's very little in the way of help documentation so using it is a case of trial and error.

If you're an advanced coder, you can switch to Source View mode to hard-code your page so there's something for beginners and experts in BlueGriffon.īlueGriffon is very impressive although its still very much a work in progress. The project you edit will look exactly the same in Firefox 4 as it does while you're working on it.
