Креирајте клизач и презентације са Ревеал.јс

Много пута када морамо да направимо клизач или слајд презентацију користимо софтвер као што су Поверпоинт или Прези, тренутно постоји много оквира који нам омогућавају да правимо ову врсту презентација користећи Хтмл5, Јкуери и Цсс 3 технологију.

Предност је што се може видети у било ком прегледачу, на било ком оперативном систему, па чак и користити у апликацијама за мобилне уређаје.

Ревеал је оквир развијен у Јавасцрипт -у који пружа функционалности за креирање клизача и презентација са функцијама које вам омогућавају управљање и руковање слајдовима, извоз ПДФ -а, могућност контроле времена, навигације и ефеката сваког слајда.

Ревеал је бесплатна библиотека И има велику предност што можемо програмирати, повезати се са базама података или укључити у било коју апликацију која подржава ХТМЛ и Јавасцрипт, нешто што најпопуларнији софтвер не може учинити.

Развој са Ревеал -ом је лак и морамо само знати ХТМЛ и Јс. Да бисмо започели креирање презентације морамо преузети библиотеку Ревеал.јс са званичне веб странице.

Затим отпакујемо зип датотеке да бисмо започели водич. Почећемо са а Једноставан пример за тестирање Ревеал.јс.

Из директоријума који смо распаковали копирамо фасцикле цсс, јс, додатке и либ у фасциклу Екампле01. Ови фолдери садрже све потребне библиотеке за креирање наше презентације.

Онда направићемо клизач са две слике и текстом, где се можете кретати аутоматски или помоћу тастатуре. То ће бити следеће:

Изворни код је следећи:

 Ревеал.јс Пример 01
Спортски аутомобил


Посетите наш вебсајт
КОНСУЛТОВАТИ

Оквир Ревеал пружа нам неколико тема или цсс дизајна које можемо пронаћи у фасцикли цсс, а променом линије теме можемо променити дизајн.

Примењујемо беж тему и визуализујемо помоћу емулатора мобилних уређаја у Фирефоку и можемо видети да је библиотека задужена за израду прилагодљивог дизајна.

Рад клизача обезбеђен је Јавасцрипт кодом:

Ако желимо да се клизач аутоматски помера, означићемо време преласка у милисекундама са параметром аутоСлиде, у случају да га не користимо, мора се померати стрелицама помоћу тастатуре или миша.

Веб програмери користе ову врсту библиотеке да би оставили по страни гиф, фласх и друге формате анимације, ова врста оквира чак дозвољава да се клизач користи за сео јер је текст индексибилан. Такође га можемо користити и на мрежи и ван мреже за приказивање наше презентације са рачунара или мобилног уређаја, користећи било који прегледач.

Оквир Ревеал.јс се састоји од једне ЈаваСцрипт датотеке и две датотеке са стиловима. Прва таблица стилова, опенс.цсс дефинише неке уобичајене стилове, док друга садржи дизајн стандардне теме, можемо додати и трећу таблицу стилова са сопственим класама.

Ова тема дефинише изглед важних делова ваших презентација, јер постоје текст, слике и везе.

Заједно са Ревеал.јс -ом можемо користити и друге библиотеке, као што су ЦСС 3Д или ВебГЛ.

Тхе Откријте оквир Омогућава вам да користите различите додатке и конфигурацијске параметре за побољшање корисничког искуства. Параметри конфигурације који ће нас највише занимати су:

контролеОвај параметар означава да су стрелице за смер приказане за кретање кроз наше слајдове, ако ништа не означимо, подразумевано се појављује. Може узети вредност труе или фалсе.

напредакПриказује траку напретка како презентација напредује. Може узети вредност труе или фалсе.

слидеНумберПриказује тренутни број слајда. Може узети вредност труе или фалсе.

тастатураОмогућите или онемогућите интеракцију са тастатуром. Може узети вредност труе или фалсе.

додиромогућава или онемогућава коришћење екрана осетљивих на додир ако их имате. Може узети вредност труе или фалсе.

петљаозначава да када дође до краја враћа се на почетак и наставља без заустављања, ако ставимо фалсе, зауставиће се када дође до краја.

Може узети вредност труе или фалсе.

аутоСлидеје време у милисекундама за аутоматско пребацивање са једног слајда на други.

прелазврста преласка између слајдова. Може се поставити на подразумевано подешавање, нема, бледи, клизи, конвексно, конкавно или зумирање.

Врло занимљив пример је званични демо који се може користити за вежбање и такође преузети са званичне странице Ревеал.јс.

Ако желимо да додамо Вертикални клизач морамо да направимо угнежђене одељке на следећи начин:

 Окомити клизач 1 Окомити клизач 1,1 Окомити клизач 1,2 

Затим ћемо урадити Пример02 где ћемо укључити друге карактеристике, као што су фрагменти који су листе у хтмл -у који се приказују притиском на тастер, презентација напредује

Презентација ће бити хакерски курс са компјутерским слајдовима.

Изворни код ће бити следећи:

 Курс етичког хаковања
Научите одбрамбену рачунарску безбедност

Откривање и контрола рањивости
Тестирање продора: Методе.

Мрежна безбедност Администрација Линук сервера Администрација Виндовс сервера / одељак>

Фрагменти указују на то да ће се свака ставка на листи приказивати како презентација напредује, ако класа фрагмената није назначена, листа ће бити приказана у целости, а не једна по једна.

Такође смо назначили вертикалне секције, које су под -слајдови, за приказивање других слајдова унутар одређеног одељка.

Тхе фрамеворк Ревеал.јс То је једна од најпопуларнијих опција за креирање презентација помоћу ХТМЛ -а, јер се може користити на било ком уређају и не захтева инсталиран софтвер за дизајн или програмирање.

У овом чланку разматрамо неке од његових основних карактеристика, али постоји много више доступних.

Гоогле експериментише са ВебРтц технологијом, технологијом коју смо видели у ВебРТЦ водичу Аудио и видео комуникација из прегледача и Ревеал.јс -а, тако да се покрети клизања могу изводити покретима руку кроз веб камеру. Калибрирањем веб камере путем ВебРтц -а и једноставним покретом руке у ваздуху можемо променити клизач.

Можемо видети Гоогле пројекат који је у бета фази Гоогле Цхроме са Гестурес + Ревеал.ЈС, где можете видети неке демонстрационе видео записе који тестирају технологију.

Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен