603
edits
Changes
Jump to navigation
Jump to search
Line 1:
Line 1: − + − + + + + + + + + + + + + + + + − [[File:1. VisualEditor toolbar-en- for TROER.png|left|thumb|300x300px]] Line 8:
Line 21: + + + − + − − + + + + + + + − '''Headings''' pull-down menu: allows you to change how the paragraph is formatted. To change the style of a paragraph, put your cursor in the paragraph and select an item in this menu (you don't have to highlight any text). Section titles are formatted "Heading", and subsections are "Heading 2", "Heading 3", and so on. The normal format for text is "Paragraph".[[File:2._VisualEditor_Toolbar_Headings-en.png|center|frame]]+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + − + Line 30:
Line 83: − + + + + + + + + + Line 51:
Line 112: − #Photos - slide show in [http://picasaweb.google.com Google Picassa] − + Line 152:
Line 212: − − ===Inserting image slide show=== − You can embed a Picassa (Google photos) image slide show in TOER − Using your gmail id, create a photo album on picassa (http://picasaweb.google.com). To learn how to upload photos on picasa, click [http://karnatakaeducation.org.in/TOER/en/index.php/Hand_out_for_uploading_photos_Picasa.odt here] − − <nowiki>{{#widget:Picasa − |user=<put your gmail id which with you have created the album itfc.education@gmail.com> − |album=<write your picasa album id here> − |width=300 − |height=200 − |captions=1 − |autoplay=1 − |interval=5 − }} − </nowiki> − − example − {{#widget:Picasa |user=itfc.education@gmail.com |album=6118651689721087041 |width=300 |height=200 |captions=1 |autoplay=1 |interval=5 }} − {{#widget:Picasa |user=itfc.education.india@gmail.com |album=6122588724572196705 |width=300 |height=200 |captions=1 |autoplay=1 |interval=5 }} − − You can also insert a single image from picassa to the wiki. Click on the image on picasa, copy paste the url of the photo to wiki. − − '''Please note that this depends on [https://get.adobe.com/flashplayer/ adobe flash] and may not work on all modern web browsers.''' Line 256:
Line 293: − + Line 275:
Line 312: − + Line 296:
Line 333: − +
no edit summary
=Help on editing TOER=
==Login to TOER==
To edit a page using the visual editor, click on the "Edit" tab at the top of the page.It can take a few seconds for the page to open for editing, and longer if the page is very long.
You can login to TOER with your TOER id and password to edit or do any changes to pages. If you have the TOER login ID password, then click on the '''login''' on top left side and give the login ID and password to login.
== Creating pages ==
For creating new page in TOER website: Go to to browser address bar and after "<nowiki>https://teacher-network.in/OER/index.php/</nowiki>" type your new page name and press Enter. After this if the page does not exist in this website, it will show you like '''''There is currently no text in this page. You can search for this page title in other pages, search the related logs, or create this page.'''''
Now click on "'''create'''" from top right side of the your screen, now you can start editing your new page by using Visual editor. After you done with your editing, click on the save page button, add your summary of the changes done and click on '''"Save page"'''.
The url of your page will be : <nowiki>https://teacher-network.in/OER/index.php/page_name</nowiki>.
'''NOTE:- Rules for naming pages'''
# Page name must be unique- reflection_of_light (you can give space, wiki put _ automatically)
# Page name should be short
# Page name should be fully explanatory (no short forms)
# Use sentence case. Don’t use upper case
To edit an existing page using the visual editor, click on the "Edit" tab at the top of the page. It can take a few seconds for the page to open for editing, and longer if the page is very long.
Clicking on the "Edit source" tab will open the classic wikitext source editor.
Clicking on the "Edit source" tab will open the classic wikitext source editor.
==Basic editing==
==Basic editing==
To edit a page, use the "Edit" tab at the top of the page. It will open the visual editor; this can take upto a minute depending on page size and internet speed.
The visual editor tool bar looks like this:
[[File:1._VisualEditor_toolbar-en-_for_TROER.png|frameless|841x841px]]
===Entering Text===
===Entering Text===
Just type in text
Just type in text or copy paste from your existing text file (.doc or .odt) into the wiki page
or
copy paste from your existing text file (.doc or .odt) into the wiki page
=== Formatting text ===
[[File:1._VisualEditor_toolbar-en-_for_TROER.png|frameless|841x841px]]
Use the toolbar to do the basic text formatting like bold, italic and underline etc.Once you click on the "A" icon from the toolbar, you will get all the formatting styles.
# '''Bold :''' Select the text, click on the '''"A"''' icon from the visual editor tool bar and select '''bold'''.
# '''Italic :''' Select the text, click on the '''"A"''' icon from the visual editor tool bar and select ''Italic''.
# '''Underline :''' Select the text, click on the '''"A"''' icon from the visual editor tool bar and select Underline.
===Headings===
===Headings===
Headings pull-down menu allows you to change how the paragraph is formatted. To change the style of a paragraph, put your cursor in the paragraph and select an item in this menu (you don't have to highlight any text). Section titles are formatted "Heading", and subsections are "Heading 2", "Heading 3", and so on. The normal format for text is "Paragraph".[[File:2._VisualEditor_Toolbar_Headings-en.png|center|frame]]
=== Creating numbered and bulleted lists ===
If you want to start your text by putting number or bulletin, click on the Numbering and bulleting icon(appears like three small line), and select required option.
Numbering looks like below :-
# Kannada
# English
# Hindi
Adding bullets will format like below :-
* Kannada
* English
* Hindi
=== Special character ===
If you want to add any extra characters like symbols etc. click on the character icon from the visual editor toolar and select the characters from the list.
=== Inserting Table ===
1. You can insert Table in TROER by using "Insert" >> "table" option from the top tool bar. (Also you can even import a table by dragging a comma-separated value (.csv) file from your computer into the main editing window).
2. When you click on "Table", in the "Insert" menu, the visual editor inserts a blank four-by-four table.
[[File:VisualEditor insert table.png|frameless|221x221px]] [[File:VisualEditor empty table.png|frameless|216x216px]]
3. Now the "Table" menu is available. From that menu, you can add a caption to the top of the table.
[[File:Editing a table using VisualEditor, small.gif|thumb]]
4. To select any cell, just click in the cell once.
5. To edit the contents of the cell (for example, to add content or to correct a spelling error), double click in the cell. Or you can select the cell and then press Enter key from your keyboard.
6. To end your editing of a cell, just click elsewhere outside the table
7. You can add or delete a column or a row by clicking on the side arrow marks.
===External Web link===
===External Web link===
[[File:VisualEditor - Toolbar - Linking.png|left|thumb|100x100px]]
[[File:VisualEditor - Toolbar - Linking.png|left|100x100px|frameless]]
[[File:4. VisualEditor-link tool-external link.png|thumb|396x396px]]When you want to link a page from outside the TOER website, (external link)
[[File:4. VisualEditor-link tool-external link.png|thumb|396x396px]]When you want to link a page from outside the TOER website, (external link)
[[File:5. Internal Link TROER.png|thumb|300x300px]]
[[File:5. Internal Link TROER.png|thumb|300x300px]]
When you want to link a page from within the TOER website (internal link).
When you want to link a page from within the TOER website (internal link).
Select the word which you are going to give another TROER page link then click on the "Link" icon(Links in a chain) in the tool bar, and enter the page name (within TROER page). It will show you the list of the pages are already in the TROER. Select the link which you want to insert here and press "Done".<br>
Select the word which you are going to give another TROER page link then click on the "Link" icon(Links in a chain) in the tool bar, and enter the page name (within TROER page). It will show you the list of the pages are already in the TROER. Select the link which you want to insert here and press "Done".
=== Inserting math Formula ===
If you want to type any Maths formulas , click on insert -> more -> formula and from the the formula window select formula and replace the default value and do change as requires and finally click on Insert.<br>
== Uploading and Inserting Files ==
=== Upload File ===
If you want to upload any file (text file, .mm, images, audio, videos- only .ogv format and .pdf) into the TROER, You just click [[Special:Upload|here]] for uploading file(or from side panel, goto "Tools">>"Upload file".
===Inserting image ===
===Inserting image ===
In TOER, we upload text and mind maps, other resources are uploaded elsewhere and then linked/embedded on the TOER using widgets-
In TOER, we upload text and mind maps, other resources are uploaded elsewhere and then linked/embedded on the TOER using widgets-
#Geogebra files - [http://geogebratube.org Geogebratube]
#Geogebra files - [http://geogebratube.org Geogebratube]
#Presentations - slide show in [http://slideshare.net Slideshare]
#Presentations - slide show in [http://slideshare.net Slideshare]
#Videos - [http://Youtube.com Youtube] or [http://vimeo.com Vimeo]
#Videos - [http://Youtube.com Youtube] or [http://vimeo.com Vimeo]
#Podcasts (audio files) - [http://yourlisten.com Yourlisten]<code><nowiki/></code><code><nowiki/></code>
#Podcasts (audio files) - [http://yourlisten.com Yourlisten] or [https://soundcloud.com/ Soundcloud]<code><nowiki/></code><code><nowiki/></code>
#Gallery - adding photos as a gallery which is used for showing two or more images.
#Gallery - adding photos as a gallery which is used for showing two or more images.
If you want to try different format tabling like merge table and for change width/hight of the table, go through [https://en.wikipedia.org/wiki/Help:Table table wiki help].
If you want to try different format tabling like merge table and for change width/hight of the table, go through [https://en.wikipedia.org/wiki/Help:Table table wiki help].
===Inserting video===
===Inserting video===
Above syntax will return the gallery as shown below:
Above syntax will return the gallery as shown below:
<gallery mode=packed heights=200px>
<gallery mode="packed" heights="200px">
File:Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era photochrom
File:Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era photochrom
File:Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
File:Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
gives:
gives:
<gallery mode=packed heights=150px style="text-align:left">
<gallery mode="packed" heights="150px" style="text-align:left">
File:Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era photochrom
File:Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|A Yeoman Warder, from a Victorian-era photochrom
File:Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
File:Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|The Official program of the 1913 Woman Suffrage Procession held in Washington, D.C.
Which produces:
Which produces:
<gallery caption="Sample gallery" widths="180px" heights="120px" >
<gallery caption="Sample gallery" widths="180px" heights="120px">
File:Example.png|Captioned
File:Example.png|Captioned
File:Example.png|Captioned with alt text|alt=The Wikipedia logo
File:Example.png|Captioned with alt text|alt=The Wikipedia logo