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. Warning, this is the User’s Manual for BlueGriffon, not a HTML, CSS or EPUB tutorial. The most complex CSS features of BlueGriffon will be explained in the. 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.
|Published (Last):||15 November 2018|
|PDF File Size:||1.75 Mb|
|ePub File Size:||19.90 Mb|
|Price:||Free* [*Free Regsitration Required]|
However, it is beyond the scope of this tutorial to cover the details of getting your site published on the web or the inner workings of HTML code. In addition, if you plan to have your site name appear in your logo which you will create and insert into the header section in the next chapterit’s possible to get away with not repeating it here. Install it and enter your license information through the Preferences panel to enable the commercial features.
But it is really quite easy, and mastering it now will remove one of the largest mental obstacles you will face in the web design phase of your website building. We don’t see them either, of course.
BlueGriffon – HSS IT – NC State
One way is to click “File Site Manager” from the menu to get the Site Manager window you saw earlier. Directly below the header section are 2 columns. It is sometimes regarded by newcomers as a huge hurdle, a monolithic task that they want to put off as long as possible. Yes, bluegriffin read it right: For this tutorial, we’ll be using one such free program, known tutoorial “FileZilla”.
HTML” or anything else.
You can either accept this, or change it to your real name, or delete the contents of this field bluegrfifon. I suggest that bluegrifgon start by replacing the word “Welcome” at the tuttorial of the page, which at present functions as a sort of heading for the entire page.
You can do this by dragging your mouse pointer over the words on that line. Click the “New row” button that is just below the large empty box in the middle of a dialog box. For example, if you want your site to be called “Example Co”, type that as the first blugeriffon in the column.
For example, at the time I write this, the title field for Amazon. By the time you complete this tutorial, you should be able to create your own complete and functional web page. You will not need any knowledge of HTML to create a web page using this tutorial.
Things like the changing of fonts, creation of links and the insertion of pictures will be taken care of in the chapters tutoeial come. Do not close the browser window containing the results. If you have entered all your login bluegriffonn FTP details correctly, FileZilla should connect to the computer used by your web host to hold your website files, change to the appropriate directory for your site, and list whatever files tutorrial are currently in that folder.
Put it on the last character of the first line if you can’t decide. Type your sub-heading on a line of its own. Leave all other options unchanged. You can also use the Delete and Backspace keys on your keyboard to remove the existing text. Each column is vertically divided into two sections. More information can be found on BlueGriffon’s official websitewhich in addition to providing more detailed information on the program’s capabilities, also provides an extensive user’s manual which may be purchased online.
Paragraphs and each Heading level are already assigned a styles, so all you need to do in tuttorial to use them is select a section from the drop down menu, and the text will automatically be assigned the proper formatting. There’s no point guessing. This layout is very familiar to Internet users because you see it everywhere, making it a user-friendly layout since almost everyone knows how to navigate a site with it.
Keep that message open in another window while working through this section, so that you can copy and paste rutorial details into FileZilla. If you use Windows, and don’t know where to put the folder, just create one on your Desktop.
While BlueGriffon can generate such a layout using the “New wizard” option of the “File” menu, the page generated in the versions I tried BlueGriffon 2. The user interface of the 1. It can sometimes take up to 2 days for information about a new domain to reach all the broadband and dialup providers around the world.
Tutlrial you’re creating your home page, this is the behaviour your want. Click the “Copy” line in that menu. However, you will, in later chapters, replace those words with your own navigation menu, similar to the set of clickable buttons you see in thesitewizard.
Before you fall off your chair in shock at the prospect of uploading an unfinished web page, please note that if you have not advertised your website to anyone, no one other than you will see your home page.
The most complex CSS features of BlueGriffon will be explained in the Manual, but we won’t explain there in details how works for instance the font-family CSS property It’s much easier to work on your page with some dummy content already there, otherwise with a completely blank white page, you’ll have a hard time figuring out where one column ends and where another begins.
BlueGriffon Tutorial: How to Create a Website with BlueGriffon 1.x ()
That’s absolutely mandatory, since we’re also based in Europe. The left column shows you the directories folders and files on your computer. Once you select “Normal”, the tutorrial and “Password” fields will no longer be disabled. The top half shows you the folders, the bottom the files in that folder.
If you could provide us with your Transaction ID, that will save some time and emails. I’m not sure about Macs.
By default, BlueGriffon inserts the user name you use on your computer into the “author” field. Sorry, but I don’t have a Mac, so I can’t help you there. The filename ” index. Change it to the name of your site. They are meant to classify the type of content appearing on your page. Then click the “OK” button to dismiss the dialog box. Follow the instructions given by the setup utility.
As implied by the first paragraph of this section, you can replace the word by clicking your mouse pointer somewhere within the word “Welcome”, using your arrow key to move the text cursor to the end of the word, and then hitting the Backspace key to delete the letters one by one.
As such, you will need to know which folder your host has set aside for your public website files.