Difference between revisions of "Joomla/C2/Formatting-article-in-Joomla/Tamil"

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(2 intermediate revisions by the same user not shown)
Line 170: Line 170:
 
|-
 
|-
 
|| 03:37
 
|| 03:37
||'''Sodium''' என்ற food source களில் ஒரு பகுதியை நாம் சேர்க்கலாம்.
+
||'''Sodium''' ன் food source களுக்கான ஒரு பிரிவை சேர்க்கலாம்.
  
 
|-
 
|-
Line 325: Line 325:
 
|-
 
|-
 
|| 07:01
 
|| 07:01
|| அது ஒரு horizontal line ஐ சேர்க்கும்.
+
|| அது ஒரு கிடைமட்ட கோட்டை ஐ சேர்க்கும்.
  
 
|-
 
|-
Line 337: Line 337:
 
|-
 
|-
 
|| 07:12
 
|| 07:12
|| Horizontal line ஐ சேர்ப்பதற்கு பதிலாக, இந்த இரண்டு  பிரிவுகளையும் இரண்டு  வெவ்வேறு பக்கங்களில் ஏன் போடக்கூடாது ? நாம் அதை செய்ய முயற்சி செய்யலாம்.
+
|| கிடைமட்ட கோட்டை ஐ சேர்ப்பதற்கு பதிலாக, இந்த இரண்டு  பிரிவுகளையும் இரண்டு  வெவ்வேறு பக்கங்களில் ஏன் போடக்கூடாது ? நாம் அதை செய்ய முயற்சி செய்யலாம்.
  
 
|-
 
|-
Line 345: Line 345:
 
|-
 
|-
 
|| 07:22
 
|| 07:22
|| முதலில்  horizontal line ஐ நாம் நீக்கலாம்.
+
|| முதலில்  கிடைமட்ட கோட்டை ஐ நாம் நீக்கலாம்.
  
 
|-
 
|-
Line 441: Line 441:
 
|-
 
|-
 
|| 09:14
 
|| 09:14
|| இந்த '''article''' க்காக நான் text க்கு முன்னர் '''Read More''' இணைப்பை சேர்க்கிறேன்: '''Daily consumption of sodium, however, depends on a number of factors.'''
+
|| இந்த '''article''' க்காக நான் '''Daily consumption of sodium, however, depends on a number of factors என்ற '''text க்கு முன்னர் '''Read More''' இணைப்பை சேர்க்கிறேன்
  
 
|-
 
|-
Line 494: Line 494:
 
|-
 
|-
 
|| 10:30
 
|| 10:30
||  தற்போதுள்ள  pre-formatted text உடன்  '''Melting Point 97.72 °C''' எனும் text ஐ pre-formatted text  ஆக சேர்க்க வேண்டும்.
+
||  தற்போதுள்ள  pre-formatted text உடன்  '''Melting Point 97.72 °C''' எனும் text ஐ pre-formatted text  ஆக சேர்க்கவும்.
  
 
|-
 
|-
 
|| 10:40
 
|| 10:40
||'''article''' ல்  text '''°C''' ஐ பெற  '''special character''' களை பயன்படுத்துவதே குறிப்பாகும்.'''article''' ஐ சேமிக்கவும்.
+
|| குறிப்பு: '''article''' ல்  text '''°C''' ஐ பெற  '''special character''' களை பயன்படுத்தவும். '''article''' ஐ சேமிக்கவும்.
 
'''Homepage''' ஐ refresh செய்யவும்.  
 
'''Homepage''' ஐ refresh செய்யவும்.  
  

Latest revision as of 17:20, 2 August 2018



Time Narration
00:01 Joomla ல் Article களின் Basic Formatting குறித்த Spoken Tutorial க்கு நல்வரவு.
00:07 இந்த tutorial ல் நாம் கற்கப்போவது :Joomla ல் Article editor,article க்கான அடிப்படை வடிவமைப்பு மற்றும் article text ஐ வடிவமைப்பது .
00:19 எப்படி list களை சேர்ப்பது page break ஐ சேர்ப்பது மற்றும் Read More link களை article களுடன் எப்படி சேர்ப்பது என்பது பற்றியும் கற்கலாம்.
00:28 இந்த tutorial க்கு நான் பயன்படுத்தப்போவது : Ubuntu Linux OS 14.04,

'Joomla 3.4.1,XAMPP 5.5.19 மூலம் பெற்ற Apache MySQL மற்றும்PHP

00:46 இந்த tutorial ஐ பின்பற்ற :உங்களுக்கு Joomla ல் article களை எப்படி உருவாக்குவது என்று தெரிந்திருக்க வேண்டும்.
00:51 இல்லையெனில் , website ல் , அதற்கான tutorial களை பார்க்கவும்.
00:56 Joomla ல் article ஐ உருவாக்குவது, edit செய்வது மற்றும் copy செய்வது பற்றி நாம் முன்னரே கற்றிருக்கிறோம்.
01:03 இப்போது , article களை எப்படி format செய்வது என்று கற்கலாம்.
01:07 Joomla control panel க்கு செல்லலாம்.
01:11 Article Manager ஐ click செய்யவும்.
01:14 நாம் முன்னரே உருவாக்கிய article கள் இங்கு உள்ளன :“Benefits of Sodium” மற்றும் “Vitamin A”
01:21 அவற்றை Digital India webpage ல் நாம் காணலாம்.
01:25 Page ன் மேலே வலதுபுறம் Digital India ஐ click செய்க.
01:29 இங்கே நமது இரண்டு article களையும் காணலாம்.
01:32 Benefits of Sodium ஐ click செய்யவும்.
01:35 articleformatசெய்யப்படவில்லை என்பதை நாம் காணலாம்.
01:38 Article Manager க்கு திரும்பலாம்.
01:41 articleன் தலைப்பான “Benefits of Sodium” ஐ click செய்யவும்.
01:45 WYSIWYG editor என்பது articleன் text ஐ type செய்ய பயன்படும் editor ஆகும்.
01:53 WYSIWYG என்பது 'What You See Is What You Get' ன் சுருக்கமாகும்
01:59 அதாவது article , editing window ல் பார்த்தது போலவே web page இலும் உள்ளது என்பதை குறிக்கிறது.
02:05 இப்போது editor ன் menu bar ஐ காணவும்.
02:08 முதல் வரிசையில் பல formatting option களை கொண்ட drop-down menu கள் உள்ளன.
02:13 அவற்றை click செய்கையில் sub-option களை நீங்கள் காண்பீர்கள்.
02:17 இரண்டாவது வரிசை formatting optionகளின் பட்டியலை கொண்டுள்ளது.
02:20 ஆகவே இங்கே , text ஐ மேம்படுத்தும் optionகளான Bold, Italics, Underline மற்றும் Strikethrough ஐ கொண்ட பட்டியலை நீங்கள் காணலாம்.
02:28 அடுத்து , left, centre, right மற்றும் justifyஆகியவற்றிற்கு align செய்ய option களை நீங்கள் காணலாம்.
02:36 மற்ற text editor ல் உள்ளது போலவே இவை வேலை செய்யும்.
02:40 Alignment option களுக்கு பிறகு, Paragraph என்ற பெயருடைய button ஐ காண்பீர்கள் .
02:45 அதை click செய்கையில்,Heading 1, Heading 2 போன்ற பல option களை காணலாம்.
02:51 அவை formatting தேவைகளுக்காக Joomla வழங்கிய pre-set option களாகும்.
02:56 Text ஐ திரையில் சுலபமாக படிப்பதற்கு Heading கள் மிகவும் பயன்படும்.
03:01 மேலும் Headings, விவரங்களின் படிநிலையை வரையறுக்கின்றன.
03:06 Heading 1 என்பது மிக முக்கியமான தலைப்பு மற்றும் Heading 6 என்பது குறைந்த அளவு முக்கியமானதாகும்.
03:12 Digital India webpage க்கு செல்லலாம் .
03:15 இங்கே ,text Home என்பது Heading 1 ல் உள்ளது.
03:19 Joomla ல் article ன் தலைப்பு Heading 2 ல் உள்ளது.
03:23 மற்ற தலைப்புகள் Main Menu மற்றும் Login Form கள் Heading 3 ல் உள்ளன.
03:29 heading களின் அளவை பொறுத்து font size குறைகிறது என்பதை கவனிக்கவும்.
03:34 Edit Article webpage க்கு செல்லலாம்.
03:37 Sodium ன் food source களுக்கான ஒரு பிரிவை சேர்க்கலாம்.
03:41 article text ன் இறுதியில் , புதிய paragraph ஐ தொடங்க Enter ஐ click செய்யவும்.
03:46 Food Sources ஐ தலைப்பாக type செய்க.
03:50 நாம் இங்கே மூன்று food source களை type செய்யலாம் - Salt, Processed Food மற்றும் Canned Food.
04:00 Food Sources எனும் text ஐ தேர்வு செய்க மற்றும் Paragraph drop-down ல் Heading 4 ஐ தேர்வு செய்க.
04:07 Save button ஐ click செய்யவும்.
04:09 Digital India webpage க்கு சென்று page ஐ refresh செய்யவும்.
04:13 Food Sources எனும் text, bold ல் இருப்பதை கவனிக்கவும்.
04:17 Edit Article webpage க்கு செல்லலாம்.
04:20 Food Sources எனும் தலைப்பிற்கு பிறகு Let’s look at some food sources of sodium எனும் text ஐ சேர்க்கவும்.
04:27 இங்கே , நாம் text ஐ அதே paragraph ல் சேர்த்திருக்கின்றோம்.
04:30 புதிதாக சேர்க்கப்பட்ட text தலைப்பின் ஒரு பாகமாக மாறி Heading 4 என formatte செய்யப்பட்டிருக்கும்.
04:36 header formatting என்பது ஒரு குறிப்பிட்ட வார்த்தைகளுக்கு மட்டுமல்லாமல் முழு paragraph க்கும் பயன்படுத்தப்படுகிறது என்பதை கவனிக்கவும்.
04:43 heading ல் இருந்து இந்த வரியை பிரிக்க புதிதாக சேர்க்கப்பட்ட text க்கு முன்னர் Enter ஐ அழுத்தவும்.
04:49 பிறகு text ஐ தேர்வு செய்து Paragraph drop-down ல் இருந்து Paragraph option ஐ click செய்யவும் .
04:56 Text, Heading 4 format ல் இனி இருக்காது.
04:59 Page ன் மேல் ஒரு text line ஐ சேர்க்கிறேன் : “Chemical Symbol of Sodium is Na.”
05:07 Text line ஐ தேர்வு செய்து பிறகு Paragraph drop-down button Pre ஐ தேர்வு செய்யவும்.
05:14 Pre option என்பது preformatted text க்காக.
05:17 Preformatted text நிலையான அகலமான font ல் காட்டப்படுகிறது, மேலும் spaces மற்றும் line break களை பாதுகாக்கிறது.
05:24 Save button ஐ click செய்க.
05:26 Digital India webpage க்கு சென்று அதை refresh செய்யவும்.
05:30 புதிதாக சேர்க்கப்பட்ட text ஒரு grey boxல் தோன்றுவதை கவனிக்கவும்.
05:34 மேலும் அது பல font மற்றும் வடிவங்களில் தோன்றும்.
05:38 article ல் இருக்க வேண்டிய text Pre style ல் இருக்க வேண்டும் .அது poetic stanza, computer code, quotes போன்றவை .
05:48 Edit Article webpage க்கு மீண்டும் செல்லவும்.
05:51 அடுத்து , நாம் bulleted list மற்றும் numbered list option களை கொண்டுள்ளோம்.
05:56 அவற்றை எப்படி பயன்படுத்துவது என்பதை காணலாம்.
05:58 article text ல் கடைசி மூன்று வரி item களை தேர்வு செய்யவும்.
06:03 இப்போது bullet list icon ஐ click செய்து பிறகு Save button ஐ click செய்யவும்.
06:08 article Benefits of Sodium ல் bulleted list ஐ காண Website ஐ refresh செய்யவும்.
06:14 Edit Article webpage க்கு திரும்பி வரவும்.
06:17 மூன்றாவது வரிசையில் சில மேம்பட்ட formatting option கள் உள்ளன Decrease மற்றும் increase indent, Un-do மற்றும் Redo, Insert links, images, tables, Subscript, superscript மற்றும் special characters
06:34 நீங்களே அவற்றை முயற்சி செய்து அவை எப்படி வேலை செய்கின்றன என்று காணலாம்.
06:38 நமது article ஐ மீண்டும் நாம் காணலாம்.
06:41 இங்கு 2 பிரிவுகள் உள்ளன: sodium பற்றிய அறிமுகம் குறித்த text மற்றும் அதன் நன்மைகள் மற்றும் Food Sources.
06:49 இந்த இரண்டு பிரிவுகளையும் ஒரு horizontal line ஐ பயன்படுத்தி பிரிக்கலாம்.
06:53 Food Sources text க்கு முன்னர் cursor வைக்கவும்.
06:57 இப்போது formatting tool bar ல் Horizontal Line icon ஐ click செய்யவும்.
07:01 அது ஒரு கிடைமட்ட கோட்டை ஐ சேர்க்கும்.
07:04 Digital India webpage ஐ சேமித்து அதை refresh செய்யவும்.
07:08 article “Benefits of Sodium”ல் மாற்றங்களை நாம் காணலாம்.
07:12 கிடைமட்ட கோட்டை ஐ சேர்ப்பதற்கு பதிலாக, இந்த இரண்டு பிரிவுகளையும் இரண்டு வெவ்வேறு பக்கங்களில் ஏன் போடக்கூடாது ? நாம் அதை செய்ய முயற்சி செய்யலாம்.
07:20 Edit Article webpage க்கு திரும்பலாம்.
07:22 முதலில் கிடைமட்ட கோட்டை ஐ நாம் நீக்கலாம்.
07:26 ஆகவே அதை click செய்து பிறகு keyboard ல் Backspace key ஐ அழுத்துக.
07:31 Page Break ஐ எங்கு சேர்க்க விரும்புகிறோமோ அங்கு cursor ஐ வைக்க வேண்டும்.
07:36 Scroll down செய்து editor window ன் கீழ் Page Break button ஐ கண்டறிந்து அதை click செய்க.
07:43 அது Insert Pagebreak dialog box ஐ திறக்கும்.
07:47 Page Title ஆக Sources ஐ enter செய்க பிறகு Table of Contents Alias ஆக Food Sources of Sodium ஐ enter செய்க.
07:57 Insert Page Break button ஐ click செய்க.
08:00 இரண்டு பிரிவுகளுக்கும் இடையே ஒரு zig-zag line ஐ நீங்கள் காணலாம்.
08:03 Save button ஐ click செய்க.
08:06 Digital India webpage க்கு சென்று அதை refresh செய்யவும்.
08:10 இந்த பக்கம் Page 1 of 2 என்று காட்டுகிறது.
08:14 article text ன் கீழ் Prev மற்றும் Next button கள் உள்ளன.
08:19 வலதுபுறம் ஒரு புதிய block தோன்றும்.
08:22 அது குறிப்பிட்டarticle ன் பல்வேறு பக்கங்களுக்கு செல்லவும் உதவுகிறது.
08:27 இரண்டாவது பக்கத்தின் தலைப்பு நாம் முன்னரே type செய்த Table of Contents Alias ......அதாவது Food Sources of Sodium.
08:35 Next button ஐ click செய்க.
08:37 இப்போது , பக்கம் Page 2 of 2 என காட்டுகிறது.
08:41 Insert Pagebreak field ல் நாம் type செய்த Page Title ஐ கவனிக்கவும்.
08:46 இது article ன் தலைப்புடன் சேர்க்கப்பட்டுள்ளது.
08:50 இப்போது , நமது website ன் Homepage க்கு திரும்பி செல்ல Digital India இணைப்பை click செய்யவும்.
08:56 article Benefits of Sodium ஐ காண scroll down செய்யவும்.
09:00 முழுமையான article text Homepage ல் காட்டப்படுவதை கவனிக்கவும்.
09:04 Read More option ஐ இங்கு எப்படி சேர்ப்பது என்று ஆராயவும்.
09:09 இந்த option article ன் ஒரு பகுதியை மட்டுமே Homepage ல் காட்டும்.
09:14 இந்த article க்காக நான் Daily consumption of sodium, however, depends on a number of factors என்ற text க்கு முன்னர் Read More இணைப்பை சேர்க்கிறேன்
09:22 Edit Article webpage க்கு திரும்பி செல்லவும்.
09:25 Read More இணைப்பை நீங்கள் சேர்க்க விரும்பும் புள்ளியில் cursor ஐ வைக்கவும்.
09:30 இப்போது , கீழே ,Page Break button க்கு அடுத்து உள்ள Read More button ஐ click செய்யவும்.
09:36 Scroll up செய்து Save button ஐ click செய்யவும்.
09:39 Webpage க்கு சென்று அதை refresh செய்யவும்.
09:42 article text ன் கீழ் Read More இணைப்பை நீங்கள் காணலாம்.
09:46 அதை click செய்கையில் article Benefits of Sodium திறக்கும்.
09:50 பிறகு நாம் முன்னரே set செய்தது போல் அது முழுமையான article ஐ இரண்டு பக்கங்களில் காட்டும் .
09:57 நாம் கற்றதை நினைவு கூறுவோம். இந்த tutorial ல் நாம் கற்றது : Joomla ல் Article editor,article க்கான அடிப்படை வடிவமைப்பு

மற்றும் article text ஐ styling செய்வது.

10:08 மேலும் List கள் , Page Break மற்றும் Read More link களை எப்படி article களில் சேர்ப்பது என்பது பற்றியும் கற்றோம்.
10:15 இங்கே உங்களுக்கான பயிற்சி கொடுக்கப்பட்டுள்ளது : sodium ன் 4 ஆரோக்கிய நலன்களை numbered listஆக மாற்றவும்.Food Sources எனும் தலைப்பை Center align செய்யவும்.
10:25 Read More இணைப்பை நீக்கி Food Sources க்கு முன்னர் வைக்கவும்.
10:30 தற்போதுள்ள pre-formatted text உடன் Melting Point 97.72 °C எனும் text ஐ pre-formatted text ஆக சேர்க்கவும்.
10:40 குறிப்பு: article ல் text °C ஐ பெற special character களை பயன்படுத்தவும். article ஐ சேமிக்கவும்.

Homepage ஐ refresh செய்யவும்.

10:54 கொடுக்கப்பட்டுள்ள இணைப்பில் உள்ள video, Spoken Tutorial project ஐ சுருங்க சொல்கிறது.அதை தரவிறக்கி காணவும்.
11:01 ஸ்போகன் டுடொரியல் திட்டக்குழு செய்முறை வகுப்புகள் நடத்துகிறது மற்றும் இணையத்தில் பிரிட்ச்சை எழுதி தேர்வோருக்கு சான்றிதழ்கள் தருகிறது.மேலும் விவரங்களுக்கு எங்களுக்கு மின்னஞ்சல் செய்யவும்.
11:11 Spoken Tutorial Project க்கு NMEICT, MHRD, Government of India நிதியுதவி அளிக்கிறது.

மேலதிக விவரங்களுக்கு கொடுக்கப்பட்டுள்ள இணைப்பை பார்க்கவும்.

11:22 இந்த டுடோரியலை தமிழாக்கம் செய்து குரல்கொடுத்தது IIT Bombayஇல் இருந்து சண்முகப் பிரியா , நன்றி .

Contributors and Content Editors

Venuspriya