web дизајн (it), део 5, школска 2010 11, триместар 3
TRANSCRIPT
![Page 1: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/1.jpg)
Web Дизајн (Internet)
студијски програм Интернет
Технологије
Никола Рељин – Интернет, Висока ICT Школа
![Page 2: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/2.jpg)
Администрирање сајта
Начини слања садржаја на
дестинацију..
Никола Рељин – Интернет, Висока ИКТ Школа, 2008-2009.
![Page 3: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/3.jpg)
Након завршеног креирања..
●Груписање садржаја у целине: посебно
разврстати слике, css, js, аудио, видео,
и саме странице.
●Креирати директоријуме у које треба
сместити све фајлове сем .htm(l) – а
●Фајлове назвати згодним именима (што
једноставније, да буде јасно о чему се
ради)
●Разврстати категорије сајта у фолдере
![Page 4: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/4.jpg)
Слање на сајт
●Одаберемо згодан домен, и фајлове
upload-ујемо преко FTP-a
●Алтернативно, можемо користити неки
бесплатни домен типа Geocities, једног
од првих таквих сервиса на Интернету
●Само треба отворити бесплатни Yahoo!
налог..
![Page 5: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/5.jpg)
Ајмо сад на Интернет!...●Отварање налога на Yahoo-u (Sign Up)
![Page 6: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/6.jpg)
Отварање налога●Морамо унети нешто о себи
![Page 7: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/7.jpg)
Отварање налога●Због земље.. Некад неће...
![Page 8: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/8.jpg)
Отварање налога
●ЛАГИМО..
![Page 9: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/9.jpg)
Поштански бројеви Лондона..
●http://www.londontown.com/LondonPC/
Postcodes/ZipCodes/Information/E1/
![Page 10: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/10.jpg)
На крају...
![Page 11: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/11.jpg)
Улазак у mail..
![Page 12: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/12.jpg)
Отварање налога●Пробамо на Gmail…
●Овде ради..
![Page 13: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/13.jpg)
На крају, у Google-у:
![Page 14: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/14.jpg)
Улазак у Gmail..
![Page 15: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/15.jpg)
Коришћење Geocities
Дижемо стране на сајт..
![Page 16: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/16.jpg)
Yahoo сервиси
●Поред maila, има још пуно сервиса и на
Yahoo!, и на Google-у..
●Yahoo: http://everything.yahoo.com/, нас
интересује: http://geocities.yahoo.com/
●Google:
http://www.google.com/intl/en/options/, нас
интересује: www.googlepages.com
![Page 17: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/17.jpg)
Geocities
●Можемо да upload-ујемо наше веб
стране које смо пре тога спремили
●Можемо исто тако да “дигнемо” и слике,
аудио, итд..
●Све странице сами средимо, а upload
вршимо преко форме која прима 5 до
10 фајлова. (сваки појединачно
наведемо кроз форму).
![Page 18: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/18.jpg)
Googlepages
●Једноставнији од Geocities, све се ради
без познавања HTML-a
●Сајт је лак за креирање али веома
малих могућности (јер не користимо
HTML едитор већ све радимо online..)
●Можете се пријавити на адреси
www.googlepages.com, и као корисник
Gmail налога аутоматски имате
могућност за то..
![Page 19: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/19.jpg)
Geocities
![Page 20: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/20.jpg)
Geocities
●Након
пријављивања на
систем са
корисничком
шифром, улазимо у
“систем”..
●Дефинишемо да је
personal сајт, и да
смо чули за њега са
сајта Yahoo..
![Page 21: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/21.jpg)
Geocities
![Page 22: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/22.jpg)
Geocities
●Кад уђемо у систем,
има доста опција..
●Бирамо “Manage” ->
“Easy Upload”
или“Create a Web
Site”
●Ићи ћемо првим
начином (upload..)
![Page 23: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/23.jpg)
Geocities
●Баратање
директоријумима
(креирање и
брисање) иде преко
File Manager.
●Upload фајлова
преко Easy Upload
![Page 24: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/24.jpg)
Geocities
●Улазак у File
Manager
●Он се користи за
брисање и креирање
директоријума...
![Page 25: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/25.jpg)
Geocities
●File Manager – за креирање и брисање..
![Page 26: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/26.jpg)
Geocities
●Пример креирања директоријума “slike”
●Најпре притиснемо под “subdirectories”,
дугме “New”..
![Page 27: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/27.jpg)
Geocities
●Пример креирања директоријума “slike”
●Затим креирамо име фолдера:
![Page 28: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/28.jpg)
Geocities
●Успешно креиран фолдер..
![Page 29: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/29.jpg)
Geocities
●Вршимо upload у фолдеру “slike”..
●Најпре “одемо” у фолдер.. (клик..)
![Page 30: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/30.jpg)
Geocities
●Вршимо upload у фолдеру “slike”
(морамо прво тамо да се нађемо)
●Бирамо “Upload Files”
![Page 31: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/31.jpg)
Geocities
●File Upload
●За upload више
фајлова, треба
притиснути
“add more files”
![Page 32: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/32.jpg)
Geocities
●Бирамо фајлове и
започињемо пренос..
![Page 33: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/33.jpg)
Geocities
●Након завршеног
рада имамо
извештај о
активностима..
●Све је OK..
![Page 34: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/34.jpg)
Geocities
●Сад дижемо
страницу коју смо
пре тога спремили, а
која има слику коју
смо подигли пре
тога..
●Страница се зове
“geocities_primer.htm”
![Page 35: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/35.jpg)
Geocities
●Страницу
преименујемо у
index.html
●Избришемо
претходни фајл
index.html
●Прво уђемо у File
Manager
![Page 36: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/36.jpg)
Geocities●Бришемо и
преименујемо
●Ако не приказује све
како треба
(index.html,
geocities_primer.html,
идемо ручно у:
http://geocities.yahoo.com/filemanager
(укуцате)
![Page 37: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/37.jpg)
Geocities
●Брисање фајла
![Page 38: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/38.jpg)
Geocities
●Упозорење
●Увек морамо имати index фајл на сајту!
![Page 39: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/39.jpg)
Geocities
●Преименовање фајла
![Page 40: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/40.jpg)
Geocities
●Преименовање фајла
●Сад можемо да погледамо како изгледа сајт..
![Page 41: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/41.jpg)
Geocities
●Плодови нашег рада...
![Page 42: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/42.jpg)
А сад ви, исто то!
●Све редом...
![Page 43: Web дизајн (it), део 5, школска 2010 11, триместар 3](https://reader035.vdocuments.pub/reader035/viewer/2022062320/55c99cf8bb61eb570a8b4802/html5/thumbnails/43.jpg)
Питања и материјали
●Користити email:[email protected]
●На сајту школе, информације о предмету:http://www.ict.edu.rs/studiranje/predmeti/internet
●На фајл серверу Школе:\\fileserver\internet