Once you’ve added the stylesheet file, it appears in the Insert or edit stylesheets window. Navigate to the directory containing the stylesheet file that you want to add to your web page. Click the + button.Ĭlick Linked to the document and then click the icon beside the Href field. If you have a style sheet file, you can link it to your web page by selecting Insert -> Stylesheets. You have two options for adding formatting using Cascading Style Sheets. You can insert HTML5 elements by selecting Insert -> HTML 5 Element and then selecting the element from the list. HTML5 includes a number of new elements that, among other things, make it easier to add audio, video, menus, and distinct sections to a web page. What sets BlueGriffon apart is its support for HTML5. That’s all pretty much standard for any good HTML editor. You can also insert links, tables, images, video, audio, and forms with a click of a button or by selecting an option from the Insert menu. Using the buttons and menus on the toolbar, you can also apply formatting to your page. The above creates a document that holds more information than is covered in the first few lessons.As with a word processor, you can literally start typing to create your document.
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.All the examples in this tutorial are based on running BlueGriffon under the Linux. Note the markup produced and compare it to my markup in Required HTML tags in tutorial 2. More importantly, it generates good clean HTML code.
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
Manuals for older versions of BlueGriffon are available online do a Google search Initial Setup
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