Difference between revisions of "What Do The Buttons Mean"
Wmcdermott (talk | contribs) |
|||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| − | + | Ever wondered what all the buttons on the toolbar below actually do? | |
| + | |||
| + | [[Image:AdvancedToolbar-New.PNG]] | ||
| + | |||
Below is an explanation of the buttons you will find on the text editor when you are creating or editing your posts and pages. | Below is an explanation of the buttons you will find on the text editor when you are creating or editing your posts and pages. | ||
| − | |||
== Unordered Numbering == | == Unordered Numbering == | ||
| Line 13: | Line 15: | ||
</ul> | </ul> | ||
| − | == | + | == Ordered Numbering == |
| − | [[Image: | + | [[Image:OrderedNumbering.PNG]] An ordered list is a HTML element for a list of items where each item is automatically prefixed by an indication of its position in the list. |
| − | + | Oberserve: | |
| − | + | <ol> | |
| + | <li>Apples</li> | ||
| + | <li>Bananas</li> | ||
| + | <li>Lemons</li> | ||
| + | <li>Oranges</li> | ||
| + | </ol> | ||
| − | + | == Undo == | |
| − | |||
| − | + | [[Image:Undo.PNG]] The undo button will allow you to cancel the last change you made to the text i.e. if you accidentally delete some text you could press the undo button and the text should re-appear. | |
| − | + | == Redo == | |
| − | |||
| − | |||
| − | |||
| − | + | [[Image:Redo.PNG]] This is a handy function which is the opposite from undo. It can be used to undo an undo i.e. if you delete some text and press the undo button the text will re-appear then if you were to press the redo button the text will be deleted again. | |
| − | + | == Paste From Word == | |
| − | + | [[Image:PasteFromWord.PNG]] This allows you to copy text from Microsoft Word documents and retain the formatting that was used in the word document. | |
| − | + | == Paste As Plain == | |
| − | + | [[Image:PasteAsPlain.PNG]] This will paste text into the blog from another source and remove all formatting information that was previously applied to that text. | |
| − | + | == Insert More Tag == | |
| − | + | [[Image:InsertMoreTag.PNG]] This is a very handy feature of you blog. If you press this button you will see a 'more' line appear in your text, as shown below | |
| + | This truncates the amount of text that is shown on the main page for the post / page and after a certain amount of characters inserts a link with the text 'Read the rest of this entry >'. The user has to then click this link to read the rest of the text. This is a useful way to control the amount of text that gets displayed on the main page. | ||
| − | + | [[Image:MoreTag-New.PNG]] | |
| − | + | == Insert Custom Character == | |
| − | + | [[Image:InsertCustomCharacter.PNG]] This will let you insert non-standard characters into the text of your page / post. When you click the button you will be presented with a popup from which you can select a non-standard character to insert into your text. | |
| − | [[Image: | + | [[Image:CustomCharacter.PNG]] |
| − | == | + | == Indent To Right == |
| − | [[Image: | + | [[Image:IndentToRight.PNG]] By pressing this button you will move every character in the paragraph to the next tab setting (to the right). By default, it will move it by half an inch. |
| − | == | + | == Indent To Left == |
| − | [[Image: | + | [[Image:IndentToLeft.PNG]] By pressing this button you will move every character in the paragraph to the next tab setting (to the left). By default, it will move it by half an inch. |
| − | |||
| − | + | == Font Size == | |
| − | + | [[Image:FontSize.PNG]] This dropdown box can be used to select increased or decreased font sizes from the predefined sizes available to use. | |
| − | + | == Font Color == | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | [[Image:FontColor.PNG]] This dropdown box can be used to select a different font colour for you to use. If you click the more colours button a popup window will appear, from which you can choose from the entire colour palette available. | |
| − | + | == Create Link == | |
| − | + | [[Image:CreateLink.PNG]] This is used to create a hyperlink (a clickable link to another webpage). Simple select the text you want to make as the link then press this button. A popup window will appear which lets you enter the web page address that you want to user to go to when they click the link. Simply enter the webpage address i.e. www.heanet.ie, into the Link URL box and click ok. | |
| − | [[Image: | + | [[Image:InsertLink.PNG]] |
| − | + | == Delete HyperLink == | |
| − | + | [[Image:DeleteHyperLink.PNG]] This button is used to delete a hyperlink that you have created. Simply select the text that is currently the hyperlink and hit this button. The text will then just return to being ordinary (non-clickable) text. | |
| − | == | + | == Center Justify == |
| − | [[Image: | + | [[Image:CenterJustify.PNG]] The button will align text to both the left and right margins by changing the spaces between words. Creates a clean look along both margins. |
| − | |||
| − | + | == Left Justify == | |
| + | [[Image:LeftJustify.PNG]] The text is aligned along the left margin or gutter, also known as ragged right. Simply select some existing text and hit the button and it will be aligned along the left hand side or alternatively hit the button first and everything you type will from then on be aligned to the left hand side. | ||
| − | == | + | == Right Justify == |
| − | [[Image: | + | [[Image:RightJusity.PNG]] The text is aligned along the right margin or gutter, also known as ragged left. Simply select some existing text and hit the button and it will be aligned along the right hand side or alternatively hit the button first and everything you type will from then on be aligned to the right hand side. |
| − | + | == Bold == | |
| − | + | [[Image:Bold.PNG]] This button will make the text slightly thicker and more prominent. | |
| − | + | Obverse: | |
| − | + | It will bold some text in this <b>interesting</b> sentence. | |
| − | + | == Italics == | |
| − | + | [[Image:Italics.PNG]] This buttons is used to apply italic style to text. It can be used to emphasise words. | |
| − | + | Observe: | |
| − | + | It will make one word <i>important</i> in this sentence. | |
| − | + | == Underline == | |
| − | + | [[Image:Underline.PNG]] The underline button is a way to highlight some text by putting a line underneath it. Simply select existing text and hit the button and it will become underlined or alternatively hit the underline button and start typing and from then on everything you type will be underlined. | |
| − | + | Observe: | |
| + | This sentence has <u>one</u> word underlined. | ||
| − | == | + | == Strike Through == |
| − | [[Image: | + | [[Image:StrikeThrough.PNG]] Strikethrough (also called strikeout) is a typographical presentation of words with a horizontal line through the centre of them. |
| + | Simple select existing text and hit the button and it will become "strikedthrough" or alternatively hit the strikethrough button and start typing and from then on everything you type will be "strikedthrough". | ||
| + | Here is an example. | ||
| + | The word <s>strikethrough</s> should have a line through it. | ||
| − | + | == Blockquote == | |
| − | + | [[Image:Blockquote.PNG]] The blockquote button is used to indicate the quotation of a large section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form. | |
| − | + | Observe: | |
| + | <blockquote>Great works are performed, not by strength, but by perseverance. | ||
| + | Samuel Johnson</blockquote> | ||
| − | == | + | == Show / Hide Advanced Editing == |
| − | [[Image: | + | [[Image:ShowHideAdvancedEditing.PNG]] This button will show/hide some of the more advanced formatting buttons that are available for you to use for formatting your blog entries i.e. Text Colour, Size etc. |
| − | == | + | == Run Spell Check == |
| − | [[Image: | + | [[Image:RunSpellCheck.PNG]] The blog text editor has an inbuilt spell checker, which can be used to fine misspelled words or phrases. This should be used always to ensure the legibility of your work. Simply click the button and it will check the text you have typed and highlight any mistakes you have made. |
| − | + | It also has the ability to check multiple languages. When you click the button a drop down menu will appear and you can select another language to use to check for correct spelling. | |
| − | + | == Remove Formatting == | |
| − | + | [[Image:RemoveFormatting.PNG]] You can use this button to remove any formatting from text you have previously formatted i.e. If you select some underlined text and hit this button the underline formatting will be removed from the text. | |
| − | + | == Go Full Screen == | |
| − | + | [[Image:GoFullScreen.PNG]] This will expand the text editing section to occupy the full size of your browser window. | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 09:28, 8 June 2009
Ever wondered what all the buttons on the toolbar below actually do?
Below is an explanation of the buttons you will find on the text editor when you are creating or editing your posts and pages.
Contents
- 1 Unordered Numbering
- 2 Ordered Numbering
- 3 Undo
- 4 Redo
- 5 Paste From Word
- 6 Paste As Plain
- 7 Insert More Tag
- 8 Insert Custom Character
- 9 Indent To Right
- 10 Indent To Left
- 11 Font Size
- 12 Font Color
- 13 Create Link
- 14 Delete HyperLink
- 15 Center Justify
- 16 Left Justify
- 17 Right Justify
- 18 Bold
- 19 Italics
- 20 Underline
- 21 Strike Through
- 22 Blockquote
- 23 Show / Hide Advanced Editing
- 24 Run Spell Check
- 25 Remove Formatting
- 26 Go Full Screen
Unordered Numbering
Lists follow a common skeleton every time — an outer container tag, and a new tag for each bullet.
Observe:
- Item 1
- Item 2
Ordered Numbering
An ordered list is a HTML element for a list of items where each item is automatically prefixed by an indication of its position in the list.
Oberserve:
- Apples
- Bananas
- Lemons
- Oranges
Undo
The undo button will allow you to cancel the last change you made to the text i.e. if you accidentally delete some text you could press the undo button and the text should re-appear.
Redo
This is a handy function which is the opposite from undo. It can be used to undo an undo i.e. if you delete some text and press the undo button the text will re-appear then if you were to press the redo button the text will be deleted again.
Paste From Word
This allows you to copy text from Microsoft Word documents and retain the formatting that was used in the word document.
Paste As Plain
This will paste text into the blog from another source and remove all formatting information that was previously applied to that text.
Insert More Tag
This is a very handy feature of you blog. If you press this button you will see a 'more' line appear in your text, as shown below
This truncates the amount of text that is shown on the main page for the post / page and after a certain amount of characters inserts a link with the text 'Read the rest of this entry >'. The user has to then click this link to read the rest of the text. This is a useful way to control the amount of text that gets displayed on the main page.
Insert Custom Character
This will let you insert non-standard characters into the text of your page / post. When you click the button you will be presented with a popup from which you can select a non-standard character to insert into your text.
Indent To Right
By pressing this button you will move every character in the paragraph to the next tab setting (to the right). By default, it will move it by half an inch.
Indent To Left
By pressing this button you will move every character in the paragraph to the next tab setting (to the left). By default, it will move it by half an inch.
Font Size
This dropdown box can be used to select increased or decreased font sizes from the predefined sizes available to use.
Font Color
This dropdown box can be used to select a different font colour for you to use. If you click the more colours button a popup window will appear, from which you can choose from the entire colour palette available.
Create Link
This is used to create a hyperlink (a clickable link to another webpage). Simple select the text you want to make as the link then press this button. A popup window will appear which lets you enter the web page address that you want to user to go to when they click the link. Simply enter the webpage address i.e. www.heanet.ie, into the Link URL box and click ok.
Delete HyperLink
This button is used to delete a hyperlink that you have created. Simply select the text that is currently the hyperlink and hit this button. The text will then just return to being ordinary (non-clickable) text.
Center Justify
The button will align text to both the left and right margins by changing the spaces between words. Creates a clean look along both margins.
Left Justify
The text is aligned along the left margin or gutter, also known as ragged right. Simply select some existing text and hit the button and it will be aligned along the left hand side or alternatively hit the button first and everything you type will from then on be aligned to the left hand side.
Right Justify
The text is aligned along the right margin or gutter, also known as ragged left. Simply select some existing text and hit the button and it will be aligned along the right hand side or alternatively hit the button first and everything you type will from then on be aligned to the right hand side.
Bold
This button will make the text slightly thicker and more prominent.
Obverse:
It will bold some text in this interesting sentence.
Italics
This buttons is used to apply italic style to text. It can be used to emphasise words.
Observe:
It will make one word important in this sentence.
Underline
The underline button is a way to highlight some text by putting a line underneath it. Simply select existing text and hit the button and it will become underlined or alternatively hit the underline button and start typing and from then on everything you type will be underlined.
Observe: This sentence has one word underlined.
Strike Through
Strikethrough (also called strikeout) is a typographical presentation of words with a horizontal line through the centre of them.
Simple select existing text and hit the button and it will become "strikedthrough" or alternatively hit the strikethrough button and start typing and from then on everything you type will be "strikedthrough".
Here is an example.
The word strikethrough should have a line through it.
Blockquote
The blockquote button is used to indicate the quotation of a large section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form.
Observe:
Great works are performed, not by strength, but by perseverance. Samuel Johnson
Show / Hide Advanced Editing
This button will show/hide some of the more advanced formatting buttons that are available for you to use for formatting your blog entries i.e. Text Colour, Size etc.
Run Spell Check
The blog text editor has an inbuilt spell checker, which can be used to fine misspelled words or phrases. This should be used always to ensure the legibility of your work. Simply click the button and it will check the text you have typed and highlight any mistakes you have made.
It also has the ability to check multiple languages. When you click the button a drop down menu will appear and you can select another language to use to check for correct spelling.
Remove Formatting
You can use this button to remove any formatting from text you have previously formatted i.e. If you select some underlined text and hit this button the underline formatting will be removed from the text.
Go Full Screen
This will expand the text editing section to occupy the full size of your browser window.
