Copyright 2012 Disruptive Innovations SAS - All rights reserved.

Copyright 2012 Disruptive Innovations SAS - All rights reserved.

2/73

About BlueGriffon and this document 1. About BlueGriffon and this document not This manual is not free or Open Source material and it is sold to support the fact the application BlueGriffon is and will remain free of charge. You are not allowed to redistribute this Manual. 3/73

Table of Contents 2. Table of Contents 4/73

Table of Contents 5/73

Table of Contents 6/73

Installing BlueGriffon 3. Installing BlueGriffon *.exe Warning: ~/Library/Application\ Support/ BlueGriffon c:\documents and Settings\yourlogin\Application Data\Disruptive Innovations SARL c:\users\yourlogin\appdata\roaming\disruptive Innovations SARL ~/.disruptive\ innovations\ sarl 3.1. Windows bluegriffon.exe 7/73

Mac OS X 3.2. Mac OS X /Applications 3.3. Ubuntu sh./<file> bzip2 -dc <file> tar xf - BlueGriffon bluegriffon 3.4. Fedora rpm -Uvh <file> sudo 8/73

First launch 4. First launch Tip of the Day 9/73

Toolbar customization 4.1. Toolbar customization 10/73

Zooming 4.2. Zooming 11/73

The Preferences window 5. The Preferences window 5.1. The General preferences panel 12/73

The Documents preferences panel Warning: 5.2. The Documents preferences panel <meta> 13/73

The Source preferences panel Warning: 5.3. The Source preferences panel 14/73

The Styles preferences panel OFF 5.4. The Styles preferences panel -moz-linear-gradient() 15/73

The Updates preferences panel background-image 5.5. The Updates preferences panel 16/73

The Advanced preferences panel 5.6. The Advanced preferences panel Warning: 5.6.1. Network settings 17/73

The Keyboard Shortcuts preferences panel 5.7. The Keyboard Shortcuts preferences panel 18/73

The OS X preferences panel 5.8. The OS X preferences panel 19/73

Add-ons and Language Packs 6. Add-ons and Language Packs Warning: not highly recommended 20/73

Add-ons and Language Packs 21/73

Manipulating documents 7. Manipulating documents 7.1. Create a new document 22/73

The New Document Wizard 7.1.1. The New Document Wizard 23/73

The New Document Wizard 24/73

The New Document Wizard 25/73

Open an existing document populate 7.2. Open an existing document 26/73

Save an edited document *.html *.xhtml Warning: 7.3. Save an edited document Warning: very highly recommended if you need to force carriage returns to be LF 27/73

Edit the Properties 7.4. Edit the Properties 7.5. Document tabs <title> 28/73

External files 7.6. External files 29/73

External files 30/73

Select elements in the document 8. Select elements in the document 8.1. The All-Tags mode 8.2. Reaching the target of a link 8.3. The structure bar 31/73

Find and Replace 8.4. Find and Replace 32/73

Insert content into the document 9. Insert content into the document <div> 9.1. Insert a Table 33/73

Insert a Table 34/73

Create a Table from a series of paragraphs Warning: adjacent 9.2. Create a Table from a series of paragraphs 9.3. Insert an Image 35/73

Insert an Image mandatory not 36/73

Insert an Anchor 9.4. Insert an Anchor 9.5. Insert a Hyperlink 37/73

Insert an Audio 9.6. Insert an Audio 38/73

Insert a Video Warning: 9.7. Insert a Video 39/73

Insert a Form 9.8. Insert a Form 40/73

Insert an horizontal bar 9.9. Insert an horizontal bar 41/73

Insert an arbitrary html element <hr> style 9.10. Insert an arbitrary html element 9.11. Insert HTML markup 42/73

Paste content without Fomatting 9.12. Paste content without Fomatting 9.13. Insert a Table of Contents 43/73

Insert a Table of Contents <h2 class="header"> <h3> 44/73

Format your content 10. Format your content 10.1. The span element Encapsulating text inside span elements is one of the basic operations you will often need. <span> 10.2. The format dropdown menu <pre> <p> <h1> <h6> <address> <pre> <div> 10.3. Emphasis 45/73

Strong emphasis 10.4. Strong emphasis 10.5. Code 10.6. Other inline stylistic elements <b> <i> <u> <s> <sup> <sub> <tt> <cite> <abbr> <acronym> <samp> <var> 46/73

Remove all text styles 10.7. Remove all text styles 10.8. Remove all links 10.9. Ordered and unordered lists 47/73

Definition lists style Warning: 10.10. Definition lists 10.11. Aligning a block 48/73

Indenting a block style 10.12. Indenting a block style 10.13. Floating toolbar 49/73

Enrich your content 11. Enrich your content 11.1. Assign an ID to an element 11.2. Assign a class to an element 50/73

Floating Panels 11.3. Floating Panels 11.4. The DOM Explorer 51/73

The Stylesheets panel 11.5. The Stylesheets panel 52/73

The Stylesheets panel 53/73

The Stylesheets panel file:/// 54/73

The Script Inspector panel #doctitle 11.6. The Script Inspector panel 55/73

The Style Properties panel 11.7. The Style Properties panel 56/73

The Style Properties panel style local local 57/73

General > Font Family 11.7.1. General > Font Family 58/73

General > Images 11.7.2. General > Images 59/73

General > Images Gradients 60/73

General > Images Images 61/73

Geometry 11.7.3. Geometry 11.7.4. Borders > Sliced Image 62/73

Transformations 11.7.5. Transformations 63/73

Transitions 11.7.6. Transitions 64/73

SVG 11.8. SVG 65/73

Adding WebFonts to your document 11.9. Adding WebFonts to your document 11.9.1. FontSquirrel 66/73

Google Font Directory 11.9.2. Google Font Directory 67/73

Google Font Directory 68/73

The Source view 12. The Source view 69/73

The Source view 70/73

Miscellaneous 13. Miscellaneous 13.1. Markup Cleaner 13.2. Special Characters charmap.exe 71/73

Spell checking 13.3. Spell checking 72/73

Community 13.4. Community 73/73