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: Tojabei Faukasa
Country: Togo
Language: English (Spanish)
Genre: Finance
Published (Last): 8 July 2015
Pages: 32
PDF File Size: 7.6 Mb
ePub File Size: 15.21 Mb
ISBN: 686-5-38184-743-9
Downloads: 77541
Price: Free* [*Free Regsitration Required]
Uploader: Gushakar

A drop down list will appear, showing you the sites you have set up earlier.

To install the software itself, just download it from the current website. For Windows users, click the Windows icon to get the installer. If so, just skip to the next step. You can then navigate to the folder where you saved your files earlier, and select “index.

As such, if you don’t want the software offered, you can safely uncheck all the boxes in this dialog box before clicking the “Next” button. How to Design a Website with BlueGriffon 3 tuforial.

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

The code you copied should appear in what was previously a blank area. Switch to your web editor’s HTML source mode before pasting. Begin typing your first item. Don’t worry, you will learn how to change the colours of your words and their background in a later chapter. Install it and enter your license information through the Preferences panel to enable the commercial features. The BlueGriffon website is http: This tells the server to start in the folder where you current page lives, and locate the image you want to display relative to the current folder.

It’s typically not good to take your user away from your site where they can be distracted by the content on the external site and forget how to get back to your site.


The editor will now show you the underlying HTML code for that blank page.

BlueGriffon Tutorial

Then select the line that you just typed. Just underneath the menu and toolbars at the top of the window is a space that shows the instructions that FileZilla is giving to your web host’s computer. It’s okay if you can’t afford to buy anything. For example, if you insert an image and would like to align it to the right of the page and have text wrap around it, you could select the “float right” style from the drop down menu, if available. But you are under no obligation to follow this.

Click the “New Site” button, which you can find on the left of lower part of the screen. Click the link in the previous sentence to go there.

Then when a drop down menu appears, click the “Characters and symbols” line in that menu. If you can’t think of anything to say, just put your site name or domain name here.

Editing EPUB 2 metadata. Most people just give a brief description of the website as a whole in the “Description” field of their home page. To upload your site, you will need to use the FireFTP extension included by default with the programas well as the necessary information that will need to be entered into the program for a successful upload otherwise, the site will remain only on your local machine.

Please do not reproduce or distribute this article in whole or part, in any form.

If you don’t, please go back to the previous step and get the installer version. If you have been referred to this tutorial by your lecturer or teacher, you may not need to get a domain name or a web host. The contents of this dialog box differ tktorial time you install but it will generally offer to install some additional software on your computer. In the dialog box that appears, click “Latin-1 Supplement” in the upper half. If you are connected to the Internet when you run the installer, a dialog box with the heading “Special Offer” will appear.


If FileZilla issues a dialog box saying “Default remote path cannot be parsed.

BlueGriffon Tutorials ()

Locate the image in your web site working directory on your desktop in the images folder and select the image you want to insert. You can pretty much ignore the text in this space. If you can’t decide, delete its contents, leaving it empty.

Click the word “Heading 1” in tutkrial box. In any case, after you download the file, run it and follow the instructions to install it. The computers run a special type of software also, confusingly, called a web server to facilitate this. Nothing we can do about it, sorry.


No one in the world, tutogial users of your computer, will be able to see your site. A blank page will appear. If you are experiencing writer’s block, it may be because you’re subconsciously trying to come up with the perfect set of words.

To insert an image or edit image properties of an image you pre-selected on your pageclick the Insert Image button discussed above. If blurgriffon downloaded the zip file instead, you’ll probably already tutorkal what to do with it, so I won’t discuss it here. If you don’t know how to manually extract files from an archive, copy them into a new directory somewhere and create shortcut links in your start menu and desktop, click the icon for the installer version instead.

Leave the checkbox for “Include ‘lorem ipsum’ dummy content” ticked. Click the mouse button, and while tjtorial to hold down that button move your mouse pointer over the rest of the title till it is pointing past the last character. If you have a discount code, you’ll be able to use it clicking on the “Get a code?

Author: admin