Суреттерді қосу арқылы мәтініңіз қызығырақ және әсерлі болғанын қалайсызба?
Бұл сабақ сізге жауаптарында мәтіннің орнына суреттер болатын квиздер жасауға көмектеседі. . Төменірек сіз көре аласыз:
Дұрыс жауап таңдаңыз <img width="20%" src="/static/thinking.jpg" alt="thinking"/>
>> "Қуаныш" қай суретте бейнеленген?<<
( ) <img width="20%" src="/static/sadness.jpg" alt="Sadness"/>
(x) <img width="20%" src="/static/joy.jpg" alt="joy"/>
( ) <img width="20%" src="/static/anger.jpg" alt="anger"/>
( ) <img width="20%" src="/static/embarrasment.jpg" alt="embarrasment"/>
Сонымен, сіз өзіңіздің тапсырмаларыңызды суреттер қосу арқылы қызықтырақ болғанын қалайсыз ба? Бұл керемет естіледі! Бұл, мен бұрынырақ жасаған мысалдардың бірі
Бұл нұсқаулықта біз жоғарыдағы мысалдың қалай жасалғанын және сіз суреттері бар тапсырмаларыңызды қалай жасай алатындығыңызды қарастырамыз.
Біріншіден, бізге "Файлы и загрузки"-ге жүктелген суреттер қажет болады. Сіз мұны "Studio" жоғарғы жағындағы мәзірден таба аласыз.
Суреттерге сілтемелерді көшіруге ыңғайлы болу үшін "Файлы и загрузки" ашық болғаны жақсы (парақшаларды көшіруге болады).
Әрі қарай бізге тапсырма үлгісі қажет. Сабаққа тапсырманы қалай қосуға болатыны алдыңғы сабақтарда бар, сондықтан біз бұған тоқтамалмаймыз. Тапсырманы қалай қосу керектігін қарау үшін, осы сілтемені нұқыңыз: Тапсырманы қалай қосуға болады \"Нұсқаны таңдау\" немесе \"Multiple choice\" Open edX-те Бұл жағдайда "Выбор варианта"-ның бірнеше таңдау тапсырмасы болсын. Бұл тапсырма редакторында осылай көрінеді
Жаман емес көрінеді! Ия, мұнда жауаптар қажет. Енді біз сұрақ қосқаннан кейін, біз сурет енгізетін жауаптарға өтуге болады
HTML қарапайым тапсырмалар редакторында жұмыс істейтіні белгілі емес факт. Иә, иә! Егер сіз HTML-ді білмесеңіз де, суреттер кірістіруге өте қарапайым кірістіру. Сізге керек нәрсе - тегпен танысу .
Ұмытпаңыз! Дұрыс жауап (x)-те орналасқан, сондықтан дұрыс жауабы бар суретті соның жанына қойыңыз **
Жоғарыда келтірілген мысалда келесі кодты қолдандық: <img width= “20%” src= “/static/image.png” alt= “name of an image”/>
img - браузерге бұл сурет екенін айтады
src= \" / static / image.png \" - "studio-да өз суретіңіздің URL мекенжайы есіңіздеме? "studio"? "src" - бұл суреттің "Көзі".
alt= \"name of an image\" - бұл суретті қандай да бір себептермен көре алмайтын немесе жүктей алмайтын адамдарға оқуға арналған балама мәтін. Бұл тапсырманы орындау мүмкіндігіне ие болу, олар үшін өті маңызды.
Барлығын енгізген соң "Сохранить" батырмасын басыңыз.