Copyright © 2008-2013 Disruptive Innovations SAS - All rights reserved.

2/77

1. About BlueGriffon and this document

not

This manual is not free or Open Source material and it is sold to supportthe fact the application BlueGriffon is and will remain free of charge. Youare not allowed to redistribute this Manual.

About BlueGriffon and this document

3/77

2. Table of Contents

Table of Contents

4/77

Table of Contents

5/77

Table of Contents

6/77

3. Installing BlueGriffon

*.exe

Warning:

~/Library/Application\ Support/BlueGriffon

c:\Documents andSettings\yourlogin\Application Data\DisruptiveInnovations SARL

c:\Users\yourlogin\AppData\Roaming\DisruptiveInnovations SARL

~/.disruptive\ innovations\ sarl

3.1. Windows

bluegriffon.exe

Installing BlueGriffon

7/77

3.2. Mac OS X

/Applications

3.3. Ubuntu

bzip2 -dc <package_file> | tarxf - bluegriffon

bluegriffon

Mac OS X

8/77

4. First launch

Warning:

First launch

9/77

Tip of the Day

4.1. Toolbar customization

Toolbar customization

10/77

4.2. Zooming

Zooming

11/77

5. The Preferences window

5.1. The General preferences panel

The Preferences window

12/77

Warning:

5.2. The File preferences panel

The File preferences panel

13/77

5.3. The Documents preferences panel

<meta>

The Documents preferences panel

14/77

5.4. The Source preferences panel

OFF

The Source preferences panel

15/77

5.5. The Styles preferences panel

-moz-linear-gradient()background-image

The Styles preferences panel

16/77

5.6. The Updates preferences panel

The Updates preferences panel

17/77

5.7. The Advanced preferences panel

Warning:

5.7.1. Network settings

The Advanced preferences panel

18/77

5.8. The Keyboard Shortcuts preferences panel

The Keyboard Shortcuts preferences panel

19/77

5.9. The OS X preferences panel

The OS X preferences panel

20/77

6. Add-ons and Language Packs

Warning: not

highly recommended

Add-ons and Language Packs

21/77

Add-ons and Language Packs

22/77

7. Manipulating documents

7.1. Create a new document

must

Manipulating documents

23/77

7.1.1. The New Document Wizard

The New Document Wizard

24/77

must

The New Document Wizard

25/77

The New Document Wizard

26/77

The New Document Wizard

27/77

populate

7.2. Open an existing file

7.3. Open an existing document

*.html *.xhtml

Open an existing file

28/77

Warning:

7.4. Save an edited document

Warning: very highly recommended

if you need to force carriage returns to be LF

7.5. Edit the Properties

Save an edited document

29/77

7.6. Document tabs

<title>

Document tabs

30/77

7.7. External files

External files

31/77

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

Select elements in the document

32/77

8.4. Find and Replace

Find and Replace

33/77

9. Insert content into the document

<div>

9.1. Insert a Table

Insert content into the document

34/77

Insert a Table

35/77

Warning:

adjacent

9.2. Tweak your table's layout using the mouse pointer

border-collapse: collapse

9.3. Create a Table from a series of paragraphs

Tweak your table's layout using the mouse pointer

36/77

9.4. Insert an Image

Insert an Image

37/77

mandatory

not

9.5. Insert an Anchor

Insert an Anchor

38/77

9.6. Insert a Hyperlink

Insert a Hyperlink

39/77

9.7. Insert an Audio

Warning:

Insert an Audio

40/77

9.8. Insert a Video

9.9. Insert a Form

Insert a Video

41/77

9.10. Insert an horizontal bar

Insert an horizontal bar

42/77

<hr>

style

9.11. Insert an arbitrary html element

9.12. Insert HTML markup

Insert an arbitrary html element

43/77

9.13. Paste content without Fomatting

9.14. Insert a Table of Contents

Paste content without Fomatting

44/77

<h2class="header"> <h3>

Insert a Table of Contents

45/77

Insert a Table of Contents

46/77

10. Format your content

10.1. The span element

Encapsulating text inside span elements is one of the basic operations youwill often need.

<span>

span

10.2. The format dropdown menu

Format your content

47/77

<pre>

<p><h1> <h6>

<address><pre>

<div>

10.3. Emphasis

10.4. Strong emphasis

10.5. Code

10.6. Other inline stylistic elements

<b>

Emphasis

48/77

<i><u>

<s><sup>

<sub><tt>

<cite><abbr>

<acronym><samp>

<var>

10.7. Remove all text styles

10.8. Remove all links

10.9. Ordered and unordered lists

Remove all text styles

49/77

style

Warning:

10.10. Definition lists

Definition lists

50/77

10.11. Aligning a block

style

10.12. Indenting a block

style

10.13. Color and block background color

for the containing block

Aligning a block

51/77

11. Enrich your content

11.1. Assign an ID to an element

11.2. Assign a class to an element

Enrich your content

52/77

11.3. Floating Panels

Floating Panels

53/77

Warning:

11.4. The DOM Explorer

The DOM Explorer

54/77

11.5. The Stylesheets panel

The Stylesheets panel

55/77

The Stylesheets panel

56/77

file:///

The Stylesheets panel

57/77

#docTitle

11.6. The Script Inspector panel

The Script Inspector panel

58/77

11.7. The Style Properties panel

The Style Properties panel

59/77

style

local

local

The Style Properties panel

60/77

11.7.1. General > Font Family

General > Font Family

61/77

11.7.2. General > Images

General > Images

62/77

Gradients

Warning:

General > Images

63/77

Images

General > Images

64/77

11.7.3. Geometry

11.7.4. Borders > Sliced Image

Geometry

65/77

11.7.5. Transformations

Transformations

66/77

11.7.6. Transitions

Transitions

67/77

11.8. SVG

SVG

68/77

11.9. Adding WebFonts to your document

11.9.1. FontSquirrel

Adding WebFonts to your document

69/77

11.9.2. Google Font Directory

Google Font Directory

70/77

Google Font Directory

71/77

12. The Source view

The Source view

72/77

The Source view

73/77

13. Miscellaneous

13.1. Markup Cleaner

13.2. Special Characters

charmap.exe

Miscellaneous

74/77

13.3. Spell checking

Spell checking

75/77

13.4. Community

Community

76/77

14. Changes from version 1.6.2

Changes from version 1.6.2

77/77