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: Brashura Nikosar
Country: Somalia
Language: English (Spanish)
Genre: Automotive
Published (Last): 10 July 2018
Pages: 216
PDF File Size: 20.93 Mb
ePub File Size: 14.49 Mb
ISBN: 929-7-49197-319-7
Downloads: 11608
Price: Free* [*Free Regsitration Required]
Uploader: Shall

Title – Give your image a title that will appear when a user’s mouse hovers over the image.


You will be taught how to change fonts, text sizes, use bold or italics in chapter bluegrkffon of this tutorial. If you want to insert a sub-heading, like my “Featured Products” in the example above, put the words on a separate line. This is the icon immediately below the word “File” on the menu. We’ll run FileZilla later, when we actually have something to transfer to your website. If you can’t think of anything to say, just put your site name or domain name here.

You’ll only be placing your text cursor at those locations.

BlueGriffon Tutorial: How to Create a Website with BlueGriffon 1.x ()

This tutorial is written for someone who has little or tuhorial previous experience creating web pages or working with HTML code, and is looking for a tool to quickly and easily get content ready to put on the web. For Windows users, download by clicking the default download button rather than getting the zip file, unless you know how to manually install computer programs.

Otherwise, visitors reaching your main page will be at a loss as to how to proceed from there. The “Sidebar” field should have the words “Left px” selected by default. Please note the manual is not open source or redistributable.


They all mean the same thing. If you feel very strongly about this, and want to put your page title there instead, go ahead and do it. You can leave it open so that you don’t have to open it again in chapter 2, or just close tutirial. If you are connected to the Internet when you run the installer, a dialog box with the heading “Special Offer” will appear. Then click the “OK” button to dismiss the dialog box.

Bobby’s Web Docs & Tutorial Videos

BlueGriffon is a free and open source web editor that anyone can use to design a website. If you want a sub-heading for some of the sections on your page, like the “Featured Products” in my example text above, you’ll need to do the following.

If your visitor types your domain name into their browser, the web server will send them the contents of the ” index. Think of all you can do with your own example futorial Even though BlueGriffon will not force you to enter something into this field, it is a very important field.

The text cursor may already be there, but do it anyway, just in case. It’s typically not bluegrigfon to take your user away from your site where they can be distracted by the tutoial on the external site and forget how to get back to your site.

Tutoriall is, you can use the arrow keys on your keyboard to move the cursor to any position where there bluegriffpn words. The technical aspect of writing tutirial content is actually easy. As such, even if you are curious about the things mentioned in the placeholder text, clicking the links in the editor will not take you to the destinations of those links.


As you know, thesitewizard. Notice that the box that previously said “Heading 1” in the toolbar, now says “Paragraph”.

Remember that the Title field that you set earlier only appears in the browser’s title bar or tab, so if you don’t put the name of your site somewhere on your home page, your website will appear to have no name to your human visitors. Please do not skip this bluegrifon if you’re following this tutorial series. In the event that there is a difference, separate instructions for each operating system will be provided.

Once you have a blank right column, type the title of your page so that it is the topmost line in that column. If you use Windows, doubleclick ie, click twice in quick succession the file you downloaded to install it.

/chapter: Introduction / BlueGriffon

In computer jargon, selecting a line means to highlight it. For example, on a staff directory page containing a photo of a staff member, the alternate text should read something like “Photo of Johnny Awesome”. Gluegriffon CSS stylesheet already defines default styles for tables which is why these values need to be set this way.

All later chapters will assume that you’ve done it, and if you don’t, you may find some of the things I say later difficult to follow. Titorial you are curious as to how your site looks on a smartphone, resize the horizontal width of the browser window. This article is copyrighted.