web дизајн (it), део 5, школска 2010 11, триместар 3

43
Web Дизајн (Internet) студијски програм Интернет Технологије Никола Рељин – Интернет, Висока ICT Школа

Upload: nikola-reljin

Post on 11-Aug-2015

31 views

Category:

Presentations & Public Speaking


5 download

TRANSCRIPT

Page 1: Web дизајн (it), део 5, школска 2010 11, триместар 3

Web Дизајн (Internet)

студијски програм Интернет

Технологије

Никола Рељин – Интернет, Висока ICT Школа

Page 2: Web дизајн (it), део 5, школска 2010 11, триместар 3

Администрирање сајта

Начини слања садржаја на

дестинацију..

Никола Рељин – Интернет, Висока ИКТ Школа, 2008-2009.

Page 3: Web дизајн (it), део 5, школска 2010 11, триместар 3

Након завршеног креирања..

●Груписање садржаја у целине: посебно

разврстати слике, css, js, аудио, видео,

и саме странице.

●Креирати директоријуме у које треба

сместити све фајлове сем .htm(l) – а

●Фајлове назвати згодним именима (што

једноставније, да буде јасно о чему се

ради)

●Разврстати категорије сајта у фолдере

Page 4: Web дизајн (it), део 5, школска 2010 11, триместар 3

Слање на сајт

●Одаберемо згодан домен, и фајлове

upload-ујемо преко FTP-a

●Алтернативно, можемо користити неки

бесплатни домен типа Geocities, једног

од првих таквих сервиса на Интернету

●Само треба отворити бесплатни Yahoo!

налог..

Page 5: Web дизајн (it), део 5, школска 2010 11, триместар 3

Ајмо сад на Интернет!...●Отварање налога на Yahoo-u (Sign Up)

Page 6: Web дизајн (it), део 5, школска 2010 11, триместар 3

Отварање налога●Морамо унети нешто о себи

Page 7: Web дизајн (it), део 5, школска 2010 11, триместар 3

Отварање налога●Због земље.. Некад неће...

Page 8: Web дизајн (it), део 5, школска 2010 11, триместар 3

Отварање налога

●ЛАГИМО..

Page 9: Web дизајн (it), део 5, школска 2010 11, триместар 3

Поштански бројеви Лондона..

●http://www.londontown.com/LondonPC/

Postcodes/ZipCodes/Information/E1/

Page 10: Web дизајн (it), део 5, школска 2010 11, триместар 3

На крају...

Page 11: Web дизајн (it), део 5, школска 2010 11, триместар 3

Улазак у mail..

Page 12: Web дизајн (it), део 5, школска 2010 11, триместар 3

Отварање налога●Пробамо на Gmail…

●Овде ради..

Page 13: Web дизајн (it), део 5, школска 2010 11, триместар 3

На крају, у Google-у:

Page 14: Web дизајн (it), део 5, школска 2010 11, триместар 3

Улазак у Gmail..

Page 15: Web дизајн (it), део 5, школска 2010 11, триместар 3

Коришћење Geocities

Дижемо стране на сајт..

Page 16: Web дизајн (it), део 5, школска 2010 11, триместар 3

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

Geocities

●Можемо да upload-ујемо наше веб

стране које смо пре тога спремили

●Можемо исто тако да “дигнемо” и слике,

аудио, итд..

●Све странице сами средимо, а upload

вршимо преко форме која прима 5 до

10 фајлова. (сваки појединачно

наведемо кроз форму).

Page 18: Web дизајн (it), део 5, школска 2010 11, триместар 3

Googlepages

●Једноставнији од Geocities, све се ради

без познавања HTML-a

●Сајт је лак за креирање али веома

малих могућности (јер не користимо

HTML едитор већ све радимо online..)

●Можете се пријавити на адреси

www.googlepages.com, и као корисник

Gmail налога аутоматски имате

могућност за то..

Page 19: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

Page 20: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Након

пријављивања на

систем са

корисничком

шифром, улазимо у

“систем”..

●Дефинишемо да је

personal сајт, и да

смо чули за њега са

сајта Yahoo..

Page 21: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

Page 22: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Кад уђемо у систем,

има доста опција..

●Бирамо “Manage” ->

“Easy Upload”

или“Create a Web

Site”

●Ићи ћемо првим

начином (upload..)

Page 23: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Баратање

директоријумима

(креирање и

брисање) иде преко

File Manager.

●Upload фајлова

преко Easy Upload

Page 24: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Улазак у File

Manager

●Он се користи за

брисање и креирање

директоријума...

Page 25: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●File Manager – за креирање и брисање..

Page 26: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Пример креирања директоријума “slike”

●Најпре притиснемо под “subdirectories”,

дугме “New”..

Page 27: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Пример креирања директоријума “slike”

●Затим креирамо име фолдера:

Page 28: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Успешно креиран фолдер..

Page 29: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Вршимо upload у фолдеру “slike”..

●Најпре “одемо” у фолдер.. (клик..)

Page 30: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Вршимо upload у фолдеру “slike”

(морамо прво тамо да се нађемо)

●Бирамо “Upload Files”

Page 31: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●File Upload

●За upload више

фајлова, треба

притиснути

“add more files”

Page 32: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Бирамо фајлове и

започињемо пренос..

Page 33: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Након завршеног

рада имамо

извештај о

активностима..

●Све је OK..

Page 34: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Сад дижемо

страницу коју смо

пре тога спремили, а

која има слику коју

смо подигли пре

тога..

●Страница се зове

“geocities_primer.htm”

Page 35: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Страницу

преименујемо у

index.html

●Избришемо

претходни фајл

index.html

●Прво уђемо у File

Manager

Page 36: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities●Бришемо и

преименујемо

●Ако не приказује све

како треба

(index.html,

geocities_primer.html,

идемо ручно у:

http://geocities.yahoo.com/filemanager

(укуцате)

Page 37: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Брисање фајла

Page 38: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Упозорење

●Увек морамо имати index фајл на сајту!

Page 39: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Преименовање фајла

Page 40: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Преименовање фајла

●Сад можемо да погледамо како изгледа сајт..

Page 41: Web дизајн (it), део 5, школска 2010 11, триместар 3

Geocities

●Плодови нашег рада...

Page 42: Web дизајн (it), део 5, школска 2010 11, триместар 3

А сад ви, исто то!

●Све редом...

Page 43: Web дизајн (it), део 5, школска 2010 11, триместар 3

Питања и материјали

●Користити email:[email protected]

●На сајту школе, информације о предмету:http://www.ict.edu.rs/studiranje/predmeti/internet

●На фајл серверу Школе:\\fileserver\internet