View source for /Basic Formatting

'''Date of preparation of script''': 15th November, 2010

'''Authors''': Sandeep and Nilu Prahallad

'''Keywords''': Mediawiki, Formatting, Adding text, Bold, Italicize
__TOC__
==Scripts==
[[Media:Basic formatting in Mediawiki.zip|Basic formatting in Mediawiki.zip]]

== WYSIWYG toolbar ==

{| border="1"
!width="250"|Visual Cue
!width="450"|Narration
|-
||Show slide 1

* Spoken tutorial on '''Basic Formatting'''
* Script by '''Sandeep and Lavanya''' on 15th November 2010
* Created by '''Swetha'''

* Talk to a Teacher
* National Mission on Education through ICT

||On behalf of IIIT-Hyderabad, this is Swetha welcoming you to the spoken tutorial on Basic formatting in wiki page
|-
||Show slide 2 title 'Agenda'
basic formatting of text
• Basic formatting<br>
– Bold<br>
||In this tutorial, we will see 
Bold
|-
||Show slide 3 title 'Agenda'
basic formatting of text
• Basic formatting<br>
– Bold<br>
– Italic<br>
||Italics
|-
||Show slide 4 title 'Agenda'
basic formatting of text
• Basic formatting<br>
– Bold<br>
– Italic<br>
– Line breaks<br>
||Line breaks
|-
||Show slide 5 title 'Agenda'
basic formatting of text
• Basic formatting<br>
– Bold<br>
– Italic<br>
– Line breaks<br>
– Indenting Text<br>
||– Indenting Text<br>
|-
||Show slide 6 title 'Agenda'
basic formatting of text
• Basic formatting<br>
– Bold<br>
– Italic<br>
– Line breaks<br>
– Indenting Text<br>
– Horizontal line<br>
||Horizontal line<br>
|-
|| Show browser
|| Open browser and type http://enhanceedu.iiit.ac.in/mediawiki_sandbox. 
|-
|| Enter your user name and password and login.
||Please login with your user name and password. We are right now on the Main page of the mediawiki sandbox.Click on the User page. 
|-
|| User is in User page
|| Now, we are in the user page. Let us see how to create text in bold.
|-
||Show wiki page, roll the cursor to the top of the page, click edit. Select letter B in the editing toolbar which is the first icon in the editing toolbar.

|| To bold the text in wiki,Select the desired text and then click on Button '''B''' in the editing toolbar. It is the first icon in the editing toolbar. Let us try out an example to Write Education in bold. Please type the word "Education". Select the word 
"Education" and click the B button. You will notice that there are 3 single quotes <nowiki>''' </nowiki> that enclose the word.
Alternately,you could just type 3 <nowiki>''' </nowiki>three single quotation instead of clicking on the button B

|-
||Scroll to bottom of the page and click on "Save Page"
||Please scroll down and click on Save Page button, Notice that the word '''Education''' is in Bold. 
|-
||
|| Let us see how to create text in Italics. Let us type some more text and make it in italics
|-
||Show wiki page, roll the cursor to the top of the page, click edit. Select letter I in the formatting/editing toolbar which is the next to the bold button in the formatting/editing toolbar.

|| Lets write technology. Select the word and click on the button '''I'''. This makes the text in italics. It encloses two single quotes on both sides of the text. Let us see how it is displayed after we save the page.

|-

||Scroll to bottom of the page and click on "Save Page"
||Please scroll down and click on Save Page button, Notice that the word ''Technology'' is in Italic where as the word Education is in Bold
|-
||
|| Now let us learn how to create line breaks in wiki.
|-
||Show wiki page, roll the cursor to the top of the page, click edit.

||We can give line breaks in 2 ways. We have seen one way of doing it which giving an extra line space between the two lines. Please notice that there is an extra line space between the words "Education" and "Technology".

Second way of doing it is by using break. 
|-

|-

||Show wiki page, roll the cursor to the top of the page, click edit. 
|| Let us see an example. click edit tab by going to the top of the wiki page. Type some text
'''For Example''' <br>
<nowiki>Line 3 
Line 4 </nowiki>. How do we give the line space? We use <nowiki> <br>. </nowiki>

|-
||Scroll to bottom of the page and click on "Save Page"
||Lets save the page and see how it is displayed. 
::Line3 <br>
::Line4

Notice that there is a line spacing between the words "Education" and "Technology" and also between line 3 and Line4. But br gives slightly smaller line space.
|-
||Show wiki page, roll the cursor to the top of the page, click edit. 
|| We can also have indentation to the text in wiki. To have an indented space, we have to give <nowiki>": " Colon</nowiki> before the text.
Lets see an example.

We can create indentation by giving : in front of the word that you want to indent. I am typing : India.

<nowiki>: India Level 1 Indented space</nowiki>

We can also have multiple levels of indentation. :: means two levels of indentations.

'''For Example:'''

<nowiki>:: Andhra Pradesh Level 2 Indented space</nowiki>

<nowiki>::: Hyderabad Level 3 Indented space</nowiki>

|-
||Scroll to bottom of the page and click on "Save Page"
||Please scroll down and save the page. Notice that there is indentations at different levels. 1 at Indian, 2 at Andhra Pradesh and 3 at Hyderabad.

:India
::Andhra Pradesh
:::Hyderabad
|-
||Show wiki page, roll the cursor to the top of the page, click edit. Select button ---- in the formatting/editing toolbar which is next to the signature button in the formatting/editing toolbar.

||Let us see how to create  Horizantal line. It is used to separate text into different sections but it should be used sparsely.  Notice that there is a Horizontal line button in the extreme right in the editing toolbar. It gives 4 hypens<nowiki>----</nowiki>. This is used to create a horizontal line.

I can write some more text here. I am writing "this text appears below the horizontal line" and save page..

|-
||Scroll to bottom of the page and click on "Save Page"
||Please click on Save Page button, you will be able to see horizontal line.
 

|-
||Show Slide 7 -Summary slide
|| In summary, We can apply formatting to the text into bold by using b, italics by i. Give indentation by using : and create line spaces using br. We can separate the text using Horizontal lines 4 hypens.

|- 
||Show slide 8 titled Acknowledgements
Spoken Tutorial Project http://spoken-tutorial.org Talk to a Teacher project National Mission on Education through ICT http://spoken-tutorial.org/NMEICT-Intro
||The Mediawiki tutorials are created as part of the '''SPOKEN TUTORIAL PROJECT''', an initiative of the ‘Talk to a Teacher’ project. The project is coordinated by http://spoken-tutorial.org.  Funding for this work has come from the National Mission on Education through ICT, launched by MHRD, Government of India. For more details pls watch http://spoken-tutorial.org/NMEICT-Intro 

This brings us to the end of the tutorial on how to create text in Bold, italics, give line breaks and indentation and Horizontal lines in MediaWiki. The script for this tutorial was written by Sandeep and Lavanya and this is <<Name>> from IIIT-Hyderabad. Thank You.
|}