Презентација за коришћење Веб-алата Вибли за прављење сајтовва и блога.

1. WEEBLYWEEBLY

2. отворите сајтотворите сајт www.weebly.comwww.weebly.com

3. отвотвaaрање новограње новог
налога –налога –
уписивањемуписивањем
податакаподатака
пријављивање:пријављивање:
•помоћу отвореног налогапомоћу отвореног налога
уписивањем мејла иуписивањем мејла и
лозинкелозинке
•помоћупомоћу FacebookFacebook илиили
GmailGmail налоганалога

4. отворите сајтотворите сајт www.weebly.comwww.weebly.com

5. • одаберитеодаберите Menu,Menu, а затима затим Education VersionEducation Version

7. креирање новог налогакреирање новог налога
• упишите податкеупишите податке

11. пример – изабрана темапример – изабрана тема

12. креирајте адресу сајта – упишите назив сајтакреирајте адресу сајта – упишите назив сајта

13. креирајте адресу сајта – упишите назив сајтакреирајте адресу сајта – упишите назив сајта

15. НАСЛОВНА СТРАНАНАСЛОВНА СТРАНА

16. упишитеупишите Site TitleSite Title (наслов сајта)(наслов сајта)

17. • одаберитеодаберите Design - Change Fonts,Design - Change Fonts, а затима затим Site TitleSite Title

18. • одаберите врстуодаберите врсту (Font)(Font), величину, величину (Size)(Size) и бојуи боју
(Color)(Color) слова наслова сајтаслова наслова сајта

19. • одаберитеодаберите Edit ImageEdit Image

20. • одаберитеодаберите Add ImageAdd Image

22. • подесите изглед сликеподесите изглед слике (Crop(Crop – одсецање дела слике– одсецање дела слике,,
RotateRotate – ротација и пресликавање– ротација и пресликавање, Opacity, Opacity --
провидностпровидност, Fade, Fade – блеђи део слике– блеђи део слике, Effects, Effects - ефекти- ефекти))
• да би сачували измене кликните нада би сачували измене кликните на SaveSave

23. помоћу палете подесите изглед
наслова (врста и величинa слова,
поравнавање)

25. можете да подесите назив почетне стране (уместоможете да подесите назив почетне стране (уместо
Home)Home) - одаберите- одаберите PagesPages, а потом, а потом HomeHome

27. ОБЈАВЉИВАЊЕОБЈАВЉИВАЊЕ

28. • одаберитеодаберите PublishPublish
• изаберите категорију (врсту) сајтаизаберите категорију (врсту) сајта

29. • упишите приказани текступишите приказани текст

30. • сајт је објављенсајт је објављен

32. СТРАНЕСТРАНЕ

33. • одаберитеодаберите PagesPages а потома потом Add PageAdd Page
• одаберите тип стране (пример:одаберите тип стране (пример: Standard Page)Standard Page)
• у пољеу поље Page NamePage Name упишите назив стране (пример:упишите назив стране (пример:
Физика)Физика)

34. • подесите изглед стране (подесите изглед стране (Page LayoutPage Layout))
• кликните на пољекликните на поље Save&EditSave&Edit и страна је креиранаи страна је креирана

36. Брисање стране - одаберитеБрисање стране - одаберите PagesPages

37. Креирање подстраницеКреирање подстранице

39. ЕЛЕМЕНТИ САЈТАЕЛЕМЕНТИ САЈТА

40. Basic (Basic (основниосновни))
• TitleTitle – наслов– наслов
• TextText – текст– текст
• ImageImage – слика– слика
• GalleryGallery – галерија фотографија– галерија фотографија
• SlideshowSlideshow – слајд шоу приказ– слајд шоу приказ
фотографијафотографија
• Map –Map – мапамапа
• Contact Form –Contact Form – образац за контактобразац за контакт
• Embed Code –Embed Code – уградња ембед кодуградња ембед код

41. Structure (Structure (структураструктура))
• DividerDivider – подела– подела
• SpacerSpacer – размак (празан простор)– размак (празан простор)
• ButtonButton – командно дугме– командно дугме
• Serach BoxSerach Box – поље за– поље за
претраживање (само у верзијипретраживање (само у верзији
Weebly Pro)Weebly Pro)

42. Media (Media (мултимедијални садржајимултимедијални садржаји))
• HD VideoHD Video – уградња видеа (само у– уградња видеа (само у
верзијиверзији Weebly Pro)Weebly Pro)
• AudioAudio – уградња аудио плејера– уградња аудио плејера
(само у верзији(само у верзији Weebly Pro)Weebly Pro)
• DocumentDocument – уградња догумента– уградња догумента
• YouTube VideoYouTube Video – уградња– уградња YouTubeYouTube
видеавидеа
• FlashFlash – уградња флеш датотека– уградња флеш датотека
• FileFile – додавање датотека– додавање датотека

43. Commerce -Commerce - трговинатрговина

44. More (More (додатне могућностидодатне могућности))
• Block QuoteBlock Quote – цитат– цитат
• PollPoll – графикон– графикон
• Social IconsSocial Icons – иконице друштвених– иконице друштвених
мрежамрежа
• RSVO FormRSVO Form – (– ( répondez s'il vous
plaît, meaning "please respond"))
тражење одговора на постављенотражење одговора на постављено
питањепитање
• SurveySurvey – упитник– упитник
• Feed ReaderFeed Reader – читач ’’фидова’’– читач ’’фидова’’
• BookingsBookings - резервације- резервације
• Forums -Forums - форумифоруми

45. РАД СА ТЕКСТОМ ИРАД СА ТЕКСТОМ И
СЛИКАМАСЛИКАМА

46. • отворите страну Оптика, а затим одаберитеотворите страну Оптика, а затим одаберите BasicBasic
• превуцитепревуците TitlTitlе (наслов) на радну површину сајтае (наслов) на радну површину сајта

47. • кликните и упишите наслов текстакликните и упишите наслов текста
• помоћу палете подесите изглед наслова (врста ипомоћу палете подесите изглед наслова (врста и
величинвеличинaa слова, поравнавање)слова, поравнавање)

48. • превуцитепревуците TextText на радну површину сајтана радну површину сајта

49. • помоћу палете подесите изглед текста (врста ипомоћу палете подесите изглед текста (врста и
величинвеличинaa слова, поравнавање, набрајање)слова, поравнавање, набрајање)

50. могућност подешавања наслова пасусамогућност подешавања наслова пасуса
((Paragraph TitleParagraph Title) односно текста пасуса () односно текста пасуса (ParagraphParagraph
TextText))

52. РАД СА СЛИКАМАРАД СА СЛИКАМА

53. • одаберитеодаберите BasicBasic
• превуцитепревуците ImageImage на радну површину сајтана радну површину сајта

54. • кликните пољекликните поље UPLOAD IMAGEUPLOAD IMAGE
• одаберитеодаберите My ComputerMy Computer
и превуците слику (и превуците слику (DragDrag
photo herephoto here) или) или
кликните на пољекликните на поље
Upload a photo from yourUpload a photo from your
computercomputer да бистеда бисте
додали слику са свогдодали слику са свог
рачунарарачунара

56. • избором пољаизбором поља EditEdit
ImageImage можете даможете да
подесите изгледподесите изглед
сликеслике (Crop(Crop ––
одсецање делаодсецање дела
сликеслике, Rotate, Rotate ––
ротација иротација и
пресликавањепресликавање,,
OpacityOpacity - провидност- провидност,,
FadeFade – блеђи део– блеђи део
сликеслике, Effects, Effects --
ефектиефекти))
• кликните на слику да отворитекликните на слику да отворите
оквир за подешавање сликеоквир за подешавање слике
• да би сачували измене кликните нада би сачували измене кликните на SaveSave

57. Остале могућности:Остале могућности:
• повезивање слике (повезивање слике (LinkLink))
• удаљеност слике одудаљеност слике од
оквираоквира (Spacing)(Spacing)
• додавање насловадодавање наслова
((CaptionCaption))
• додавање оквирадодавање оквира
((AdvancedAdvanced))

58. РАД СА ТЕКСТОМ ИРАД СА ТЕКСТОМ И
СЛИКАМАСЛИКАМА

63. ЗАДАТАК ЗА ПОЛАЗНИКЕЗАДАТАК ЗА ПОЛАЗНИКЕ

65. РАД САРАД СА YouTubeYouTube
ВИДЕО СНИМЦИМАВИДЕО СНИМЦИМА

66. • отворитеотворите http://www.youtube.comhttp://www.youtube.com
• пронађите и отворите одговарајући видео записпронађите и отворите одговарајући видео запис
(пример:(пример: Laws of reflection)Laws of reflection)
• адресу видео записа (пример:адресу видео записа (пример:
http://www.youtube.com/watch?v=9aWE4rDw_kshttp://www.youtube.com/watch?v=9aWE4rDw_ks))
• вратите се навратите се на WeeblyWeebly

67. • одаберитеодаберите MediaMedia

68. • кликните на простор видео записакликните на простор видео записа (Add a YouTube(Add a YouTube
Video To Your Site)Video To Your Site) да се прикаже палета за додавањеда се прикаже палета за додавање
новог видео записановог видео записа
• унесите адресу видео снимака уунесите адресу видео снимака у
пољепоље YouTube Video URLYouTube Video URL

69. • подесите величину (подесите величину (AdvancedAdvanced) и положај () и положај (SpacingSpacing))
видео снимкавидео снимка

70. Google MapsGoogle Maps

71. • отворите почетну страну (Почетна)отворите почетну страну (Почетна)
• одаберитеодаберите
BasicBasic

73. • у пољеу поље AddressAddress упишите ОШ Бубањски хероји Нишупишите ОШ Бубањски хероји Ниш
• подесите и остале параметреподесите и остале параметре (Width&Height –(Width&Height – висина ивисина и
ширинаширина, Position, Position - положај- положај, Spacing, Spacing - маргине- маргине, Advanced, Advanced
LocationLocation – прецизно подешавање локације уписивањем– прецизно подешавање локације уписивањем
географске дужине и ширинегеографске дужине и ширине, Advanced Display, Advanced Display – напредна– напредна
подешавања)подешавања)

74. Slideshow – слајд шоу
приказ фотографија

75. • отворите почетну страну (Почетна)отворите почетну страну (Почетна)
• одаберитеодаберите
BasicBasic

76. • одаберите стил приказаодаберите стил приказа

77. • одаберите фотографије - превуците фотографијеодаберите фотографије - превуците фотографије
у оквир (у оквир (Drag photo hereDrag photo here) или кликните на поље) или кликните на поље
Upload a photo from your computerUpload a photo from your computer да бистеда бисте
додали фотографије са свог рачунарадодали фотографије са свог рачунара

80. ЗАДАТАК ЗА ПОЛАЗНИКЕЗАДАТАК ЗА ПОЛАЗНИКЕ

81. • додати страницу и подстраницу – назив страницедодати страницу и подстраницу – назив странице
назив предмета који наставник предаје, називназив предмета који наставник предаје, назив
подтранице назив областиподтранице назив области
• нову страницу поставити на друго место – измеђунову страницу поставити на друго место – између
Почетна и ФизикаПочетна и Физика
• на страници и подстраници додатина страници и подстраници додати
• тексттекст
• слику-фотографијуслику-фотографију
• комбинација текст-сликакомбинација текст-слика
• видео записвидео запис
• још неки елемент по изборујош неки елемент по избору

82. ДОДАТАКДОДАТАК

83. Пријављивање коришћењемПријављивање коришћењем FacebookFacebook налоганалога

85. • упиште својупиште свој WeeblyWeebly налог илиналог или креирајтекреирајте
нови налогнови налог и он ће бити повезан саи он ће бити повезан са GoogleGoogle
налогомналогом

86. Пријављивање коришћењемПријављивање коришћењем GmailGmail налоганалога

88. • упиште својупиште свој WeeblyWeebly налог илиналог или креирајтекреирајте
нови налогнови налог и он ће бити повезан саи он ће бити повезан са GoogleGoogle
налогомналогом