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. 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. Have an editor able to edit in UTF You must not edit localization files in another charset. Examples of such an editor are Notepad++.

Author: Vukinos Kazisho
Country: Lithuania
Language: English (Spanish)
Genre: Life
Published (Last): 3 March 2018
Pages: 116
PDF File Size: 20.34 Mb
ePub File Size: 5.83 Mb
ISBN: 171-5-50430-168-6
Downloads: 81269
Price: Free* [*Free Regsitration Required]
Uploader: Kicage


You can move the cursor around with the arrow keys on your bluegriffon tutorial, and the PgUp and PgDn keys and the scroll bar on the right scrolls the page. The more demanding task is actually figuring out what to say on your page. As such, if you don’t want the software offered, you can safely uncheck bluegriffonn the boxes in this dialog bluegriffon tutorial before clicking the “Next” button.

Below that are the two columns of your site. Dismiss the dialog tktorial bluegriffon tutorial hitting the ESC key on your keyboard. You can then navigate to the folder where you saved your files earlier, and select “index. You can always go back and redo things when tuttorial are more bluegriffon tutorial with BlueGriffon and website designing. In bluwgriffon meantime, take the opportunity to proofread your page: You will not need any knowledge of HTML to create a web page using this tutorial.

If they didn’t mention anything about a bluegriffon tutorial number, just type “21” without the quotes. After all, you have only just started, and this chapter’s focus was on getting a basic bluegriffon tutorial column layout and putting your content onto the home page. Navigate to the folder you created earlier for your website files, if you are not already there. There are many free FTP programs around, for a wide variety of systems. Example Co is the premier site dealing with all sorts of paraphernalia relating to life, the universe and everything.

If it doesn’t, click the down arrow for that buegriffon and select it yourself. Each column is vertically divided into two sections. If you get an error bluegriffon tutorial saying ” File Not Found”, “Document Not Found”, “Forbidden”, “Directory has no index bluegriffon tutorial, or something like that, it means one of two things:. Do not bluefriffon it.

BlueGriffon 3.x

Scroll bluegdiffon to “Step 1 of 2”, and click the button for “Side column on the left, main content on bluegriffon tutorial right, a header on top, and a footer at the bottom” in the “Choose a Layout” section. The technical aspect of writing your content is bluegriffon tutorial easy. Click the down arrow for the field beside “Logon Type”. If you would like bluegriffon tutorial learn more on the basics of using BlueGriffon, please continue to the BlueGriffon Tutorial.

Deleting everything now will leave you a completely blank document, making bluegriffonn hard to locate things later. If you will remember what I said tutotial, this means to click the “Insert” item on the menu tutotial.

And if you don’t have a Delete key, use the backspace key. This page was last updated on 12 February If you downloaded the zip file instead, you’ll probably already know what to do with it, so I won’t discuss it here. This causes a text cursor bluegriffon tutorial appear where you clicked. In general, you cannot just bluegriffon tutorial your website files willy-nilly to any folder on your web host’s computer, and expect it to be visible bluegriffon tutorial the Internet.

Bluegriffon tutorial page was last updated on 28 March Tutoral web host does things differently. Before you fall off your chair in shock at the prospect of uploading an unfinished web page, please note that if bluegriffon tutorial have not advertised your website to anyone, no one other than you will see your home page.

Yes, unfortunately, those 2 things cost money. Most people also add a short description of their site immediately after bluegriffon tutorial site name for their home page. There’s no point creating a website and just letting it sit on your computer. Now save your page.

BlueGriffon – Department of Information Technology – NC State

Actually, you don’t really have to do this if bluegriffom like a bluegriffon tutorial desktop. This band, sometimes referred bluegriffon tutorial as the “header” section, is often used by webmasters to put things like a website logo. By this, I mean that you should hold down the “Ctrl” key on your keyboard, and while that key is still held down, type “a”.

We’ll run FileZilla later, when we actually have something to transfer to your website. You can always go back and change things when you’ve finished this tutorial series. If you have been referred to this tutorial by your lecturer or teacher, you bluegriffon tutorial not need to get a bluegriffon tutorial name or a web host.

And so on, right up to “Heading 6”. Some errors will not show until your page is on the Internet. Don’t worry about changing fonts, putting words in bold or italics, changing the text size, or adding pictures bluegriffon tutorial now. And if you’re thinking to yourself that you’ll get your domain name after you design the site, remember that you will need to know what your domain is when you write your content and design your logo.

BlueGriffon Tutorial: How to Design a Website with BlueGriffon 2 and 3 ()

These computers, called bluegriffon tutorial servers, are where you will place your website, so that others in the world can visit it. You’ll only be placing your text cursor at those locations.

In the event that there is a difference, separate bluegriffon tutorial for each operating system will be provided.

As I mentioned earlier, web servers only display files put in specific folders.

Author: admin