Вибли (Weebly) Садржај

Transcription

1 Вибли (Weebly) Садржај Вибли сервис за креирање веб-места... 2 Карактеристике Вибли сервиса... 2 Креирање налога... 2 Избор теме... 3 Избор домена и креирање адресе сајта... 4 Израда сајта... 5 Наслов сајта... 5 Радно окружење... 8 Елементи за изградњу сајта... 9 Странице Блог странице Дизајн сајта Уношење садржаја на сајт Уношење текста на сајт Постављање линка у текст Постављање слике на сајт Уређивање слике Постављање видео-записа на сајт Постављање документа на сајт Елементи за структуирање сајта Брисање елемената Чување и публиковање промена на сајту Сараднички рад на Вибли сајту Преглед са мобилних телефона Примена у образовању Примери из праксе Конвертовање налога

2 Вибли сервис за креирање веб-места Вибли је бесплатан сервис за креирање сајтова различите намене и професионалног изгледа, по једноставном принципу превуци и спусти (drag and drop). У потпуности је прилагођен корисницима, чак и онима без претходног искуства у изради сајта. Све је аутоматизовано, што олакшава технички део изградње сајта, али и поред тога имамо избор да направимо структуру какву желимо. Због тога је најзахтевнији део у изради сајта, његово осмишљавање. Ако не желимо да се изгубимо у обиљу могућности које Вибли платформа нуди, пожељно је да имамо јасну визију онога што желимо постићи својим сајтом. Додуше, креатори ове платформе су зе и за то побринули, омогућивши својим корисницима брз приступ подршци у планирању (Site Planner) и изградњи сајта (Support Center). Карактеристике Вибли сервиса Најважније карактеристике бесплатног Вибли сервиса су: поседовање сопственог поддомена на Weebly.com могућност креирања више сајтова са истог налога присуп сајту са било ког места (Cloud hosting) израда сајта по једноставном принципу превлачења и спуштања елемената за изградњу могућност креирања прилагођених тема за напредније кориснике (CSS editor) прилагођеност прегледа за кориснике мобилних уређаја могућност постављања докумената, фотографија, видео записа, различитих формулара и упитника могућност уградње блога и форума позивање више уредника (сараднички рад) праћење и управљање статистиком сајта Креирање налога Када први пут приступамо Вибли платформи, на адреси: weebly.com/, потребно је да отворимо кориснички налог. То можемо учинити повезивањем са својим већ постојећим Фејсбук налогом, 2

3 или креирањем посебног корисничког имена и лозике за Вибли, што је препоручљивије из безбедносних разлога. Слика 1: Креирање налога Након креирања налога, потребно је да одаберемо намену свог сајта. Овај корак нас упућује да размислимо о сврси свог веб-места. То може бити лични или професионални блог, веб-сајт школе, комерцијални сајт итд. Без обзира на то коју опцију одаберемо имаћемо приступ свим функцијама које ова платформа нуди. Избор теме Слика 2: Намена сајта 3

4 Следећи корак је избор теме сајта. Вибли, слично Вордпресу, има богат избор тема које су разврстане по категоријама. Бирамо је кликом на дугме за избор (Choose) које се појављује кад мишем пређемо по теми која нас је заинтересовала. Пошто је број тема велики и треба нам доста времена да све прегледамо, можемо из падајућег менија одабрати да се прикажу само теме одређеног стила или боје. Ако нам се тема коју смо одабрали за свој сајт не допада, можемо је променити у сваком тренутку у секцији за дизајн сајта. Избор домена и креирање адресе сајта Слика 3: Избор теме Пошто што смо одабрали тему, потребно је да креирамо домен, односно веб-адресу свог сајта. У понуди су три опције, али ако желимо бесплaтну верзију Вибли сајта, определићемо се коришћење поддомена на Вибли платформи (Use a Subdomain of Weebly.com) и у прво поље уписати назив који ће постати адреса нашег сајта. Овај назив касније можемо променити. 4

5 Ако је адреса коју смо одабрали доступна (Available) можемо да кликнемо на дугме за наставак (Continue) и започнемо са израдом свог сајта. Израда сајта Наслов сајта Слика 4: Креирање домена Пожељно је да сваки сајт има препознатљив назив по коме ће га посетиоци памтити и проналазити. Ако у почетку нисмо сигурни како желимо да нам се зове сајт, овај корак можемо прескочити и вратити му се касније. Тада ће он имати подразумевани назив: My Site. Назив сајта мењамо тако што кликнемо на подразумевани, обришемо га и унесемо свој. Када пређемо мишем преко назива, испод њега се појављују три опције: 5

6 искључи (off) текст (text) лого (logo) Слика 5: Наслов сајта Ове опције једна другу искључују, а бирамо их кликом на дугме које их представља. Ако смо одабрали да на сајту уместо текстуалног наслова стоји лого, појавиће се прозор који нам нуди две могућности: да поставимо слику са свог рачунара, или да је преузмемо са интернета. Слика 6: Постављање слике са рачунара 6

7 Слика 7: Постављање слике с интернета Лого можемо уређивати или обрисати кад год желимо, тако што ћемо прећи мишем преко њега, а затим кликнути на команду за брисање. Слика 8: Лого сајта Лого уређујемо кликом на дугме уреди (Edit), на исти начин као што уређујемо и остале слике на Вибли платформи, о чему ће бити више речи у делу посвећеном уређивању елемената сајта. Кад кликнемо на дугме за брисање појављује се се оквир за дијалог, приказан на слици испод. Потребно је да потврдимо да желимо да обришемо лого (Yes, remove). 7

8 Слика 9: Уклањање лога Радно окружење Радно окружење Вибли платформе састоји се од различитих секција, од којих су за израду сајта најважније: изградња (Build); дизајн (Design); странице (Pages). Свака од ових секција има различиту функцију и припадајуће елементе који се појављују када одаберемо одговарајућу картицу. Већина елемената се превлачи на радну површину, док су неки додаци интегрисани у Вибли. 8

9 Слика 10: Радно окружење Осим наведеним секицјама, из хоризонталног менија можемо директно приступити подешавањима сајта (Settings), подешавању режима прегледа (Desktop view и Mobile view) и у сваком тренутку, кликом на дугме за публиковање промена (Publish), објавити свој сајт. Елементи за изградњу сајта Слика 11: Картице за различита подешавања Када приступимо секцији за изградњу сајта (Build) коју ћемо користити за уношење различитих садржаја, са леве стране појавиће се низ елемената, односно блокова за изградњу сајта. Они су подељени у у 5 категоријa: основни (Basic); 9

10 блокови за структуру (Structure); медијски (Media); комерцијални (Commerce); остали (More). Слика 12: Елементи за изградњу сајта Приметићемо да су неки елементи означени звездицом, попут блока за претрагу сајтa (Search Box). Ово значи да можемо да их користимо само ако имамо премијум налог на Вибли платформи. То не треба да нас брине, јер је већина елемената доступна и корисницима са бесплатним налогом и они су сасвим довољни за израду занимљивог и богатог сајта. Сви ови елементи, без обзира на то којој категорији припадају, превлаче се и спуштају на страницу коју уређујемо. О њима ће детаљније бити речи касније. Странице Уређивању страница приступамо избором секције Странице (Pages). У оквиру ове секције можемо: додавати нове странице; брисати странице; 10

11 преименовати постoјеће странице; мењати распоред на страници; мењати распоред страница на навигацијској траци; сакрити страницу са навигацијске траке; креирати подстранице. Када први пут приступимо Вибли сајту, на њему су већ постављене 3 странице: почетна (Home), о нама (About) и контакт (Contact). Можемо променити ове називе тако што ћемо кликнути на сваку ставку појединачно и у поље за назив странице (Page Name) унети назив који желимо. Пошто што смо преименовали страницу, можемо подесити њен изглед (Page Layout), избором једног од четири понуђена обрасца (високо заглавље, мало заглавље, без заглавља, главна страница). Непотребне странице бришемо тако што ћемо кликнути на њих, а затим на дугме за брисање (Delete Page). Слика 13: Уређивање странице 11

12 Нове странице додајемо кликом на дугме за додавање странице (Add Page) које се налази сасвим лево, при врху радне табле. Отвара нам се падајући мени из кога бирамо врсту странице коју желимо да креирамо. За почетак ћемо се определити за стандардну страницу. Слика 14: Додавање стандардне странице Нове странице су аутоматски видљиве на навигацијској траци сајта и то оним редоследом којим су постављене на листи на радној табли. Уобичајено је да се насловна страница налази на врху листе постојећих страница. Она је главна страница нашег сајта и прва се отвара посетиоцима. Међутим, превлачењем назива страница горе/доле, можемо мењати њихов распоред. То значи да било која страница може постати главна, односно то ће увек бити она коју поставимо на врх листе страница. Слика 15: Главна страница Осим страница, можемо креирати и подстранице које неће заузимати место на траци за навигацију, већ се се појављивати у падајућем менију када мишем пређемо преко странице којој су подређене. Подстранице креирамо превлачењем постојећих страница са лева на десно. 12

13 Слика 16: Израда подстранице Слика 17: Приступање подстраницама из падајућег менија Ако имамо превише страница и неке од њих хоћемо да сакријемо са навигацијског менија, то можемо учинити помоћу опције: Сакриј страницу са навигацијског менија (Hide page in navigation menu). Довољно је да кликнемо на страницу или потстраницу коју желимо да сакријемо, а затим означимо поменуту опцију. На сличан начин, означавањем опције која се налази одмах испод: Заштити лозинком ову страницу (Password protect this page), можемо ограничити приступ неким страницама. Друга могућност нуди се само корисницима који су креирали премијум налог. 13

14 Блог странице Ако желимо да свом сајту придружимо блог, урадићемо то избором Блог странице (Blog Page) из падајућег менија који се појави када кликнемо на дугме Унеси страницу (AddPage). Слика 18: Отварање блог-странице Блог страница функционише као и стандардне странице сајта; све елементе (текст, слика, видео...) довлачимо се на страницу коју уређујемо, а затим уносимо садржај. Разлика је у томе што су чланци, односно постови, на блогу поређани хронолошки и постоји могућност њиховог разврставања по категоријама. Радни простор блог странице изгледа мало другачије од стандардне странице. У менију на врху (одмах испод заглавља), налазе се дугмад за додавање новог поста, управљање коментарима и подешавање блога. На десној бочној траци постављен је додатни мени са боксовима за представљање аутора, архивом чланака, категоријама и РСС доводом. Ово су основни елементи које један блог треба да садржи. Овај мени можемо проширити, довлачењем одговарајућих елемената са црне траке на левој страни, а можемо и обрисати оно што мислимо да нам није потребно. Поред уобичајених, постоје и посебни елементи за изградњу блога (Blog Sidebar) који се довлаче на десну бочну траку блога. 14

15 Слика 19: Изглед радног простора блог-странице Нови пост започињемо кликом на дугме нови пост (New Post). Приликом креирања блог-чланака поступамо на исти начин као и код стандардних страница: превлачимо одговарајући елемент на радну површину, а затим уносимо садржај. Када унесемо све потребне садржаје у блог-чланак, можемо га одмах објавити кликом на дугме објави (Publish Live), или га сачувати као нацрт (Save to Drafts). Постовима које смо сачували као нацрт можемо приступити кликом на дугме нацрти (Drafts), уредити их, или обрисати (Delete Draft). Објављени пост такође можемо уредити, кликом на дугме за уређивање поста (Edit Post) које се појављује када мишем пређемо преко чланка. Након извршених промена потребно је да их сачувамо кликом на дугме објави измене (Publish Changes). Иако постоје подешавања на нивоу целог блога, помоћу опција у менију са десне стране радне површине можемо подесити сваки појединачни пост. 15

16 Слика20: Подешавање блог-чланка Ако намеравамо да на свом блогу пишемо о различитим темама, било би добро да чланке, односно постове на њему, разврстамо у категорије. Категорије креирамо кликом на опцију додај (Add), а затим уношењем одговарајућег назива. Када на свом блогу будемо имали више постова, категорију ћемо моћи да одаберемо чекирањем квадратића испред њеног назива. Пост можемо поделити на друштвеним мрежама, Фејсбуку и Твитеру, превлачењем одговарајућег дугмета с лева на десно. Искочиће нам прозор у коме ће се тражити ауторизација, односно потврда за повезивање са нашим налогом на овим друштвеним мрежама. Једна од најважнијих особина блога је његова интерактивност. Ако смо већ поделили свој блогпост на друштвеним мрежама и тако позвали друге да виде и прочитају оно о чему пишемо, сигурно желимо и повратну информацију. Зато је препоручљиво укључити могућност коментарисања чланака избором одговарајуће опције из падајућег менија (Comments): отворено (Open) дозвољено коментарисање чланка без провере; одобравање (Approve first) потребно је да аутор одобри чланак; затворено (Closed) коментрарисање чланка је онемогућено. Коментарима управљамо кликом на дугме коментари (Comments) које се налази изнад чланка, поред дугмета за унос новог поста. 16

17 Слика 21: Управљање коментарима Подешавањима коментара на нивоу целог блога, приступамо кликом на дугме подешавања блога (Blog Settings) које се налази на врху блог-странице. Осим коментара, овде можемо уредити и неке основне поставке блога, пупут броја постова који ће се приказивати на једној страници, формата датума објаве постова итд. Дизајн сајта Слика 22: Основна подешавања блога За добар изглед нашег сајта задужена је секција дизајн (Design). Она нам нуди неколико могућности од којих су најважније промена теме и промена подразумеваног фонта. 17

18 Слика 23: Алати за дизајн сајта Користећи опцију Промена теме (Change Theme) у сваком тренутку можемо променити изглед сајта. То ћемо учинити избором одговарајуће теме са листе понућених (груписаних на основу стила, популарности и слично), или прилагођене теме (Custom Themes) коју смо претходно израдили и увезли са свог рачунара. Друга могућност се препоручује само напреднијим корисницима. Можемо слободно експериментисати са темама, јер се њиховом променом не губи ништа од садржаја на сајту. Слика 24: Избор теме 18

19 Осим теме, и фонт који користимо у великој мери доприноси изгледу сајта. Дефинисан је темом коју смо одабрали, али га можемо у сваком тренутку променити. Потребно је да из падајућег менија одаберемо текстуални елемент који желимо да променимо (наслов сајта, тест пасуса, наслов пасуса, текст заглавља итд.) и затим им помоћу одговарајућих алата мењамо врсту, величину, стил или боју фонта. Слика 25: Промена фонта Унутар секције за дизајн сајта можемо укључити (On), односно искључити (Of) иконице за друштвено умрежавање које се појављују на врху већине тема. Ако желимо да популаришемо свој сајт и делимо са другима новости на њему, укључићемо и уредити ову опцију. Слика 186: Иконице за друштвено умрежавање Када пређемо мишем преко иконица за друштвено умрежавање, појавиће се оквир за уређивање у који уносимо адресе сервиса са којима желимо да повежемо свој сајт. То може бити Фејсбук страница школе, наш Твитер-налог, имејл-адреса и слично. Непотребне иконице уклањамо 19

20 кликом на дугме икс (х), а оне које се тренутно не приказују, а нама су важне, додајемо тако што ћемо кликнути на дугме додај још (Add more), а затим ћемо одабрати једну од понуђених. Редослед приказивања ових иконица увек можемо променити једноставним превлачењем горе/доле. Уношење садржаја на сајт Слика 27: Уређивање друштвених иконица При изради сајта провешћемо највише времена у секцији Изградња (Bulid) уносећи различите садржаје на страницу коју уређујемо. Сви садржаји се уносе превлачењем одговарајућих елемената (блокова) смештених на левој страни радне површине. Основни садржаји сваког сајта су текст и слика. Њима можемо додати и различите мултимедијалне садржаје, мапе, упитнике итд. и на тај начин додатно обогатити свој сајт и учинити га интерактивним. Уношење текста на сајт За уношење текстуалних садржаја на сајт потребно је да одаберемо одговарајући елемент из категорије основних и превучемо га на страницу коју уређујемо. 20

21 Слика 28: Текстуални елементи Кад превучемо одабрани елемент на радну површину, појавиће се плаво оивичен оквир у који уносимо текст и изнад њега палета са алатима за додатно уређивање текста. Слика 29: Уређивач текста Овај уређивач нам омогућује да подебљамо, укосимо и подвучемо текст, повећавамо и смањујемо величину слова, мењамо боју и линкујемо делове текста, бирамо врсту поравнања текста, креирамо листе (са дугмићима и бројевима), уклањамо промене у обликовању (форматизовњу) текста, поништавамо и враћамо промене (undo/redo). Могуће је и лепљење текстова претходно копираних из Ворд документа на пример, или са неког веб места. Важно је напоменути да тај текст неће задржати своје карактеристике (врста фонта, подебљања и слично), већ ће попримити каратеристике предвиђене темом сајта. Ове карактеристике не можемо мењати на нивоу појединачних елемената, већ на нивоу целог сајта, у оквиру секције за дизајн. Постављање линка у текст За повезивање садржаја унутар сајта, као и за њихово повезивање са неким спољашњим садржајима, користићемо линкове. Постављамо их тако што означимо део текста за који желимо да буде веза (Link), а затим кликнемо на иконицу ланца у текстуалном уређивачу. 21

22 Слика30: Линковање текста Појавиће се искачући прозор за повезивање означеног текста са: екстерном веб-страницом; страницом унутар Вибли сајта; документом; имејл адресом. Слика 31: Опције линковања 22

23 У случају да смо се определили за прву могућност, поступак је следећи: 1. у поље за УРЛ адресу (Website URL) копирамо и лепимо адресу ресурса; 2. чекирамо квадратић да се линк отвара у новом прозору (Open link in new window); 3. На дну странице сачувамо промену (Save). За повезивање садржаја унутар сајта изабраћемо опцију Стандардна страница (Standard page) и одабрати страницу са листе у падајућем менију. Ако желимо да се кликом на означени део текста отвори одређена датотека, најчешће документ или слика, изабраћемо опцију Датотека (File). Нуде нам се две могућности: да изаберемо датотеку из падајућег менија или да поставимо нову са свог рачунара. Слика 32: Постављање датотеке Опцију Имејл-адреса (Еmail Address) одабраћемо у случају да желимо да посетиоцима сајта пружимо могућност да нас контактирају путем имејла. Постављање слике на сајт Ако желимо да садржај нашег сајта буде потпунији, занимљивији и привлачнији, нећемо се задржати само на текстуалним елементима, него ћемо им придружити и слику, превлачењем одговарајућег елемента на радну површину странице коју уређујемо. Слика 33: Елементи за унос слике 23

24 Можемо да комбинујемо текст са сликом (Image+Text), поставимо једну слику као посебан елемент (Image), поставимо галерију слика (Gallery) или слајдшоу (Slideshow). Слика 34: Комбиновање текста и слике Постоје четири начина за проналажење и постављање слика на Вибли сајт: 1. постављање слике са рачунара (My Computer); 2. проналажење слике на интернету (Search); 3. избор из омиљених слика (Favorites); 4. уношење веб адресе слике (Image URL); Без обзира на то да ли израђујемо свој лични сајт или сајт школе, најчешће ћемо користити слике које већ имамо на свом рачунару. Њих допремамо на Вибли сајт избором опције Постави слику са свог рачунара (Upload a photo from your computer) или једноставно превлачењем одабране слике са рачунара у оквир за постављање слике (Drag photo here). 24

25 Слика 35: Постављање слике са рачунара Некад ћемо пожелети да на сајт који уређујемо поставимо слику са интернета. Ако знамо тачно која је слика у питању и место на коме се налази, одабраћемо опцију Веб адреса слике (Image URL), ископирати адресу слике и унети је у предвиђено поље (Enter the URL of an image somewhere on the web). 25

26 Слика 36: Уношење веб адресе слике Може се десити да пожелимо да илуструјемо неки текст на свом сајту, али да не знамо где можемо пронаћи одговарајући фотографију или илустрацију. Тада ћемо одабрати опцију Потражи (Search) и помоћу кључне речи потражити одговарајућу илустрацију на интернету. У понуди су две врсте фотографија, професионалне, које се купују, и бесплатне. Ако нам слика коју смо пронашли одговара, кликом на дугме за избор (Select) постављамо је на сајт, а у случају да нам се допала, а тренутно нам не треба, можемо је, кликом на дугме Додај у омиљене (Add to Fаvorites) означити као омиљену и касније поставити на страницу избором картице Омиљени (Favorites). 26

27 Слика 37: Проналажење слика по кључној речи Уређивање слике Када смо поставили нову слику на сајт појављује се искачући прозор за њено подешавање. Слици можемо да додамо натпис, да подесимо њен положај на страници, уоквиримо је, да је линкујемо или заменимо другом. Слика 38: Искачући прозор за уређивање слике Кликом на дугме за уређивање слике (Edit Image) отвара се прозор који садржи преглед слике и различите алате за подешавање њеног изгледа. 27

28 У овом прозору можемо да мењамо и величину слике. Кад кликнемо на њу појављују се тачке чијим сужавањем или ширењем смањујемо или повећавамо слику. Када завршимо уређивање слике, ако смо задовољни променама, потребно је да их сачувамо кликом на дугме за чување промена (Save) које се налази у горњем десном углу уређивача слике. Постављање видео-записа на сајт Слика 39: Уређивач слика Већина сервиса за израду сајтова има могућност постављања видео записа. Вибли својим корисницима нуди могућност да поставе на сајт видео-запис са свог рачунара, или да уграде видео-запис који се налази на интернету. Нажалост, прва опција је омогућена само корисницима премијум налога, тако да ћемо се у овом упутству органичити на постављање видео-записа који се налази на интернету. За уградњу видео-записа на сајт са листе елемената ћемо одабрати елемент Код за уградњу (Embed code). Превући ћемо га на радну површину и кликнути у плави оквир како би нам се појавила опција за уређивање (Edit custom HTML). У тај оквир уносимо ембед-код који смо претходно ископирали са веб-места на коме се видео-запис налази. 28

29 Слика 40: Уградња видеа путем ембед кода Имајући у виду да је Јутјуб тренутно најпопуларнији видео канал, креатори Вибли сајта потрудили су се да својим корисницима олакшају уградњу видео-записа постављених на њему. Када довучемо посебан елемент за Јутјуб, појављује се оквир у који уносимо претходно ископирану УРЛ адресу видео-записа. Помоћу опција у уређивачу (Spacing и Advanced), можемо подесити маргине и величину видео-записа. Слика 41: Уградња видео-записа са Јутјуба 29

30 Постављање документа на сајт На Вибли-сајт можемо постављати и документе различитих формата. За то постоји више начина, а који ћемо одабрати зависи од намене самих докумената. То могу бити: документи за преузимање на рачунар; документи за прегледање директно на сајту. Слика 42: Елементи за постављање документа У првом случају, одабраћемо елемент Датотека (File) из категорије медијских елемената и превући га на страницу коју уређујемо. Кликом на плави оквир отварамо прозор са опцијом за постављање документа са свог рачунара. Документ који смо на овај начин поставили на сајт биће доступан посетиоцима сајта за преузимање. Слика 43: Постављање документа за преузимање на рачунар 30

31 Ако не желимо да се документ за преузимање налази издвојен на страници и тиме наруши изглед нашег сајта, можемо га поставити тако да се појављује у искачућем прозору када кликнемо на одређени линк. Овај поступак је описан у делу упутства под називом: Постављање линка у текст. За уградњу документа или презентације која се може прегледати директно на сајту, послужићемо се елементом Документ (Document). Када га превучемо на страницу, појавиће се прозор за постављање документа са опцијом за избор величине оквира за прегледање документа. Слика 44: Уградња презентације на Вибли сајт Као што можемо да приметимо, ово није оригинални Вибли елемент, већ елемент омогућен од стране сервиса Scribd. Када уградимо документ на овај начин на Вибли сајт, појавиће се команде за управљање документом исте као и за прегледање докумената у овој дигиталној библиотеци. Елементи за структуирање сајта У процесу изградње сајта, често ћемо користити и елементе за његово структуирање. Они нам помажу да организујемо садржаје управо онако како желимо, независно од теме коју смо одабрали за свој сајт. 31

32 Слика 45: Елементи за структуру сајта Елемент за креирање вишеструких колумни (Columns) омогућује нам да садржаје који припадају различитим елементима и аутоматски се на страници појављују једни испод других, постављамо једне поред других. Када превучемо овај елемент на страницу коју уређујемо, у уређивачу бирамо број колумни, а затим у колумне довлачимо елементе које желимо. Ширину појединачних колумни мењамо једноставним повлачењем разделника лево/десно. На овај начин можемо један поред другог поставити слику, текст и на пример, видео. Слика 46: Колумне Елемент дугме (Button) је уствари линк у облику тастера, који посетиоца сајта једним кликом води на другу страницу сајта, други сајт итд. Када превучемо овај елемент на страницу коју уређујемо потребно је да доделимо назив тастеру (на пример: следећа страница, галерија слика и слично) и поставимо линк како би наш тастер функционисао. Постављамо линк на исти начин као и код текстуалних елемената. 32

33 Слика 47: Постављање тастера Елемент разделник (Divider) користимо за прављење размака, односно преграде између елемената, чиме постижемо постижемо да сајт изгледа прегледније и елегантније. Брисање елемената Ако смо приликом уношења садржаја на сајт приметили да нам је неки елемент вишак, можемо га у сваком тренутку обрисати. То ћемо урадити тако што ћемо кликнути на икс (х) на врху десног угла плавог оквира који се појави сваки пут када кликнемо или када мишем пређемо преко елемента. Брисањем елемента бришемо и сав садржај у њему, ако га има. Слика 48: Брисање елемента 33

34 Чување и публиковање промена на сајту Када смо завршили са уређивањем странице (или повремено у току рада на страници), потребно је да сачувамо промене које смо начинили. То радимо кликом на дугме за објављивање (Publish) које се налази у горњем десном углу странице. Појављује се искачући прозор са обавештењем да је веб-сајт ажуриран и линком за преглед сајта. Ако смо задовољни изгледом свог сајта и садржајима на њему, можемо га поделити на друштвеним мрежама, Твитеру и Фејсбуку. Прозор затварамо на икс (х) у десном горњем углу прозора. Слика 49: Објављивање сајта Одјављујемо се са сајта путем картице са линијама у десном горњем углу. Кликом на ову картицу отворићемо падајући мени и одабрати опцију за излазак из уређивача (Exit Editor) или моји сајтови (My Sites). Тиме ћемо се вратити на контролну таблу. Слика 50: Одјављивање Контролна табла је почетна страница на којој се налази листа свих сајтова које смо креирали. На њој можемо са истим налогом креирати нове сајтове различитог имена и намене, пратити статистику сајтова, променити основне поставке свог налога, копирати или обрисати сајт. Са ове странице, кликом на дугме уреди (Edit) приступамо уређивању сајта. 34

35 Сараднички рад на Вибли сајту Слика 51: Контролна табла Иако му је првенствена намена креирање сајтова, Вибли можемо сврстати и у сарадничке алате, јер допушта да на сајт чији смо аутори позовемо друге ауторе и дамо им дозволу да уређују сајт. Опцији за позивање сарадника приступамо избором картице Подешавања (Settings) на уређивачкој траци сајта. На листи поставки са леве стране налази се опција уредници (Editors). Кликом на њу отвара се прозор са списком уредника сајта и дугметом за позивање нових. Слика 52: Уношење нових уредника Кликом на наранџасто дугме Додај уреднике (Add Editors) отвара се нови прозор у коме је понуђено да унесемо имејл адресе уредника и одаберемо улогу коју му додељујемо. Корисницима бесплатног налога омогућен је избор само прве опције, односно уредник кога 35

36 позовемо аутоматски има улогу администратора. То значи да ће нови уредник имати пун приступ сајту и његовом уређивању. Само један корисник може уређивати страницу у исто време. Слика 53: Позивање сарадника и додела улога Кликом на дугме у доњем левом углу прозора, потврђујемо уредника, односно администратора сајта и шаљемо му позив на имејл. Преглед са мобилних телефона Приликом креирања сајта треба да имамо у виду и посетиоце којима је он намењен. Један број њих, посебно оних млађе генерације, сајту ће приступати са својих мобилних телефона или са других преносивих уређаја. Креатори Вибли платформе су мислили и на то, па је преглед сајта који смо креирали на њој, аутоматски прилагођен и овим корисницима. Ако желимо да видимо како се наш сајт приказује на мобилним уређајима, урадићемо то кликом на иконицу преглед са мобилног уређаја (Mobile View) која се налази сасвим десно на врху сајта. 36

37 Слика 19: Уређивање погледа са мобилних телефона Можемо се слободно поиграти опцијама за додaтно уређивање овог прегледа, јер ниједна промена коју начинимо, па ни промена теме, неће утицати на изглед нашег сајта у редовном режиму приказа (Desktop View). Примена у образовању Као и већина веб алата, Вибли има широку намену и није искључиво намењен образовној употреби. Међутим, захваљујући својој једноставности и великом избору могућности, може постати одличан алат за наставнике. Помоћу овог креатора веб-сајтова можемо да: израдимо сајт школе; израдимо онлајн збирку наставних материјала за свој предмет; креирамо сајт намењен настави (самостално или у сарадњи са другим наставницима); креирамо свој портфолио; водимо лични или сараднички блог... Такође, можемо лако обучити и ученике да користе овај алат за: израду дигиталног портфолија, извештавање о пројектним активностима, или на пример, израду разредног сајта. На тај начин 37

38 можемо код њих развијати дигиталне компетенције, неговати креативност и подстицати сараднички рад. Ако се определимо да користимо Вибли у раду са ученицима, као допуну редовној настави, или у ваннаставним активностима, можемо испробати посебан део овог сервиса намењен образовању (education.weebly.com/). Он се не разликује пуно од основног Вибли сервиса, али има неке додатне понуде, специфичне за образовање, које наставнику омогућавају управљање ученичким налозима и модерирање њихових активности. Ученици могу са налога који им је креирао наставник израдити своје сајтове и блогове, па и разредни портфолио. Однедавно, захваљујући посебној веб-апликацији, ученици могу свом налогу на Вибли сервису приступати и преко мобилних телефона и директно са њих управљати садржајима. Ове је велика предност, посебно ако имамо у виду да млади све више користе различите преносиве уређаје, посебно тзв. паметне телефоне, за забаву и комуникацију преко интернета. Примери из праксе Сајт о Безбедно коришћење интернета (bezbednostdecenanetu.weebly.com) је одличан пример сарадничког рада ученика и наставника у улози ментора, у пројекту посвећеном безбедности деце на интернету. Резултати истраживачког рада на пројекту постављани су на сајт који је доступан свима који желе више да се информишу о овој важној и актуелној теми. Иако је настала у сасвим другој епохи и другим условима живота, енциклопедија се одлично прилагодила захтевима дигиталног доба. Данашње енциклопедије су махом на интернету, доступне свима, интерактивне, са могућношћу уређивања од стране више аутора. Један такав пример енциклопедије на српском језику, је Вебциклопедија (vebciklopedija.weebly.com/), интерактивна енциклопедија веб-алата разврстаних по намени, са посебним освртом на њихову образовну примену. Ова енциклопедија, коју уређује група наставника ентузијаста, може бити од велике користи свим осталим наставницима који се одлуче да заплове водама електронског учења. Интернет је пружио неслућене могућности када је сарадња наставника и ученика у питању. Изврстан пример коришћења Вибли платформе у функцији сарадничког рада је Школски календар сећања (danpodan.weebly.com/), збирка дигитализованих садржаја општеобразовног карактера из националне баштине. На изради овог дигиталног времеплова учествују наставници и ученици тридесетак школа у Србији. Конвертовање налога Уколико смо првобитно креирали налог на weebly.com/ а желимо да пређемо на образовну верзију (Weebly for education), није неопходно да поново попуњавамо образац за регистрацију, већ само да конвертујемо свој налог. То ћемо учинити тако што ћемо на адреси унети своје параметре у поље за пријаву (log in), а затим ћемо у оквиру за дијалог који ће се појавити потврдити да желимо да конвертујемо свој налог. 38

39 Слика 55: 1 Пријављивање на Вибли за образовање Слика 55: 2. Конвертовање налога Након што смо конвертовали налог, потребно је да унесемо назив своје школе, место и државу и можемо започети са креирањем виртуелних разреда и уписивањем ученика. 39

40 Слика 55: 3. Подаци о школи Слика 55: 4. Креирање виртуелног одељења Југослава Лулић, 40