Предмет: WEB дизајн (17 - F501)


Основне информације

КатегоријаСтручно-апликативни
Научна областГрафичко инжењерство
МултидисциплинарнаДа
ЕСПБ7
Матичне организационе јединице предмета

Одсек за примењене рачунарске науке и информатику
Програм предмета

Програм се примењује од 30.09.2007..

Циљ предмета јесте савладавање клијентских web технологија као што су технологије за опис садржаја и презентације (HTML5 и CSS3), основа скриптних језика (JavaScript) и оспособљавање за развој клијентског дела web апликација. Поред тога, стичу се знања о историјату и основним принципима и елементима web дизајна, као и различитим врстама web сајтова. Кроз коришћење савладаних клијентских технологија, анализу структуре web странице и web сајта и упознавање са софтверским алатима и радним оквирима за израду web сајтова, омогућава се креирање комплетног web сајта са садржајем прилагођеним актуелним стандардима web дизајна.
Студенти стичу компетенције за самостални развој клијентског дела web сајта. Коришћењем клијентских web технологија (HTML5, CSS3, JS) и различитих ХТМЛ едитора (Bootstrap, W3C, Sublime, Notepad++) кроз форматирање основних елемената web странице (текста, боја, слика, линкова, табела, листа, аудио и видео садржаја), добро структуирање и правилно исписивање HTML, CSS и JS докумената, студентима ће савладати креирање web садржаја који испуњава критеријуме приступачности и функционалности.
Карактеристике интернет мреже, web сервиса и HTTP протокола. Историја web дизајна. Клијентске (фронт-енд) web технологије: Увод у HTMLверзије (HTML/HTML5), основни елементи, синтакса, семантика, структура; Увод у CSS верзије (CSS/CSS3), синтакса, семантика, структура, библиотеке, SCSS/SASS; Основе, могућности и употреба скриптног језика JavaScript. Актуелни трендови у web дизајну. Респонзивни web дизајн (медија упити, флексибилне мреже, флексибилне слике, релативне јединице); Једностранични концепт web сајта (SPA); Мултимедијални садржај у web дизајну; Векторска графика у web дизајну (canvas,SVG); Flat дизајн; API (географска позиција корисника, промена позиције елемената превлачењем, локално складиштење података, кеширање и приступ web апликацијама без интернет конекције, позадинско извршавање ЈС скрипти на перформантност странице, SSE); Микроподаци и SEO оптимизација. Основни принципи функционалног и усер-фриендлy дизајна садржаја, странице, сајта - UI (енг. User Interface). Приступачност и прилагођавање садржаја крајњем кориснику – UX (енг. User Experience). Основе серверских (back-end) технологија. PHP. Употреба едитора кода (Adobe Dreamweaver); Креирање HTML5, CSS3 и JS докумената у складу са синтаксом и семантиком наведених web клијентских технологија; Анализа и структура web страница; Имплементација актуелних тендова у web дизајну (респонзивни web дизајн и мултимедијални садржаји).
Настава се изводи у виду предавања, рачунарских вежби и консултација која се врше према утврђеном распореду. На предавањима се излаже теоријски део градива пропраћен примерима, анализом добре и лоше праксе и студијама случаја користећи савремена средстава, актуелну литературу и интерактивне методе рада са студентима како би се стекао увид у њихова предзнања и разумевање изложеног градива. На рачунарским вежбама студенти креирају демо web апликације различитих намена и комплексности употребом клијенстких web технологија (HTML5/CSS3/JS). Савладано градиво студенти потврђују кроз израду и одбрану самосталног предметног пројекта који представља функционалну web презентацију на одабрану тему.
АуториНазивГодинаИздавачЈезик
Nettlenton, N.Web Design2004The Ilex Press, East SussexЕнглески
Martin, K.Web Colour2004The Ilex Press, East SussexЕнглески
Arah, T.Web Type : Start Here!2004The Ilex Press, East SussexЕнглески
POWELL, ThomasThe complete reference web design2003Brandon A. NordinЕнглески
МИЛИЋ, НедаWeb дизајн - предавања2018Факултет техничких наукаСрпски језик
Prudkov, S.Grafika za Web : Macromedia Fireworks 8 : vežbe i trikovi 2006Kompjuter biblioteka, ČačakСрпски језик
Grant, W.101 принцип за добар UXдизајн2018Компјутер библиотека, БеоградСрпски језик
Предметна активностПредиспитнаОбавезнаБрој поена
Предметни пројекатдада30.00
Одбрањене рачунарске вежбедада10.00
Присуство на предавањимадада5.00
Присуство на рачунарским вежбамадада5.00
Теоријски део испитанеда30.00
Усмени део испитанеда20.00
Име и презимеВид наставе
Недостаје слика

Милић Керестеш др Неда
Ванредни професор

Предавања
Недостаје слика

Димитриески др Владимир
Ванредни професор

Предавања
Недостаје слика

Василић Петар
Асистент из уметничког поља

Рачунарске вежбе
Недостаје слика

Милић Керестеш др Неда
Ванредни професор

Рачунарске вежбе
Недостаје слика

Маричић Катарина
Асистент

Рачунарске вежбе
Недостаје слика

Голубовић Гала
Асистент

Рачунарске вежбе