Vai al contenuto
Il mio profilo

Insegnamento

Introduzione alle tecnologie web

Obbligatori5 ECTS2° semestre60 h di didatticaLingua di insegnamento: croato

Descrizione dell'insegnamento

La descrizione del corso è disponibile solo in croato.

  • Motivacijsko predavanje i uvod u jezike za obilježavanje
  • Budućnost weba
  • Internetsko poduzetništvo
  • Razvoj weba i jezika za web
  • Ovjeravanje
  • Osnove izgradnje mrežnih stranica
  • Tehnologije za izradu mrežnih stranica
  • Osnovna sintaksa
  • Apsolutne i relativne poveznice
  • Preuzimanja
  • Osnovni statistički pokazatelji o webu
  • Zaglavlje i metapodatci
  • Striktni, tranzicijski i okvirni način rada
  • Kraj retka
  • Poredak bajtova (BOM)
  • Rad sa slikama
  • Usklađivanje teksta i slika
  • Vanjske poveznice (sidrišta)
  • Okviri
  • Adresne sličice
  • Odlomci
  • Liste
  • Znakovna prikazba i podrška za hrvatske znakove
  • Preusmjeravanja
  • Unutarnji okviri
  • Sidrenje u različitim okvirima
  • Tablice i modifikacije
  • Obrasci HTML-a
  • Značajke semantičkoga weba, aspekt sadržaja (content) i izgleda (layout) i njihova međusobna veza
  • Uvod u CSS
  • Smještaj koda u CSS-u i odnos prema HTML-u
  • Klase
  • Identifikatori
  • Pozadinski, tekstni, fontni, poveznički i listni obilježivači
  • Rastuća i padajuća crta
  • Model kutije
  • Blokni i redačni elementi
  • Div i span
  • Pokazivači
  • Obrubi, rubovi i popune
  • CSS Media
  • Types
  • CSS prioriteti
  • Ispitivanje kvalitete mrežnih stranica: ACID
  • Pingdom, W3
  • Validator
  • Nibbler, GTmetrix
  • Neprelamajući razmak
  • Prebirnici
  • Jedinice i mjere u CSS-u
  • Dimenzioniranje
  • Klasificiranje
  • Relativno, apsolutno i fiksno pozicioniranje
  • Uvjetovani komentari za
  • Internet
  • Explorer
  • Raspored elemenata na mrežnoj stranici i osnovni dizajn
  • Izrada vodoravnih i okomitih izbornika
  • Stilizacija poveznica i roll-over efekti
  • Plutanje – osnovni i napredni aspekti
  • Tehnologija responzivnoga dizajna mrežnih stranica (RWD)
  • Pseudoklase i pseudoelementi
  • Lorem ipsum
  • Dodatak
  • Firebug za
  • Mozillu
  • Firefox
  • Slikovna navigacija i rad sa slikovnim isječcima
  • Tehnike zaobljivanja uglova
  • Sjene
  • Optimizacija koda i slika
  • Kombiniranje obilježivača
  • Centriranje
  • URI
  • Uvod u HTML5, podrška prebirnika i budućnost kodiranja strukture na webu
  • Videokodeci i videoformati
  • Audiokodeci i audioformati
  • Pretvorba
  • Flasha u HTML5
  • Ubacivanje videoelemenata, audioelemenata i geolokacija
  • Uvod u CSS3, podrška prebirnika i budućnost kodiranja dizajna na webu
  • Prebirnički prefiksi
  • Sjenčanje, zaobljivanje uglova, prozirnost, tekstni efekti, prijelaznost
  • Izrada izbornika u CSS3
  • Pozicioniranje s pomoću rešetaka
  • Validacije mrežne stranice
  • Modernizr
  • Mrežni fontovi i formati
  • Tehnologije za daljnje učenje (JavaScript, Dart, Spark, serversko orijentirani programski jezici, SEO)
  • Izrada strukture stranice tehnikom flexbox

Risultati di apprendimento

I risultati di apprendimento sono mostrati in inglese.

  1. ability to distinguish between different languages used for designing Web sites (HTML 4 and 5, CSS 2 and 3); to get familiar with the languages through their theoretical and practical usage, in the ability context of markup languages i upoznati ih kroz njihovu teoretsku i praktičnu dimenziju te u širem kontekstu jezika za obilježavanje (markup languages)
  2. ability to write a code in (X)HTML and in CSS and design a Web page to meet the requests of the W3C validation, contemporary code presentation of characters, basic design, functionality and standards of a semantic Web
  3. ability to design a webpage and to arrange the code elements of a Web page using various techniques: tables, frames, margins, positioning, floating and grids.
  4. ability to understand why in certain cases one and the same code is shown differently in different browsers; to understand the way in which a browser displays a Web page; to understand how to avoid problems
  5. ability to compare different criteria which determine the quality of Web sites (benchmark and validation tests).
  6. ability to evaluate tools used for Web site design (browsers, plugins, code editors, office applications and packages, graphical user interfaces, etc.).
  7. ability to take a critical attitude towards technologies used in the Web site design (videocodecs, audiocodecs, open-source software or platform, the future of HTML and CSS, etc.) .
  8. ability to anticipate the direction of the development of the technology of data display on the Web using HTML5 and CSS3.
  9. identify future technologies on Web (operating systems on the Internet, a close connection between application software and Web sites, design with multi-resolution interfaces etc.
  10. ability to identify a need for general computer literacy.
  11. ability to identify inconstancy of contemporary web technologies and identify a need for continuous improvement.
  12. ability to give students directions on which knowledge sources to use (printed materials, Internet sources, turorials, etc.).
  13. ability to plan one's own advancement in JavaScript, server-oriented programming languages and other technologies.
  14. suggest to plan business career by opening own startup company.
  15. ability to integrate more Web pages into Web site and connect them with absolute and relative links.
  16. ability to prepare and optimize images and photos for Web site; choose a suitable format.
  17. ability to formulate webpage key words and to set metadata.
  18. ability to design horizontal or vertical navigation bar, adjust it to a webpage content and ability to know how to code it.
  19. ability to create a Web page adapted to the needs of different browser width layout or media.
  20. ability to link multimedia elements into a Web page (audio, video, web mapping services).
  21. create visual effects for enriching user experience of web site

Bibliografia

Bibliografia obbligatoria

  • Recenzirana skripta iz kolegija.
    Prezentacijska skripta s predavanja objavljena na stranicama kolegija.
    Poglavlja W3Schoolsa s e-tutorijalima o HTML-u, XHTML-u i CSS-u (http://www.w3schools.com/).
    M. MacDonald, HTML5 – The Missing Manual, O'Reilly, 2014.; 2. D.S.McFarland, CSS3 – The Missing Manual, O'Reilly, 2013.
    (eng: Reviewed course textbook. Lecture presentation notes (PDF) downloadable on course webpage. W3Schools e-tutorial chapters about HTML, XHTML and CSS (http://www.w3schools.com/
    M. MacDonald, HTML5 – The Missing Manual, O'Reilly, 2014.
    D.S.McFarland, CSS3 – The Missing Manual, O'Reilly, 2013. ).

Titolari dell'insegnamento 2

Docenti dell'insegnamento 3

Appelli d’esame

Le date per questo anno accademico non sono ancora state pubblicate. L'anno scorso si sono svolte:

entro 10 giorni fino a 30 giorni più tardi svolte
Fonte: ISVU. Un clic sulla data apre Studomat per l'iscrizione all'esame; lì verifica anche eventuali modifiche.