Drupal/C3/Controlling-Display-of-Images/Malayalam

From Script | Spoken-Tutorial
Revision as of 11:10, 14 October 2016 by Vijinair (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time Narration


00:01 Controlling Display of Images. ' ഈ Spoken tutorial സ്വാഗതം.
00:06 ഈ ട്യൂട്ടോറിയലില് നമ്മള് കുറിച്ച് ' Image styles'ഒരു' photo gallery view. കാണുക പഠിക്കും.
00:12 ഈ ട്യൂട്ടോറിയൽ രേഖപ്പെടുത്താൻ ഞാൻ ഉപയോഗിക്കുന്നു:
   Ubuntu Linux Operating System
   Drupal 8 and
   Firefox Web browser.
00:21 താങ്കൾക്ക് താങ്കളുടെ ഇച്ഛാനുസരണം അനുസരിച്ച് ഏത് വെബ് ബ്രൗസർ ഉപയോഗിക്കാം.
00:25 ഞങ്ങളെ നാം നേരത്തെ സൃഷ്ടിച്ച ഞങ്ങളുടെ വെബ്സൈറ്റ് തുറക്കാം.
00: 29 ' 'Drupal site ഞങ്ങൾ വിവിധ ആവശ്യങ്ങൾക്ക് അനുയോജ്യമാകുന്നതരത്തിൽ ഒരു ചിത്രം വലുപ്പവും തോതിലുള്ള കൗശലപൂർവ്വം കഴിയും .
00:37 ദ്രുപാൽ യഥാർത്ഥ ചിത്രം എടുക്കുന്നു വലുപ്പം, സ്കെയിൽ ഞങ്ങൾ ആഗ്രഹിക്കുന്നു ലേക്ക് മാറ്റുകയും.
00:43 പിന്നെ, അതു ഫയലിന്റെ ആ പതിപ്പിലേക്ക് സംരക്ഷിക്കുന്നു.
00:46 ക്ലിക്ക് 'Configuration.
00:48 നാം സൃഷ്ടിക്കാൻ 2 image styles ഇവിടെ പോകുന്നു.
00:51 താഴേക്ക് സ്ക്രോൾ കണ്ടെത്തുന്നതിനും 'MEDIA ടാബ്.
00:54 ഇവിടെ, നമ്മൾ 'കാണാനാകും'Image Styles.അതിൽ ക്ലിക്ക്.
00:58 നാം table ഒരു Image styleസൃഷ്ടിക്കും ഞങ്ങൾ സജ്ജമാക്കിയ.
01:03 ഞങ്ങള് logos. ന്റെ ഒരു grid ആണ് സൃഷ്ടിക്കുന്നത് ചെയ്യും അപ്പോള് അടുത്ത കാഴ്ച വേണ്ടി.
01:09 Add image styles.ക്ലിക്ക്'
01:12 Image style name, നാം"Upcoming Events 150 X 150 "ടൈപ്പ് ചെയ്യും.
01:19 ദ്രുപാൽ നമുക്കുവേണ്ടി machine name നിറയുന്നു ശ്രദ്ധിക്കുക.
01:23 ഇത് ഞങ്ങളുടെ Image style name.ആണ്
01:26 ഇപ്പോൾ, Create new style. ക്ലിക്ക് ചെയ്യുക.
01:29 ഇടതുവശത്ത്, 800 പിക്സൽ ചിത്രത്തിന്റെ എഡിറ്റുചെയ്ത പതിപ്പ് വഴി 600 വലതുഭാഗത്ത് ആണ് ആണ് യഥാർത്ഥ ചിത്രം.
01:38 അണ്ടർ 'EFFECT' ക്ലിക്ക് ഡ്രോപ്പ് ഡൗൺ ' Select a new effect
01:42 നിരവധി ഓപ്ഷനുകൾ ഈ ലിസ്റ്റിൽ പ്രദർശിപ്പിക്കുന്നു. ഈ ഓപ്ഷനുകൾ ഇടയിൽ, ഞാൻ "സ്കെയിൽ വിള" പ്രാബല്യത്തിൽ തിരഞ്ഞെടുക്കുന്നു.
01:49 നിങ്ങൾ ആഗ്രഹിക്കുന്ന ഏത് ഓപ്ഷൻ തിരഞ്ഞെടുക്കാം. ഉദാ വേണ്ടി: തിരിക്കുക, വലുപ്പം Rotate, Resize . 'അല്ലെങ്കിൽ മറ്റേതെങ്കിലും'.
01:56 addബട്ടണിൽ ക്ലിക്ക്.
01:58 Width '150' ആയി ' Height നൽകുക' '150' ആയി 'പൊക്കം' .
02:02 ഓർക്കുക - ഒരിക്കലുംWidth 'സംബന്ധിച്ച്' ഉംHeight'യഥാർത്ഥ ചിത്രം അധികം' വലുതാക്കി.
02:07 അങ്ങനെ ചെയ്യുന്നത്, ഇമേജ് പിക്സലേറ്റുചെയ്യുക ഇടയാക്കും.
02:11 ' Add effect. ക്ലിക്ക് ചെയ്യുക.
02:13 ഇവിടെ ഞങ്ങളുടെ പുതിയ Image Styleആണ്. വലത് വശത്തുള്ള ചിത്രം, ഞങ്ങൾ അത് ഇപ്പോൾ ചെറുതാക്കിയതും വലുപ്പം കാണാം.
02:22 ന്റെ മറ്റൊന്ന് സൃഷ്ടിക്കാം. Image Styleചേർക്കുക' എന്നതിൽ ക്ലിക്ക് 'ഇമേജ് ശൈലികൾ' പിന്നെ ബട്ടൺ.
02:29 ഇത്തവണ 'Image style nameഎന്നതിലെ നമ്മൾ ടൈപ്പ് ചെയ്യും: "ലോഗോസ് ഫോട്ടോ ഗാലറി".
02:35 അപ്പോൾ ബട്ടൺCreate new styleക്ലിക്ക് ചെയ്യുക.
02:38 ഇത് ഏതെങ്കിലും photo gallery നിങ്ങളുടെ മെഷീനിൽ ഒരു ഇമേജ് ആകാം.
02:42 നിങ്ങൾ ഏതെങ്കിലുംfield ഏത് ഉള്ളടക്കത്തിലും, ചിത്രത്തിനായി ചെയ്യാൻ കഴിയും.
02:47 ഒരിക്കൽക്കൂടി, ക്ലിക്ക് Select a new effectതുടർന്ന് "സ്കെയിൽ വിള" ഓപ്ഷനിൽ.
02:53 add' ബട്ടണിൽ ക്ലിക്ക്. Width ന്റെ '300' ആയി 'Heightനൽകുക' ഉം '300' ആയി ഉയരം 'അനുവദിക്കുക'.
03:00 തുടർന്ന് 'add effect' ബട്ടൺ ക്ലിക്ക് ചെയ്യുക.
03:03 വലത് വശത്തുള്ള ചിത്രം ഇപ്പോൾ 300 ഓടെ 300 പുതിയ അളവുകൾ ഉള്ളതാണ് ശ്രദ്ധിക്കുക.
03:09 ഈ ദ്രുപാൽ സ്വയം ഓരോ 'Image styleഎന്ന ചിത്രങ്ങളുടെ പതിപ്പുകൾ സൃഷ്ടിക്കുന്ന കാണിക്കുന്നു സൈറ്റിൽ അവരെ സംഭരിക്കുന്നു.
03:18 'ക്ലിക്ക്' Structure' തുടർന്ന് ന് ' Views.
03:21 editക്ലിക്കുചെയ്ത്' വഴി 'കാഴ്ച' 'ഇപ്പോൾ ഞങ്ങളുടെ' Upcoming Events 'അപ്ഡേറ്റ് അനുവദിക്കുക'.
03:27 ക്ലിക്ക് 'event logo' ഉം എന്ന Image Style' മാറ്റുക.
03:33 അപ്പോൾ 'applyക്ലിക്ക് ചെയ്യുക.
03:36 പ്രിവ്യൂ വിഭാഗത്തിലേക്ക് സ്ക്രോൾ ചെയ്ത് ഞങ്ങളുടെ ലോഗോകൾ എല്ലാവരും യൂണിഫോം കണ്ടെത്താവുന്നതാണ്.
03:42 ഇപ്പോൾ, saveക്ലിക്ക് ചെയ്യുക.
03:45 ക്ലിക്ക് Back to siteഇവിടെ ഞങ്ങളുടെ വെബ്സൈറ്റിൽ ഞങ്ങളുടെ കാഴ്ച്ചയാണ്.
03:50 എന്താണ് ' Image Stylesചെയ്യാൻ,
03:53 ഇപ്പോൾ ഒരു പുതിയviewഈ എല്ലാ സംഭവങ്ങളുടെ ഒരു ഗ്രിഡ് ലേഔട്ട് ആയി സൃഷ്ടിക്കാം.
03:59 ഇതു ക്ലിക്ക് 'structure', പിന്നെ 'viewചെയ്യാൻ, ഉം Add new view.ക'.
04:05 നാം ' Photo Gallery. ഈ പേര്'.
04:09 എന്ന ക്രമീകരണങ്ങൾ കാണുകVIEW SETTINGS as Content - of type - Events. 'set' - തരത്തിലുള്ള - ഉള്ളടക്ക പരിപാടികൾ
04:14 ഈ പ്രത്യേക viewഫോട്ടോ--ദിവസത്തെ ചിത്രങ്ങളുടെ അല്ലെങ്കിൽ ഗാലറി ഏതെങ്കിലും ഇവന്റ് വേണ്ടി ആയി ഉപയോഗിക്കാം.
04:22 ക്ലിക്ക് Create a page.
04:25 fields. എന്ന സ്ക്രോൾ ചെയ്ത് തിരഞ്ഞെടുക്കുക 'Grid'.
04:29 ശ്രദ്ധിക്കുക: ഞങ്ങൾ മറ്റ് വഴിയൊന്നുമില്ല തിരഞ്ഞെടുക്കാം, 'Drupal, ' വഴി ഡ്രോപ്പ്-ഡൗൺ നൽകിയ പുറമേ.
04:36 ', Items to display ഫീൽഡ് തെരഞ്ഞെടുക്കുക 9 'എന്നതിലെ' ഈ 3 ഗ്രിഡ് ഒരു 3 വിളിക്കാറുണ്ട്.
04:42 Create a menu linkചെക്ക് 'അനുവദിക്കുക' പോലെ '.
04:46 'Menu ഡ്രോപ്പ്-ഡൗൺ കീഴിൽ, ഓപ്ഷൻ "മെയിൻ നാവിഗേഷൻ" തിരഞ്ഞെടുക്കുക.
04:51 അപ്പോൾ ക്ലിക്ക് Save and Edit.
04:54 ഞങ്ങളുടെ 5 മാനദണ്ഡത്തിൽ ക്രോസ്-നോക്കാം:
Display '  'ഈ page 'ആണ്',
04:59 'format 'ഈ grid' ആണ് ,
05:01 അവിടെ ഒരേയൊരു 'Field' എന്ന Title,പേര്
05:04 അടിത്തറയാണ് 'Filter ഉം Sort Criteria.
05:08 ഞങ്ങൾ ഇപ്പോൾ അവർ പോലെ ഇവർ പുറപ്പെടും.
05:12 താഴേക്ക് സ്ക്രോൾ. നാം ഇവിടെ കാണുന്നു - 4 'നിരcolumns' 'ന്റെ 9' events. 'ഞങ്ങൾക്കുണ്ട്.
05:17 നിരകളുടെ എണ്ണം മാറ്റാൻ, ലെ format' ഉം Settings ഓപ്ഷനിൽ ക്ലിക്ക് ചെയ്യുക.
05:22 അപ്പോൾ 3 നിരകളുടെ എണ്ണം മാറ്റാൻ applyക്ലിക്കുചെയ്യുക
05:28 ഞങ്ങൾക്കും ഒരു 3 3 ഗ്രിഡ് തരും.
05:31 ' Fieldsഎന്നതിലെ' ' add ക്ലിക്ക് 'ചേർക്കുക.'
05:34 അതിൽ ഒരു ചെക്ക് അടയാളം ഇട്ട് 'event logoകണ്ടെത്തുക , 'പിന്നീട് applyക്ലിക്ക്
05:40 ഈ സമയം, ആയി "ലോഗോസ് ഫോട്ടോ ഗാലറി" തിരഞ്ഞെടുക്കാൻ 'ഇമേജ് രീതിയിൽ.'
05:45 'Link image to, 'തിരഞ്ഞെടുക്കുകയാണെങ്കിൽ'Content തുടർന്ന് applyക്ലിക്ക് 'പ്രയോഗിക്കുക' .
05:50 ഉടനെ, 'previewതാഴെ' വിഭാഗത്തിൽ, ഒരു ഗ്രിഡ് പുറത്തു വെച്ചിരിക്കുന്നു.
05:55 അതിനാൽ, നിങ്ങൾ കാണുന്ന, ഒരു ഗ്രിഡ് ലേഔട്ട് ഒരു table. ഭിന്നമായി .
06:00 ഒരു കോശത്തിന്റെ എല്ലാ നിങ്ങൾ ഒരു നോഡ് നിന്ന് തെരഞ്ഞെടുക്കുന്ന ' table. ന്റെ, ആകുന്നു.
06:05 പിന്നെ, നാം പ്രദർശിപ്പിക്കാൻ ആഗ്രഹിക്കുന്ന എത്ര സെല്ലുകൾ തീരുമാനിക്കാം.
06:09 ഇപ്പോൾ save ക്ലിക്ക് ചെയ്യാം
06:12 ബട്ടൺ ക്ലിക്ക് ന്റെ ക്ലിക്ക് ചെയ്യാം Back to site തുടർന്ന് Photo Gallery.
06:17 ഇത് തികച്ചും ആശംസകള് തോന്നുന്നു.
06:19 ഒരു മൊബൈൽ പോലുള്ള ചെറിയ ഉപകരണത്തിൽ, എല്ലാ ചിത്രങ്ങളും അവരുടെ 3 3 ഗ്രിഡ് നിലനിർത്താൻ താഴേക്ക് സ്കെയിൽ.


06:26 Drupal ഒരു ഗ്രിഡ് ചെയ്യുന്നു ആണ്.
06:29 ഇതോടെ, ഈ ട്യൂട്ടോറിയലിൽ അവസാനം വന്നിരിക്കുന്നു. ഞങ്ങളെ സംഗഹിക്കുക അനുവദിക്കുക.
06:34 ഈ ട്യൂട്ടോറിയലില് നമ്മള് പഠിച്ചു:
   Image styles and
   photo gallery view.
06:44 ഈ വീഡിയോ ഉം 'Acquia' 'മുതൽ' സ്വാംശീകരിച്ച 'OSTraining' ഉം 'ട്യൂട്ടോറിയല്, ഐഐടി ബോംബെ' വഴി പുതുക്കി നിശ്ചയിച്ചു.
06:53 ഈ ലിങ്കിൽ വീഡിയോ ട്യൂട്ടോറിയല് പ്രോജക്ട് സംഗ്രഹിക്കുന്നു. ഡൌൺലോഡ് ദയവായി അത്.
07:00 സ്പോക്കണ് ട്യൂട്ടോറിയല് പ്രോജക്റ്റ് ടീം ശില്പശാലകൾ സംഘടിപ്പിക്കുന്നുണ്ട് സർട്ടിഫിക്കറ്റുകൾ നൽകുന്നു. കൂടുതൽ വിവരങ്ങൾക്ക്, ഞങ്ങൾക്ക് എഴുതുക ദയവായി.
07:08 ട്യൂട്ടോറിയല് സാമ്പത്തികസ്രോതസ്സ് രഹിത
   NMEICT, Ministry of Human Resource Development and
   NVLI, Ministry of Culture, Government of India.
07:19 ഈ സൈന് ഓഫ് അമീഷ Bhorkhade ആണ്. പങ്കെടുത്തതിനു നന്ദി.

Contributors and Content Editors

Nancyvarkey, Vijinair