BLUEGRIFFON MANUAL PDF
BlueGriffon is a Wysiwyg editor based on Gecko, the rendering engine of Firefox. This manual was of course entirely written using BlueGriffon itself. Please. How to use the free BlueGriffon versions 2.x and 3.x web editor to create If you don't know how to manually extract files from an archive, copy. BlueGriffon is an Open Source Web editing application that allows In the event that there is a difference, separate instructions for each.
|Language:||English, Spanish, Indonesian|
|ePub File Size:||17.81 MB|
|PDF File Size:||13.61 MB|
|Distribution:||Free* [*Sign up for free]|
Have an editor able to edit in UTF You must not edit localization files in another charset. Examples of such an editor are Notepad++. This manual is delivered in PDF format (with hyperlinks), has more than a hundred pages and is in english. Warning, this is the User's Manual for BlueGriffon, not. manual bluegriffon - Download as PDF File .pdf), Text File .txt) or read online. manual do bluegriffon em ingles. Postado por Estudiocodec. Bluegriffon English .
It's free too. The page it generates is mobile-friendly using a method commonly referred to as responsive web design , which is just a jargon-laden way of saying that your web page will automatically adjust itself to fit the different screen sizes of say mobile phones, tablets, desktop and laptop computers.
Creating a Blank 2 Column Web Page Create a folder on your computer so that you can store all your website files later.
If you use Windows, and don't know where to put the folder, just create one on your Desktop. The exact method to create a folder differs from system to system. Windows users can just click the right mouse button while the pointer is hovering over a blank spot on the desktop and select "New Folder" from the menu that appears. You can name that folder anything you like. For example, if your site's domain is called "example. Using your web browser, go to the Layout Wizard.
Click the link in the previous sentence to go there. Do not close BlueGriffon. Just leave it running while you go to the Wizard in your browser. You will see something similar to the picture below. Scroll down to "Step 1 of 2", and click on the button for "Two columns with the side column on the left, a header on top, and a footer at the bottom" in the "Choose a Layout" section see picture below.
Nothing, of course, prevents you from choosing whichever layout you like. However, for the purpose of this tutorial, I will assume that you have selected the one I mentioned above. If you choose a different one, you will have to adapt my instructions to your site in the chapters that follow.
For complete novices, you may want to just choose what I suggested for now, since it will be less confusing for you. You can always go back and redo things when you are more familiar with BlueGriffon and website designing. Click the "Go to Step 2" button. The wizard will show its "Step 2 of 2" page. Most of the items here can be left at their default values, since you can change things you don't like later in BlueGriffon itself.
In reality, this step is probably unnecessary. However, if you happen to create some pages directly with BlueGriffon in the future and mix it with the pages using the Wizard's layout, all your pages will use the same version of HTML, which is nice for consistency.
Apart from this emotional comfort of using the same version of HTML across all your pages, there is probably little other practical benefit. Note, though, that this tutorial assumes that you have done this step. Read the condition s there, and if you agree, click the checkbox to indicate it. Click "Generate code".
The Results page will appear. Switch to BlueGriffon. Do not close the browser window containing the results. We're not done with it yet. In BlueGriffon, click "File New" from the menu. A blank page will appear. You should see a series of buttons at the bottom of the blank page saying "Dual View", "Wysiwyg", "Source" and "Print Preview". Click the "Source" button. The editor will now show you the underlying HTML code for that blank page.
Yes, it was not actually blank after all. Click somewhere on the page to put the text cursor there. It doesn't really matter where. Put it at the first character of the first line if you can't decide. 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".
If you do it correctly, you will find that everything on the page is highlighted. Now hit the delete key on your keyboard.
BlueGriffon is SELLING its user manual, & that’s bullshit
And if you don't have a Delete key, use the backspace key. Everything should be erased and the portion of the screen that used to show the HTML code should now be completely blank. Switch back to the browser window or tab showing the Layout Wizard's Results page. The code should automatically be highlighted. Right click the section that is, click your right mouse button while the mouse pointer is hovering over the highlighted text. A menu should appear. Click the "Copy" line in that menu.
Switch back to BlueGriffon. Click to put the text cursor onto the blank page. The text cursor may already be there, but do it anyway, just in case. Again, this means to hold down your "Ctrl" key and type "v".
Click the "Wysiwyg" button at the bottom of the document. You will see your web page. It is however a one column page instead of the expected two columns. That is because we have not completed copying and saving all the required code from the Wizard. Click "File Save As Navigate to the folder you created earlier for your website files. Type "index. Make sure you type it as I said, without capital letters or spaces.
That is, it's "index. HTML" or anything else. Then click the "Save" button. Click "File Close current tab" to close the file. Now click "File New". A new blank page will appear. Once again, click the "Source" button. As before, it doesn't matter where on the page you put it. Put it on the last character of the first line if you can't decide. You should now see a blank document.
Switch back to the Wizard in your browser. Scroll down the page and click somewhere in the box in the "CSS Code" section. The code should be automatically highlighted.
Right click the highlighted text, and select "Copy" from the menu that appears. The code you copied should appear in what was previously a blank area. A dialog box with the title "Save Page As" will appear.
Navigate to the folder you created earlier for your website files, if you are not already there. Type "styles.
Make sure you type it exactly as I stated, with no spaces or capital uppercase letters. And remember, it's "styles. Click "Save" at the bottom of the dialog box. Click "File Close current tab" from the menu.
If you like, you can close the Layout Wizard tab in your browser. You won't need it any more. Click "File Open File" from the menu. A dialog box with the title "Choose a file" will appear. Navigate to your website's folder if you're not already there, and click the "index. Then click the "Open" button. The web page should appear in BlueGriffon.
Layout of the Page Before you do anything else, let me explain some of the common terms that webmasters use to refer to the different sections of your web page. This will make it easier for you to understand me when I refer to those things throughout this tutorial series. At the top of your page, you should see the words "Placeholder content for your header section [etc]".
This section, which spans both the left and right columns, is sometimes referred to as the header section or the masthead. In chapter 2, you will be placing your website's logo here.
Below that are the two columns of your site. The left column is narrower, and functions as the "side column". It is also variously referred to as the "side bar" or "navigation column". You will be placing your navigation menu like the buttons you see at the side of thesitewizard.
The right column is where your main content will be placed. It is sometimes referred to as the content or main column. You will be working on this portion of the page in this chapter itself.
At the bottom of the page is another section that spans both columns. This is the footer of the page. Webmasters typically place their copyright notice here.
Websites that don't put a navigation menu in the side column also sometimes put a list of links here that function as a navigation menu.
You will also be working on the footer in this chapter. Note that although the page looks similar but not identical to how it will appear in a web browser, with the links underlined in blue, remember that BlueGriffon is not actually a browser but a web editor.
As such, even if you are curious about the things mentioned in the placeholder text, clicking the links in the editor will not take you to the destinations of those links. You'll only be placing your text cursor at those locations.
What is BlueGriffon ?
Try it now to see what I mean. That is, click one of the links. Changing the Title of Your Page The first thing you should do with any new web page is to set the title. Click "Format Page Properties" from the menu. A dialog box with the title "Document properties" will appear. Enter the title of your page into the "Title" field, replacing "Insert web page title here". Since this is your home page, the title should be the name of your website or its domain name.
Using an External HTML Editor
You can also, if you wish, append a brief phrase about what your site is all about. For example, at the time I write this, site. Click the "OK" button. Note that this "title" is not actually displayed in the user-visible portion of your web page. It is, nonetheless, very important that you set it, since it is used by the search engines to list your page in their results.
If you don't change it, Google and Bing will list your site as "Insert web page title here". The title is also displayed in the web browser's title bar or tab depending on which browser you use and how you configure it.
Writing the Content for Your Home Page The technical aspect of writing your content is actually easy. In this respect, BlueGriffon works a lot like Microsoft Word and other word processing software. Whatever you type will appear at the location where your text cursor is, and the Backspace and Delete keys on your keyboard do the expected thing of removing text.
You can move the cursor around with the arrow keys on your keyboard, 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.
I suggest that you start by replacing the word "Welcome" at the top of the page, which at present functions as a sort of heading for the entire page. Change it to the name of your site. 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.
Then type in your new heading. This will be the first appearance of the name of your website in the user-visible portion of your web page. Remember that the Title field that you set earlier only appears in the browser's title bar or tab, so if you don't put the name of your site somewhere on your home page, your website will appear to have no name to your human visitors. 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 chapter , it's possible to get away with not repeating it here.
In this case, either replace "Welcome" with some other word or words , or just get rid of it. Once you have settled this user-visible title, move on to replace the text in the rest of the right column. When a new piece of program is installed on your system, that program is added to the list in Programs and Features.
When you want to uninstall the program, you can go to the Programs and Features to uninstall it. So when you want to uninstall BlueGriffon, the first solution is to uninstall it via Programs and Features. Steps: a. Open Programs and Features. Windows Vista and Windows 7 Click Start, type uninstall a program in the Search programs and files box and then click the result. Windows 8, Windows 8. Look for BlueGriffon in the list, click on it and then click Uninstall to initiate the uninstallation.
Method 2: Uninstall BlueGriffon with its uninstaller. Most of computer programs have an executable file named uninst You can find this files in the installation folder of BlueGriffon. Go to the installation folder of BlueGriffon. Find uninstall. Double click on its uninstaller and follow the wizard to uninstall BlueGriffon. System Restore is a utility which comes with Windows operating systems and helps computer users restore the system to a previous state and remove programs interfering with the operation of the computer.
If you have created a system restore point prior to installing a program, then you can use System Restore to restore your system and completely eradicate the unwanted programs like BlueGriffon. You should backup your personal files and data before doing a System Restore. Close all files and programs that are open. On the desktop, right click Computer and select Properties.
The system window will display. On the left side of the System window, click System protection. The System Properties window will display. Click System Restore and the System Restore window will display. Select Choose a different restore point and click Next. Select a date and time from the list and then click Next. You should know that all programs and drivers installed after the selected date and time may not work properly and may need to be re-installed.T his tutorial will not illustrate each of the techniques for determining precedence.
If you click the text link that says "zip file available here", you will end up with an archive file which you have to install by hand.
To link to this page from your website, simply cut and paste the following code to your web page. You can do this by clicking "File Save" from the menu. If the Program specifies a version number of this License which applies to it and "any later version".
T hen select the twisty triangle at the left end of the Colors item to expand or reveal the choices. Bluegriffon English manual. Note that this "title" is not actually displayed in the user-visible portion of your web page.
Templates can be edited.
- AIAG SPC MANUAL 4TH EDITION PDF
- SKILLS TRAINING MANUAL FOR TREATING BORDERLINE PERSONALITY DISORDER PDF
- CSS3 MISSING MANUAL PDF
- MERCEDES C 200 MANUAL PDF
- NIKON SB 900 MANUAL PDF
- ADOBE PHOTOSHOP CS2 MANUAL PDF
- MSI G31TM-P21 MANUAL EPUB
- MANUAL DE IDENTIDADE VISUAL GUIA PARA CONSTRUCAO PDF
- SOAL SAINTEK SBMPTN DAN PEMBAHASAN PDF