Difference between revisions of "Gedit-Text-Editor/C2/Handling-Tabs/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "'''Title of script''':''' Handling tabs in gedit Text editor''' '''Author: Nirmala Venkat''' '''Keywords:''' Add tab, Move tab, Reorder tab, Close tab, Side panel, Insert li...")
 
 
(One intermediate revision by one other user not shown)
Line 7: Line 7:
 
{| style="border-spacing:0;width:17.39cm;"
 
{| style="border-spacing:0;width:17.39cm;"
 
|- style="background-color:#c0c0c0;border:1pt solid #000000;padding:0.097cm;"
 
|- style="background-color:#c0c0c0;border:1pt solid #000000;padding:0.097cm;"
|| <span style="color:#000000;">'''Visual Cue'''</span>
+
|| '''Visual Cue'''
 
| style="color:#000000;" | '''Narration'''
 
| style="color:#000000;" | '''Narration'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 1:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 1:
  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Welcome to the</span><span style="color:#000000;">''' Spoken Tutorial'''</span><span style="color:#000000;"> on</span><span style="color:#000000;">''' Handling tabs in gedit Text editor.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Welcome to the ''' Spoken Tutorial''' on ''' Handling tabs in gedit Text editor.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 2:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 2:
  
<span style="color:#000000;">Learning objectives</span>
+
Learning objectives
  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In this tutorial, we will learn to:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In this tutorial, we will learn to:
  
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Add, move, re-order and close tabs</span></div>
+
* Add, move, re-order and close tabs
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Use the</span><span style="color:#000000;">''' Side Panel'''</span><span style="color:#000000;"> to browse and open files</span></div>
+
* Use the ''' Side Panel''' to browse and open files
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Insert line numbers and</span></div>
+
* Insert line numbers and
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Wrap text</span></div>
+
* Wrap text
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 3:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 3:
  
<span style="color:#000000;">System Requirements</span>
+
System Requirements
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">To record this tutorial, I am using:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | To record this tutorial, I am using:
  
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">'''Ubuntu Linux '''</span><span style="color:#000000;">14.04 operating system</span></div>
+
* '''Ubuntu Linux '''14.04 operating system
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">'''gedit'''</span><span style="color:#000000;"> 3.10</span></div>
+
* '''gedit''' 3.10
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 4:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 4:
  
<span style="color:#000000;">Pre-requisites</span>
+
Pre-requisites
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">To follow this tutorial, you should have working knowledge of any operating system.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | To follow this tutorial, you should have working knowledge of any operating system.
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let's open the</span><span style="color:#000000;">''' gedit Text editor.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let's open the ''' gedit Text editor.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the tab</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the tab
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">By default, the</span><span style="color:#000000;">''' gedit Text editor'''</span><span style="color:#000000;"> has one tab named as</span><span style="color:#000000;">''' Untitled Document 1.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | By default, the ''' gedit Text editor''' has one tab named as ''' Untitled Document 1.'''  
 +
 
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Copy and paste the code</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Copy and paste the code  
  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Now, pause the tutorial and type the following code as displayed on the screen.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Now, pause the tutorial and type the following code as displayed on the screen.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the C program</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the C program  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">This is a program in</span><span style="color:#000000;">''' C'''</span><span style="color:#000000;"> language.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | This is a program in ''' C''' language.  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let us save the program.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let us save the program.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">'''Ctrl + S'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | '''Ctrl + S'''  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Press </span><span style="color:#000000;">'''Ctrl + S '''</span><span style="color:#000000;">keys simultaneously on the keyboard.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Press '''Ctrl + S ''' keys simultaneously on the keyboard.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Enter</span><span style="color:#000000;">''' Name'''</span><span style="color:#000000;"> >></span><span style="color:#000000;">''' Sample.c'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Enter ''' Name''' >> ''' Sample.c'''  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In the</span><span style="color:#000000;">''' Save'''</span><span style="color:#000000;"> dialog box, enter the name as</span><span style="color:#000000;">''' sample dot c.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In the ''' Save''' dialog box, enter the name as ''' sample dot c.'''  
  
<span style="color:#000000;">The </span><span style="color:#000000;">'''extension ‘c’'''</span><span style="color:#000000;"> indicates that it is a</span><span style="color:#000000;">''' C'''</span><span style="color:#000000;"> language program.</span>
+
The '''extension ‘c’''' indicates that it is a ''' C''' language program.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">'''Browse >>'''</span><span style="color:#000000;"> Select</span><span style="color:#000000;">''' Desktop'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | '''Browse >>''' Select ''' Desktop'''
  
<span style="color:#000000;">Click</span><span style="color:#000000;">''' Save.'''</span>
+
Click ''' Save.'''  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Select the folder where you want to save the file. </span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Select the folder where you want to save the file.  
  
<span style="color:#000000;">I will select</span><span style="color:#000000;">''' Desktop '''</span><span style="color:#000000;">and then click on</span><span style="color:#000000;">''' Save'''</span><span style="color:#000000;"> button.</span>
+
I will select ''' Desktop '''and then click on ''' Save''' button.  
  
<span style="color:#000000;">The tab name has changed to</span><span style="color:#000000;">''' sample dot c.'''</span>
+
The tab name has changed to ''' sample dot c.'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the different colors</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the different colors
  
<div style="color:#000000;"></div>
+
Point to the status bar
 +
| style="border:1pt solid #000000;padding:0.097cm;" | Did you notice the various colors in the program after you saved the file?
  
<div style="color:#000000;"></div>
+
This is because ''' gedit Text editor'''  recognizes the typed code as a ''' C program.'''
  
<div style="color:#000000;"></div>
+
We will learn more about syntax highlighting in later tutorials.
  
<div style="color:#000000;"></div>
+
Also, notice the '''status bar''' which has changed to ''' 'C'.'''
 
+
<div style="color:#000000;"></div>
+
 
+
<div style="color:#000000;"></div>
+
 
+
<div style="color:#000000;"></div>
+
 
+
<span style="color:#000000;">Point to the status bar</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Did you notice the various colors in the program after you saved the file?</span>
+
 
+
<span style="color:#000000;">This is because</span><span style="color:#000000;">''' gedit Text editor'''</span><span style="color:#000000;"> recognizes the typed code as a</span><span style="color:#000000;">''' C program.'''</span>
+
 
+
<span style="color:#000000;">We will learn more about syntax highlighting in later tutorials.</span>
+
 
+
<span style="color:#000000;">Also, notice the </span><span style="color:#000000;">'''status bar'''</span><span style="color:#000000;"> which has changed to</span><span style="color:#000000;">''' 'C'.'''</span>
+
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the top bar of the window</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the top bar of the window
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">We can see that the </span><span style="color:#000000;">'''window'''</span><span style="color:#000000;"> name has also changed to</span><span style="color:#000000;">''' sample dot c.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | We can see that the '''window''' name has also changed to''' sample dot c.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">From the Main menu, click File>>New</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | From the Main menu, click File>>New
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">To add a new tab, from the</span><span style="color:#000000;">''' Main'''</span><span style="color:#000000;"> menu, click</span><span style="color:#000000;">''' File'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' New'''</span><span style="color:#000000;">.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | To add a new tab, from the''' Main''' menu, click''' File''' and''' New'''.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the Untitled Document1</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the Untitled Document1
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">A new tab named</span><span style="color:#000000;">''' Untitled Document 1'''</span><span style="color:#000000;"> is created to the right of the document</span><span style="color:#000000;">''' sample.c.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | A new tab named''' Untitled Document 1''' is created to the right of the document''' sample.c.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the top bar of the window</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the top bar of the window
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Again, the title at the top of the window has changed to</span><span style="color:#000000;">''' Untitled Document 1.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Again, the title at the top of the window has changed to ''' Untitled Document 1.'''  
 +
 
 +
So, the name of the active tab is displayed as the title of the window.
  
<span style="color:#000000;">So, the name of the active tab is displayed as the title of the window.</span>
 
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click >></span><span style="color:#000000;">''' New'''</span><span style="color:#000000;"> icon from the toolbar</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click >> ''' New''' icon from the toolbar  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Now, let’s learn another way to open a new tab.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Now, let’s learn another way to open a new tab.  
  
<span style="color:#000000;">Click on the</span><span style="color:#000000;">''' New'''</span><span style="color:#000000;"> icon in the toolbar.</span>
+
Click on the ''' New''' icon in the toolbar.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to</span><span style="color:#000000;">''' untitled Document 2'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to ''' untitled Document 2'''  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Another tab</span><span style="color:#000000;">''' Untitled Document 2'''</span><span style="color:#000000;"> has been created.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Another tab ''' Untitled Document 2''' has been created.  
  
<span style="color:#000000;">The numbering of tabs begins at 1 and increments by 1 for each new tab that is opened.</span>
+
The numbering of tabs begins at 1 and increments by 1 for each new tab that is opened.  
  
<span style="color:#000000;">That’s why this tab is numbered 2.</span>
+
That’s why this tab is numbered 2.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click 'New' icon twice in the toolbar</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click 'New' icon twice in the toolbar  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In a similar way, let's create two more new documents.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In a similar way, let's create two more new documents.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to all tabs</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to all tabs  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Now, we have a total of 5 tabs including</span><span style="color:#000000;">''' sample.c.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Now, we have a total of 5 tabs including ''' sample.c.'''  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">How do we navigate through these tabs?</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | How do we navigate through these tabs?  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the triangular button on both ends of the tab bar</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the triangular button on both ends of the tab bar  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Notice, there is a triangular button on both ends of the tab bar.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Notice, there is a triangular button on both ends of the tab bar.  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">You can use these buttons to navigate through the tabs.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | You can use these buttons to navigate through the tabs.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click on the left triangular button</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click on the left triangular button  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let's click on the left triangular button till the document</span><span style="color:#000000;">''' sample.c'''</span><span style="color:#000000;"> is visible.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let's click on the left triangular button till the document ''' sample.c''' is visible.  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">How do we close the tabs? </span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | How do we close the tabs?
  
<span style="color:#000000;">This is very simple.</span>
+
This is very simple.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Main Menu >> File >>Close</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Main Menu >> File >>Close  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">From the</span><span style="color:#000000;">''' Main'''</span><span style="color:#000000;"> menu, click</span><span style="color:#000000;">''' File'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' Close'''</span><span style="color:#000000;">.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | From the ''' Main''' menu, click ''' File''' and ''' Close'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the X button on the tab</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the X button on the tab  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Alternately, you can simply click on the</span><span style="color:#000000;">''' X'''</span><span style="color:#000000;"> button on the tab.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Alternately, you can simply click on the ''' X''' button on the tab.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Close Untitled Document 2 and 3</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Close Untitled Document 2 and 3  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let's close the</span><span style="color:#000000;">''' Untitled Document 2'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' 3'''</span><span style="color:#000000;"> in this manner.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let's close the ''' Untitled Document 2''' and ''' 3''' in this manner.  
  
<span style="color:#000000;">So, we are left with </span><span style="color:#000000;">'''sample dot c, Untitled Document 1'''</span><span style="color:#000000;"> and </span><span style="color:#000000;">'''Untitled Document 4.'''</span>
+
So, we are left with '''sample dot c, Untitled Document 1''' and '''Untitled Document 4.'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click</span><span style="color:#000000;">''' New'''</span><span style="color:#000000;"> icon twice in the toolbar</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click ''' New''' icon twice in the toolbar  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Now, let's add two more new documents.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Now, let's add two more new documents.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to</span><span style="color:#000000;">''' Untitled Document 2'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' 3'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to ''' Untitled Document 2''' and ''' 3'''  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">These two new tabs are named as</span><span style="color:#000000;">''' Untitled Document 2'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' 3.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | These two new tabs are named as ''' Untitled Document 2''' and ''' 3.'''  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The documents are numbered or ordered, as shown here.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The documents are numbered or ordered, as shown here.  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The ordering may be different in lower versions of </span><span style="color:#000000;">'''gedit'''</span><span style="color:#000000;">.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The ordering may be different in lower versions of '''gedit'''.
  
<span style="color:#000000;">Such differences in versions will happen and the learner should be prepared to handle these.</span>
+
Such differences in versions will happen and the learner should be prepared to handle these.  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let's rearrange the tabs now.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let's rearrange the tabs now.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Select</span><span style="color:#000000;">''' Untitled Document1.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Select ''' Untitled Document1.'''  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">First, select</span><span style="color:#000000;">''' Untitled Document1.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | First, select ''' Untitled Document1.'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Press the left mouse button and drag it to the left.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Press the left mouse button and drag it to the left.  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Press the left </span><span style="color:#000000;">'''mouse'''</span><span style="color:#000000;"> button and drop it to the left of the file </span><span style="color:#000000;">'''sample.c.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Press the left '''mouse''' button and drop it to the left of the file '''sample.c.'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Release the left mouse button</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Release the left mouse button  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Release the left </span><span style="color:#000000;">'''mouse'''</span><span style="color:#000000;"> button.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Release the left '''mouse''' button.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the tab that is rearranged.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the tab that is rearranged.  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The tab is rearranged.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The tab is rearranged.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Rearrange the tab 2and 4</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Rearrange the tab 2and 4  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In the same manner, let us rearrange the tab </span><span style="color:#000000;">'''2'''</span><span style="color:#000000;">and</span><span style="color:#000000;">''' 4.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In the same manner, let us rearrange the tab '''2''' and ''' 4.'''  
  
<span style="color:#000000;"><<PAUSE>></span>
+
<<PAUSE>>  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Next, let's learn to move a tab to another window.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Next, let's learn to move a tab to another window.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Select the tab where sample.c is present</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Select the tab where sample.c is present  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">First, select the tab</span><span style="color:#000000;">''' sample.c'''</span><span style="color:#000000;"> which we want to move.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | First, select the tab ''' sample.c''' which we want to move.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Right click on the tab and select '</span><span style="color:#000000;">'''Move to New Window''''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Right click on the tab and select ''''Move to New Window''''  
  
<span style="color:#000000;">Point to sample.c that opens in new window</span>
+
Point to sample.c that opens in new window  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Then, right-click on the tab and select '</span><span style="color:#000000;">'''Move to New Window'.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Then, right-click on the tab and select ''''Move to New Window''''.
  
<span style="color:#000000;">'''sample.c'''</span><span style="color:#000000;"> opens in a new window.</span>
+
'''sample.c''' opens in a new window.  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let's switch from</span><span style="color:#000000;">''' sample.c'''</span><span style="color:#000000;"> to the other window with the</span><span style="color:#000000;">''' Untitled Documents.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let's switch from''' sample.c''' to the other window with the''' Untitled Documents.'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Main menu >> View >> Side Pane</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Main menu >> View >> Side Pane  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Go to the</span><span style="color:#000000;">''' Main'''</span><span style="color:#000000;"> menu and click</span><span style="color:#000000;">''' View'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' Side Panel.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Go to the''' Main''' menu and click''' View''' and''' Side Panel.'''  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the Side Pane on the left side of the window</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the Side Pane on the left side of the window  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The</span><span style="color:#000000;">''' Side Panel'''</span><span style="color:#000000;"> opens up on the left side of the window.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The''' Side Panel''' opens up on the left side of the window.
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">You can view the names of all the documents in the</span><span style="color:#000000;">''' Side Panel.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | You can view the names of all the documents in the ''' Side Panel.'''
  
<span style="color:#000000;">It is in the same order in which they appear on the window pane.</span>
+
It is in the same order in which they appear on the window panel.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In the</span><span style="color:#000000;">''' Side Pane'''</span><span style="color:#000000;">, click on</span><span style="color:#000000;">''' Untitled Document 2.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In the''' Side Pane''', click on''' Untitled Document 2.'''
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In the</span><span style="color:#000000;">''' Side Panel'''</span><span style="color:#000000;">, click on the</span><span style="color:#000000;">''' Untitled Document 2'''</span><span style="color:#000000;">.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In the ''' Side Panel''', click on the''' Untitled Document 2'''.
  
<span style="color:#000000;">That document becomes active.</span>
+
That document becomes active now.
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let us rearrange the document in the</span><span style="color:#000000;">''' gedit Text editor window,'''</span><span style="color:#000000;"> as we did before.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let us rearrange the document in the''' gedit Text editor window,''' as we did before.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click on the tab Untitled Document 4.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click on the tab Untitled Document 4.
  
<span style="color:#000000;">Press the left mouse button and drag and drop the file after the last tab.</span>
+
Press the left mouse button and drag and drop the file after the last tab.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let’s click on the tab</span><span style="color:#000000;">''' Untitled Document 4.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let’s click on the tab''' Untitled Document 4.'''
  
<span style="color:#000000;">Click, drag and drop the file after the last tab.</span>
+
Click, drag and drop the file after the last tab.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the changes in the Side Pane.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the changes in the Side Pane.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Notice that the document order has now changed in the</span><span style="color:#000000;">''' Side Panel,'''</span><span style="color:#000000;"> too.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Notice that the document order has now changed in the''' Side Panel,''' too.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">To close the Side Pane, simply click the</span><span style="color:#000000;">''' X'''</span><span style="color:#000000;"> button on the top right.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | To close the Side Pane, simply click the''' X''' button on the top right.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">To close the</span><span style="color:#000000;">''' Side Panel'''</span><span style="color:#000000;">, simply click the</span><span style="color:#000000;">''' X'''</span><span style="color:#000000;"> button on the top right.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | To close the''' Side Panel''', simply click the''' X''' button on the top right.
  
<span style="color:#000000;"><<PAUSE>></span>
+
<<PAUSE>>
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let's learn how to go to a specific line number in the</span><span style="color:#000000;">''' gedit Text editor'''</span><span style="color:#000000;"> file.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let's learn how to go to a specific line number in the''' gedit Text editor''' file.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Switch to sample.c file.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Switch to sample.c file.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Switch to</span><span style="color:#000000;">''' sample.c'''</span><span style="color:#000000;"> file.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Switch to''' sample.c''' file.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click Search >> Go to line</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click Search >> Go to line
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">From the</span><span style="color:#000000;">''' Main'''</span><span style="color:#000000;"> menu, click</span><span style="color:#000000;">''' Search'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' Go to Line'''</span><span style="color:#000000;">.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | From the''' Main''' menu, click''' Search''' and''' Go to Line'''.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the Go to Line dialog box</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the Go to Line dialog box
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The</span><span style="color:#000000;">''' Go to Line'''</span><span style="color:#000000;"> dialog-box appears on the top right corner of the</span><span style="color:#000000;">''' gedit Text editor'''</span><span style="color:#000000;"> window.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The''' Go to Line''' dialog-box appears on the top right corner of the''' gedit Text editor''' window.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Enter 8 in the box</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Enter 8 in the box  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In the dialog box, enter the number 8 and press the</span><span style="color:#000000;">''' Enter'''</span><span style="color:#000000;"> key.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In the dialog box, enter the number 8 and press the''' Enter''' key.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the cursor</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the cursor
<span style="color:#000000;">Point to the status bar</span>
+
Point to the status bar
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The cursor jumps to line 8.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The cursor jumps to line 8.
  
<span style="color:#000000;">We can also see the line number as 8 in the status bar.</span>
+
We can also see the line number as 8 in the status bar.
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">But, it will be easy to locate the cursor if the line number is displayed along with the text.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | But, it will be easy to locate the cursor if the line number is displayed along with the text.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click Edit >> Preferences</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click Edit >> Preferences
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">To display the line numbers of the code, from the</span><span style="color:#000000;">''' Main'''</span><span style="color:#000000;"> menu, select</span><span style="color:#000000;">''' Edit'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' Preferences.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | To display the line numbers of the code, from the''' Main''' menu, select''' Edit''' and''' Preferences.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to gedit Preferences dialog box</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to gedit Preferences dialog box
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">'''gedit Preferences'''</span><span style="color:#000000;"> dialog box appears.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | '''gedit Preferences''' dialog box appears.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click View tab</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click View tab
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click the</span><span style="color:#000000;">''' View'''</span><span style="color:#000000;"> tab.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click the ''' View''' tab.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Check the Display line numbers box.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Check the Display line numbers box.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Put a checkmark on </span><span style="color:#000000;">'''Display line numbers'''</span><span style="color:#000000;"> option.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Put a checkmark on '''Display line numbers''' option.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Check the Highlight current line box.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Check the Highlight current line box.
  
<span style="color:#000000;">Click Close.</span>
+
Click Close.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Put a checkmark on</span><span style="color:#000000;">''' Highlight current line'''</span><span style="color:#000000;"> option.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Put a checkmark on''' Highlight current line''' option.
  
<span style="color:#000000;">Click</span><span style="color:#000000;">''' '''</span><span style="color:#000000;">on the </span><span style="color:#000000;">'''Close'''</span><span style="color:#000000;"> button.</span>
+
Click on the '''Close''' button.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the line numbers</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the line numbers
  
<div style="color:#000000;"></div>
 
  
<span style="color:#000000;">Point to the current line number in bold.</span>
+
Point to the current line number in bold.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Notice that the line numbers are now displayed to the right of the code.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Notice that the line numbers are displayed to the left of the code.
  
<span style="color:#000000;">Also, the line on which your cursor is displayed is in </span><span style="color:#000000;">'''bold'''</span><span style="color:#000000;">.</span>
+
Also, the line on which your cursor is displayed is in '''bold'''.
  
<span style="color:#000000;"><<PAUSE>></span>
+
<<PAUSE>>
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 5:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 5:  
  
<span style="color:#000000;">Text Wrapping</span>
+
Text Wrapping  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Next we will learn about text wrapping.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Next we will learn about text wrapping.  
  
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">A line of code in a program may exceed the length of the</span><span style="color:#000000;">''' gedit Text editor'''</span><span style="color:#000000;"> window.</span></div>
+
* A line of code in a program may exceed the length of the''' gedit Text editor''' window.
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">So, it becomes difficult to read the entire line of the text.</span></div>
+
* So, it becomes difficult to read the entire line of the text.
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">'''Text wrapping'''</span><span style="color:#000000;"> helps to wrap the text within the size of the window.</span></div>
+
* '''Text wrapping''' helps to wrap the text within the size of the window.
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Switch back to the</span><span style="color:#000000;">''' sample.c'''</span><span style="color:#000000;"> program.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Switch back to the''' sample.c''' program.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Switch back to the</span><span style="color:#000000;">''' sample.c'''</span><span style="color:#000000;"> program.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Switch back to the''' sample.c''' program.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click</span><span style="color:#000000;">''' Edit'''</span><span style="color:#000000;"> >></span><span style="color:#000000;">''' Preferences'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click''' Edit''' >>''' Preferences'''
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">From the</span><span style="color:#000000;">''' Main'''</span><span style="color:#000000;"> menu, click</span><span style="color:#000000;">''' Edit'''</span><span style="color:#000000;"> and then</span><span style="color:#000000;">''' Preferences.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | From the''' Main''' menu, click''' Edit''' and then''' Preferences.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the check box </span><span style="color:#000000;">'''Enable text wrapping'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the check box '''Enable text wrapping'''
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Notice that the option</span><span style="color:#000000;">''' Enable text wrapping'''</span><span style="color:#000000;"> is checked by default.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Notice that the option''' Enable text wrapping''' is checked by default.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Uncheck the box. Click Close.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Uncheck the box. Click Close.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Uncheck this box.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Uncheck this box.
  
<span style="color:#000000;">Click</span><span style="color:#000000;">''' '''</span><span style="color:#000000;">on the </span><span style="color:#000000;">'''Close'''</span><span style="color:#000000;"> button.</span>
+
Click on the '''Close''' button.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Type the below code at the end of the program</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Type the below code at the end of the program
  
<span style="color:#000000;">printf ("This is a sample program in C which explains the working of if else statement");</span>
+
printf ("This is a sample program in C which explains the working of if else statement");
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Let me add a line of code at the end of the program.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Let me add a line of code at the end of the program.  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the line where it exceeds the window length.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the line where it exceeds the window length.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Notice that the length of the text has exceeded the size of the window.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Notice that the length of the text has exceeded the size of the window.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Click</span><span style="color:#000000;">''' Edit'''</span><span style="color:#000000;"> >></span><span style="color:#000000;">''' Preferences'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Click''' Edit'''>>''' Preferences'''
  
<span style="color:#000000;">Click on the</span><span style="color:#000000;">''' View'''</span><span style="color:#000000;"> tab.</span>
+
Click on the''' View''' tab.
  
<span style="color:#000000;">Check the option</span><span style="color:#000000;">''' Enable text wrapping'''</span>
+
Check the option''' Enable text wrapping'''
  
<span style="color:#000000;">Click</span><span style="color:#000000;">''' Close'''</span><span style="color:#000000;">.</span>
+
Click''' Close'''.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Now, let's check the option</span><span style="color:#000000;">''' Enable text wrapping.'''</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Now, let's check the option ''' Enable text wrapping.'''
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Point to the text to show text wrapping.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Point to the text to show text wrapping.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The text has been neatly wrapped to fit the window.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The text has been neatly wrapped to fit the window.
  
<span style="color:#000000;"><<PAUSE>></span>
+
<<PAUSE>>
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
 
| style="border:1pt solid #000000;padding:0.097cm;color:#000000;" |  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">This brings us to the end of this tutorial. Let us </span><span style="color:#000000;">summarise.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | This brings us to the end of this tutorial. Let us summarise.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 8:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 8:
  
 
<div style="color:#000000;">'''Summary'''</div>
 
<div style="color:#000000;">'''Summary'''</div>
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">In this tutorial, we learnt to:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | In this tutorial, we learnt to:
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Add, move, re-order and close tabs</span></div>
+
* Add, move, re-order and close tabs
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Use the</span><span style="color:#000000;">''' Side Panel'''</span><span style="color:#000000;"> to browse and open files</span></div>
+
* Use the''' Side Panel''' to browse and open files
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Insert line numbers and</span></div>
+
* Insert line numbers and
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Wrap text</span></div>
+
* Wrap text
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 9:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 9:
  
 
<div style="color:#000000;">'''Assignment'''</div>
 
<div style="color:#000000;">'''Assignment'''</div>
  
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Here is an assignment for you.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Here is an assignment for you.
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Create 5 new tabs in the</span><span style="color:#000000;">''' gedit Text Editor'''</span></div>
+
* Create 5 new tabs in the''' gedit Text Editor'''
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Save them as</span><span style="color:#000000;">''' One, Two,Three, Four'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' Five'''</span></div>
+
* Save them as''' One, Two,Three, Four''' and''' Five'''
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Now re-order the tabs as</span><span style="color:#000000;">''' Three, Two, One, Five'''</span><span style="color:#000000;"> and</span><span style="color:#000000;">''' Four'''</span></div>
+
* Now re-order the tabs as''' Three, Two, One, Five''' and''' Four'''
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Open the</span><span style="color:#000000;">''' Side Panel'''</span></div>
+
* Open the''' Side Panel'''
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Click the file</span><span style="color:#000000;">''' Five'''</span><span style="color:#000000;"> in the</span><span style="color:#000000;">''' Side Panel '''</span><span style="color:#000000;">and</span><span style="color:#000000;">''' '''</span><span style="color:#000000;">enter some text</span></div>
+
* Click the file''' Five''' in the''' Side Panel '''and enter some text
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 11:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 11:
  
<span style="color:#000000;">About Spoken Tutorial project</span>
+
About Spoken Tutorial project
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The video at the following link summarises the Spoken Tutorial project.</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The video at the following link summarises the Spoken Tutorial project.
  
<span style="color:#000000;">Please download and watch it.</span>
+
Please download and watch it.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 12:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 12:
  
<span style="color:#000000;">Spoken Tutorial workshops</span>
+
Spoken Tutorial workshops
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">The</span><span style="color:#000000;">''' Spoken Tutorial Project'''</span><span style="color:#000000;"> Team:</span>* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">conducts workshops using spoken tutorials and</span></div>
+
| style="border:1pt solid #000000;padding:0.097cm;" | The''' Spoken Tutorial Project''' Team:
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">gives certificates on passing online tests.</span></div>
+
* conducts workshops using spoken tutorials and
 +
* gives certificates on passing online tests.
  
<span style="color:#000000;">For more details, please write to us.</span>
+
For more details, please write to us.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 13:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 13:
  
<span style="color:#000000;">Forum for specific questions</span>
+
Forum for specific questions
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Do you have questions in THIS Spoken Tutorial?</span>* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Please visit this site.</span></div>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Do you have questions in THIS Spoken Tutorial?
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Choose the minute and second where you have the question.</span></div>
+
* Please visit this site.
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Explain your question briefly.</span></div>
+
* Choose the minute and second where you have the question.
* <div style="margin-left:0cm;margin-right:0cm;"><span style="color:#000000;">Someone from our team will answer them.</span></div>
+
* Explain your question briefly.
 +
* Someone from our team will answer them.
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Slide 14:</span>
+
| style="border:1pt solid #000000;padding:0.097cm;" | Slide 14:
 
+
<div style="color:#000000;">Acknowledgement</div>
+
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.</span>
+
  
<span style="color:#000000;">More information on this mission is available at</span>
+
Acknowledgement
 +
| style="border:1pt solid #000000;padding:0.097cm;" | Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.
  
<span style="color:#000000;">this link.</span>
+
More information on this mission is available at this link.
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;" | <div style="color:#000000;"></div>
+
| style="border:1pt solid #000000;padding:0.097cm;" |  
  
<div style="color:#000000;"></div>
+
| style="border:1pt solid #000000;padding:0.097cm;" | This is Nirmala Venkat from IIT Bombay, signing off. Thanks for watching.
| style="border:1pt solid #000000;padding:0.097cm;" | <span style="color:#000000;">This is Nirmala Venkat from IIT Bombay, signing off. Thanks for watching.</span>
+
 
|-
 
|-
 
|}
 
|}

Latest revision as of 11:51, 1 February 2017

Title of script: Handling tabs in gedit Text editor

Author: Nirmala Venkat

Keywords: Add tab, Move tab, Reorder tab, Close tab, Side panel, Insert line numbers, Wrap text, Video tutorial

Visual Cue Narration
Slide 1: Welcome to the Spoken Tutorial on Handling tabs in gedit Text editor.
Slide 2:

Learning objectives

In this tutorial, we will learn to:
  • Add, move, re-order and close tabs
  • Use the Side Panel to browse and open files
  • Insert line numbers and
  • Wrap text
Slide 3:

System Requirements

To record this tutorial, I am using:
  • Ubuntu Linux 14.04 operating system
  • gedit 3.10
Slide 4:

Pre-requisites

To follow this tutorial, you should have working knowledge of any operating system.
Let's open the gedit Text editor.
Point to the tab By default, the gedit Text editor has one tab named as Untitled Document 1.
Copy and paste the code Now, pause the tutorial and type the following code as displayed on the screen.
Point to the C program This is a program in C language.
Let us save the program.
Ctrl + S Press Ctrl + S keys simultaneously on the keyboard.
Enter Name >> Sample.c In the Save dialog box, enter the name as sample dot c.

The extension ‘c’ indicates that it is a C language program.

Browse >> Select Desktop

Click Save.

Select the folder where you want to save the file.

I will select Desktop and then click on Save button.

The tab name has changed to sample dot c.

Point to the different colors

Point to the status bar

Did you notice the various colors in the program after you saved the file?

This is because gedit Text editor recognizes the typed code as a C program.

We will learn more about syntax highlighting in later tutorials.

Also, notice the status bar which has changed to 'C'.

Point to the top bar of the window We can see that the window name has also changed to sample dot c.
From the Main menu, click File>>New To add a new tab, from the Main menu, click File and New.
Point to the Untitled Document1 A new tab named Untitled Document 1 is created to the right of the document sample.c.
Point to the top bar of the window Again, the title at the top of the window has changed to Untitled Document 1.

So, the name of the active tab is displayed as the title of the window.

Click >> New icon from the toolbar Now, let’s learn another way to open a new tab.

Click on the New icon in the toolbar.

Point to untitled Document 2 Another tab Untitled Document 2 has been created.

The numbering of tabs begins at 1 and increments by 1 for each new tab that is opened.

That’s why this tab is numbered 2.

Click 'New' icon twice in the toolbar In a similar way, let's create two more new documents.
Point to all tabs Now, we have a total of 5 tabs including sample.c.
How do we navigate through these tabs?
Point to the triangular button on both ends of the tab bar Notice, there is a triangular button on both ends of the tab bar.
You can use these buttons to navigate through the tabs.
Click on the left triangular button Let's click on the left triangular button till the document sample.c is visible.
How do we close the tabs?

This is very simple.

Main Menu >> File >>Close From the Main menu, click File and Close
Point to the X button on the tab Alternately, you can simply click on the X button on the tab.
Close Untitled Document 2 and 3 Let's close the Untitled Document 2 and 3 in this manner.

So, we are left with sample dot c, Untitled Document 1 and Untitled Document 4.

Click New icon twice in the toolbar Now, let's add two more new documents.
Point to Untitled Document 2 and 3 These two new tabs are named as Untitled Document 2 and 3.
The documents are numbered or ordered, as shown here.
The ordering may be different in lower versions of gedit.

Such differences in versions will happen and the learner should be prepared to handle these.

Let's rearrange the tabs now.
Select Untitled Document1. First, select Untitled Document1.
Press the left mouse button and drag it to the left. Press the left mouse button and drop it to the left of the file sample.c.
Release the left mouse button Release the left mouse button.
Point to the tab that is rearranged. The tab is rearranged.
Rearrange the tab 2and 4 In the same manner, let us rearrange the tab 2 and 4.

<<PAUSE>>

Next, let's learn to move a tab to another window.
Select the tab where sample.c is present First, select the tab sample.c which we want to move.
Right click on the tab and select 'Move to New Window'

Point to sample.c that opens in new window

Then, right-click on the tab and select 'Move to New Window'.

sample.c opens in a new window.

Let's switch from sample.c to the other window with the Untitled Documents.
Main menu >> View >> Side Pane Go to the Main menu and click View and Side Panel.
Point to the Side Pane on the left side of the window The Side Panel opens up on the left side of the window.
You can view the names of all the documents in the Side Panel.

It is in the same order in which they appear on the window panel.

In the Side Pane, click on Untitled Document 2. In the Side Panel, click on the Untitled Document 2.

That document becomes active now.

Let us rearrange the document in the gedit Text editor window, as we did before.
Click on the tab Untitled Document 4.

Press the left mouse button and drag and drop the file after the last tab.

Let’s click on the tab Untitled Document 4.

Click, drag and drop the file after the last tab.

Point to the changes in the Side Pane. Notice that the document order has now changed in the Side Panel, too.
To close the Side Pane, simply click the X button on the top right. To close the Side Panel, simply click the X button on the top right.

<<PAUSE>>

Let's learn how to go to a specific line number in the gedit Text editor file.
Switch to sample.c file. Switch to sample.c file.
Click Search >> Go to line From the Main menu, click Search and Go to Line.
Point to the Go to Line dialog box The Go to Line dialog-box appears on the top right corner of the gedit Text editor window.
Enter 8 in the box In the dialog box, enter the number 8 and press the Enter key.
Point to the cursor

Point to the status bar

The cursor jumps to line 8.

We can also see the line number as 8 in the status bar.

But, it will be easy to locate the cursor if the line number is displayed along with the text.
Click Edit >> Preferences To display the line numbers of the code, from the Main menu, select Edit and Preferences.
Point to gedit Preferences dialog box gedit Preferences dialog box appears.
Click View tab Click the View tab.
Check the Display line numbers box. Put a checkmark on Display line numbers option.
Check the Highlight current line box.

Click Close.

Put a checkmark on Highlight current line option.

Click on the Close button.

Point to the line numbers


Point to the current line number in bold.

Notice that the line numbers are displayed to the left of the code.

Also, the line on which your cursor is displayed is in bold.

<<PAUSE>>

Slide 5:

Text Wrapping

Next we will learn about text wrapping.
  • A line of code in a program may exceed the length of the gedit Text editor window.
  • So, it becomes difficult to read the entire line of the text.
  • Text wrapping helps to wrap the text within the size of the window.
Switch back to the sample.c program. Switch back to the sample.c program.
Click Edit >> Preferences From the Main menu, click Edit and then Preferences.
Point to the check box Enable text wrapping Notice that the option Enable text wrapping is checked by default.
Uncheck the box. Click Close. Uncheck this box.

Click on the Close button.

Type the below code at the end of the program

printf ("This is a sample program in C which explains the working of if else statement");

Let me add a line of code at the end of the program.
Point to the line where it exceeds the window length. Notice that the length of the text has exceeded the size of the window.
Click Edit>> Preferences

Click on the View tab.

Check the option Enable text wrapping

Click Close.

Now, let's check the option Enable text wrapping.
Point to the text to show text wrapping. The text has been neatly wrapped to fit the window.

<<PAUSE>>

This brings us to the end of this tutorial. Let us summarise.
Slide 8:
Summary
In this tutorial, we learnt to:
  • Add, move, re-order and close tabs
  • Use the Side Panel to browse and open files
  • Insert line numbers and
  • Wrap text
Slide 9:
Assignment
Here is an assignment for you.
  • Create 5 new tabs in the gedit Text Editor
  • Save them as One, Two,Three, Four and Five
  • Now re-order the tabs as Three, Two, One, Five and Four
  • Open the Side Panel
  • Click the file Five in the Side Panel and enter some text
Slide 11:

About Spoken Tutorial project

The video at the following link summarises the Spoken Tutorial project.

Please download and watch it.

Slide 12:

Spoken Tutorial workshops

The Spoken Tutorial Project Team:
  • conducts workshops using spoken tutorials and
  • gives certificates on passing online tests.

For more details, please write to us.

Slide 13:

Forum for specific questions

Do you have questions in THIS Spoken Tutorial?
  • Please visit this site.
  • Choose the minute and second where you have the question.
  • Explain your question briefly.
  • Someone from our team will answer them.
Slide 14:

Acknowledgement

Spoken Tutorial project is funded by NMEICT, MHRD, Government of India.

More information on this mission is available at this link.

This is Nirmala Venkat from IIT Bombay, signing off. Thanks for watching.

Contributors and Content Editors

Nancyvarkey, Nirmala Venkat