Difference between revisions of "Joomla/C2/Formatting-article-in-Joomla/Tamil"
From Script | Spoken-Tutorial
Venuspriya (Talk | contribs) |
Venuspriya (Talk | contribs) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 13: | Line 13: | ||
|- | |- | ||
|| 00:07 | || 00:07 | ||
− | || இந்த tutorial ல் நாம் கற்கப்போவது : | + | || இந்த tutorial ல் நாம் கற்கப்போவது :'''Joomla''' ல் '''Article''' editor,'''article''' க்கான அடிப்படை வடிவமைப்பு மற்றும் '''article''' text ஐ வடிவமைப்பது . |
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
|| 00:19 | || 00:19 | ||
− | || | + | || எப்படி '''list''' களை சேர்ப்பது '''page break''' ஐ சேர்ப்பது மற்றும் '''Read More link''' களை '''article''' களுடன் எப்படி சேர்ப்பது என்பது பற்றியும் கற்கலாம். |
|- | |- | ||
|| 00:28 | || 00:28 | ||
− | || இந்த tutorial க்கு நான் பயன்படுத்தப்போவது : | + | || இந்த tutorial க்கு நான் பயன்படுத்தப்போவது : '''Ubuntu Linux OS''' 14.04, |
− | '''Ubuntu Linux OS''' 14.04 | + | '''Joomla''' 3.4.1,'''XAMPP''' 5.5.19 மூலம் பெற்ற '''Apache''' '''MySQL'' மற்றும்'''PHP''' |
− | '''Joomla''' 3.4.1 | + | |
− | '''XAMPP''' 5.5.19 மூலம் பெற்ற '''Apache''' '''MySQL'' மற்றும்'''PHP''' | + | |
|- | |- | ||
Line 175: | Line 170: | ||
|- | |- | ||
|| 03:37 | || 03:37 | ||
− | ||'''Sodium''' | + | ||'''Sodium''' ன் food source களுக்கான ஒரு பிரிவை சேர்க்கலாம். |
|- | |- | ||
Line 266: | Line 261: | ||
|- | |- | ||
|| 05:34 | || 05:34 | ||
− | || மேலும் அது பல font மற்றும் வடிவங்களில் | + | || மேலும் அது பல font மற்றும் வடிவங்களில் தோன்றும். |
|- | |- | ||
Line 330: | Line 325: | ||
|- | |- | ||
|| 07:01 | || 07:01 | ||
− | || அது ஒரு | + | || அது ஒரு கிடைமட்ட கோட்டை ஐ சேர்க்கும். |
|- | |- | ||
Line 342: | Line 337: | ||
|- | |- | ||
|| 07:12 | || 07:12 | ||
− | || | + | || கிடைமட்ட கோட்டை ஐ சேர்ப்பதற்கு பதிலாக, இந்த இரண்டு பிரிவுகளையும் இரண்டு வெவ்வேறு பக்கங்களில் ஏன் போடக்கூடாது ? நாம் அதை செய்ய முயற்சி செய்யலாம். |
|- | |- | ||
Line 350: | Line 345: | ||
|- | |- | ||
|| 07:22 | || 07:22 | ||
− | || முதலில் | + | || முதலில் கிடைமட்ட கோட்டை ஐ நாம் நீக்கலாம். |
|- | |- | ||
Line 358: | Line 353: | ||
|- | |- | ||
|| 07:31 | || 07:31 | ||
− | ||'''Page Break''' ஐ எங்கு | + | ||'''Page Break''' ஐ எங்கு சேர்க்க விரும்புகிறோமோ அங்கு cursor ஐ வைக்க வேண்டும். |
|- | |- | ||
Line 390: | Line 385: | ||
|- | |- | ||
|| 08:10 | || 08:10 | ||
− | || இந்த பக்கம் '''Page 1 of 2''' என்று | + | || இந்த பக்கம் '''Page 1 of 2''' என்று காட்டுகிறது. |
|- | |- | ||
Line 414: | Line 409: | ||
|- | |- | ||
||08:37 | ||08:37 | ||
− | ||இப்போது , பக்கம் '''Page 2 of 2''' என | + | ||இப்போது , பக்கம் '''Page 2 of 2''' என காட்டுகிறது. |
|- | |- | ||
Line 446: | Line 441: | ||
|- | |- | ||
|| 09:14 | || 09:14 | ||
− | || இந்த '''article''' க்காக நான் | + | || இந்த '''article''' க்காக நான் '''Daily consumption of sodium, however, depends on a number of factors என்ற '''text க்கு முன்னர் '''Read More''' இணைப்பை சேர்க்கிறேன் |
|- | |- | ||
Line 454: | Line 449: | ||
|- | |- | ||
|| 09:25 | || 09:25 | ||
− | ||'''Read More''' இணைப்பை நீங்கள் | + | ||'''Read More''' இணைப்பை நீங்கள் சேர்க்க விரும்பும் புள்ளியில் cursor ஐ வைக்கவும். |
|- | |- | ||
Line 482: | Line 477: | ||
|- | |- | ||
|| 09:57 | || 09:57 | ||
− | || நாம் கற்றதை நினைவு கூறுவோம் .இந்த tutorial ல் நாம் கற்றது : | + | || நாம் கற்றதை நினைவு கூறுவோம். இந்த tutorial ல் நாம் கற்றது : '''Joomla''' ல் '''Article''' editor,'''article''' க்கான அடிப்படை வடிவமைப்பு |
− | + | மற்றும் '''article''' text ஐ styling செய்வது. | |
− | + | ||
− | + | ||
|- | |- | ||
|| 10:08 | || 10:08 | ||
− | || மேலும் '''List''' கள் , | + | || மேலும் '''List''' கள் , '''Page Break''' மற்றும் '''Read More link''' களை எப்படி '''article''' களில் சேர்ப்பது என்பது பற்றியும் கற்றோம். |
|- | |- | ||
|| 10:15 | || 10:15 | ||
− | || இங்கே உங்களுக்கான பயிற்சி கொடுக்கப்பட்டுள்ளது : | + | || இங்கே உங்களுக்கான பயிற்சி கொடுக்கப்பட்டுள்ளது : '''sodium''' ன் 4 ஆரோக்கிய நலன்களை numbered listஆக மாற்றவும்.'''Food Sources''' எனும் தலைப்பை '''Center align''' செய்யவும். |
− | + | ||
− | + | ||
|- | |- | ||
Line 503: | 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''' ஐ சேமிக்கவும். |
− | + | ||
'''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இல் இருந்து சண்முகப் பிரியா , நன்றி . |