Subject: Web Design (17 - F501)


Basic Information

CategoryProfessional-applicative
Scientific or art field:Grafičko inženjerstvo
Interdisciplinaryyes
ECTS7
Course specification

Course is active from 30.09.2007..

The aim of the course is master client web technologies such as content and presentation technologies (HTML5 and CSS3), the basics of scripting languages (JavaScript), and learning to develop the front-end part of web applications. In addition, the knowledge about history and basic principles and elements of web design, as well as different types of websites will be provided. Through the use of mastered client technologies, the analysis of the structure of the website and the web site, and mastering software tools and frameworks for coding, it is possible to create a complete web site with content adapted to the state-of-the-art web design standards.
Students acquire the competencies for independent development of the client's part of the website. By using client web technologies (HTML5, CSS3, JS) and various HTML editors (Bootstrap, W3C, Sublime, Notepad++), through formatting the basic web page elements (text, color, images, links, tables, lists, audio and video), good structure and correct HTML, CSS and JS documents, students will be able to create web content that meets the criteria of accessibility and functionality.
Characteristics of the Internet, Web services and HTTP protocols. Web design history. Client (front-end) web technologies: Introduction to HTML versions (HTML / HTML5), basic elements, syntax, semantics, structure; Introduction to CSS versions (CSS / CSS3), syntax, semantics, structures, libraries, SCSS / SASS; Basics, capabilities and use of JavaScript scripting language. Current trends in web design. Responsive web design (media queries, flexible networks, flexible images, relative units); One-sided concept of the website (SPA); Multimedia content in web design; vector graphics in web design (canvas, SVG); Flat design; API (geographic position of users, change of position of elements by dragging, local data storage, caching and access to web applications without internet connection, background execution of JS scripts on page performance, SSE); Microdata and SEO optimization. Basic principles of functional and user-friendly design of content, site, site -UI (User Interface). Accessibility and customization of content to the end user - UX (User Experience). Basics of back-end technologies - PHP. Use Adobe Dreamweaver Text Editor; Creating HTML5, CSS3 and JS documents in accordance with the syntax and semantics of the specified web client technologies; Analysis and structure of web pages; Implementation of current trends in web design (responsive web design and multimedia content).
Teaching is done in the form of lectures, computer exercises and consultations that are carried out according to the established schedule. Lectures are conducted using didactic and educational content in electronic and digital form. In lectures, with the use of modern presentations and demonstration tools and techniques with the application of interactive method of work with students in order to gain insight into their background, theoretical part of the material is presented with examples. On computer exercises, students create a demo web application using web-based web technologies (HTML5 / CSS3 / JS), which is confirmed by the creation of an independent project representing functional web site on selected topic.
AuthorsNameYearPublisherLanguage
Nettlenton, N.Web Design2004The Ilex Press, East SussexEnglish
Martin, K.Web Colour2004The Ilex Press, East SussexEnglish
Arah, T.Web Type : Start Here!2004The Ilex Press, East SussexEnglish
POWELL, ThomasThe complete reference web design2003Brandon A. NordinEnglish
MILIĆ, NedaWeb dizajn - predavanja2018Fakultet tehničkih naukaSerbian language
Prudkov, S.Grafika za Web : Macromedia Fireworks 8 : vežbe i trikovi 2006Kompjuter biblioteka, ČačakSerbian language
Grant, W.101 princip za dobar UXdizajn2018Kompjuter biblioteka, BeogradSerbian language
Course activity Pre-examination ObligationsNumber of points
ProjectYesYes30.00
Computer excersise defenceYesYes10.00
Lecture attendanceYesYes5.00
Computer exercise attendanceYesYes5.00
Theoretical part of the examNoYes30.00
Oral part of the examNoYes20.00
Name and surnameForm of classes
Missing picture!

Milić Keresteš Neda
Associate Professor

Lectures
Missing picture!

Dimitrieski Vladimir
Assistant Professor

Lectures
Missing picture!

Vasilić Petar
Asistent iz umetničkog polja

Computational classes
Missing picture!

Fijat Igor
Teaching Associate

Computational classes
Missing picture!

Milić Keresteš Neda
Associate Professor

Computational classes
Missing picture!

Maričić Katarina
Assistant - Master

Computational classes
Missing picture!

Golubović Gala
Teaching Associate

Computational classes