#Bluegriffon tutorials manuals
#Bluegriffon tutorials pdf
#Bluegriffon tutorials install

WYSIWYG is expensive in terms of code cleaning.

We are going to follow it step by step to finish verifying what we all know. Like all 'off the bat' editors, Bluegriffon provides a wizard with which we can generate a page / structure in a short time. Like all Mozilla products, it presents the possibility of using plugins or add-ons to expand its functionalities.

#Bluegriffon tutorials install

Sudo apt-get install bluegriffon First contact with Bluegriffonįrom the beginning we can see that the program uses a very clear interface and nothing overloaded. sudo add-apt-repository 'deb quantal-getdeb apps'Ģ.- We import the GPG key from the repository.ģ.- We update the list of packages available for our system. The above creates a document that holds more information than is covered in the first few lessons.You can perform all these steps from the Ubuntu Software Center, Synaptic, Software Origins and other graphical managers to simplify the installation, but since my intention is for you to learn something useful, launch the terminal with 'ctrl + alt + T' and follow the steps.ġ.- We add the repository for our Ubuntu version (in my case quantal-12.10, if you use precise-12.04 you substitute the name). This produces latin text in the main section. This tutorial covers CSS layouts in a later lesson. Ensure predefined CSS layout is Ticked.Only if you wish to change the default colours click Use custom colours & change as required.I Suggest you leave as the default colours.At this stage you can leave blank or Enter web, page Author In Author: If you want your name etc to be available to the WWW enter any/ all / none of the following: Your name, company, organization, Wemmaster name & email.Title In Title Enter Your Page TITLE goes here.So only view the code that is relevent Create page wih CSS Header, Side bar, Main Content & FooterĬreate page wih CSS Header, Side bar, Content, Footer The above creates a document that holds more information than is covered in the first few lessons. Click Style Property Tab it to display a long list of styles.If Style Property Tab is not displayed on the left then Click Panels > Style Properties.This will display icons displaying the start tags that are used in the Source window.Bluegriffon produces slightly more markup, which does not alter the results produced, so you can leave it as it is.Note the markup produced and compare it to my markup in Required HTML tags in tutorial 2.

The main window splits vertically into on left & Source, the HTML markup, Source window, containing the HTML markup on right Click Dual View button near bottom left.

Recommended Initial settings after you install Bluegriffon

#Bluegriffon tutorials manuals

Manuals for older versions of BlueGriffon are available online do a Google search Initial Setup

#Bluegriffon tutorials pdf

User Manual if required € 7.50 (Aug 2018) 100 page PDF document The difference between versions is the number of powerful features included.

Brackets Keyboard Shortcuts Cheat SheetĬreate page wih CSS Header, Side bar, Main Content, Footer BlueGriffon Web Editor Introduction.

HTML5 & CSS 3 Tutorial BlueGriffon CSS & HTML5 Editor Introduction in using BlueGriffon as a WYSIWYG CSS & HTML5 Editor