Osnove HTML-a i CSS-a - Besplatan kurs
36 lekcije
HTML
-
Introduction to HTML
38min
Free
-
Working with Typography
1h:30min
Free
-
Working with MULTIMEDIA
56min
-
Working with LINKS
44min
-
Working with LISTS
47min
-
Working with TABLES
34min
-
Working with FORMS
1h:28min
-
HTML 5 - Structuring content
1h:09min
-
HTML 5 - Structuring content - CHALLENGE
4min
-
HTML 5 - Structuring content - SOLUTION
24min
Design
CSS
-
CSS Introduction - linking to HTML
34min
-
CSS Debug tool
17min
-
CSS selectors, pseudo-class and pseudo elements
55min
-
CSS selectors and pseudo class - PRACTICE
9min
-
CSS - Working with tipography
31min
-
CSS - Aditional video for FontAwesome usage
6min
-
CSS - Working with fonts
41min
-
CSS - Colors
30min
-
CSS - BOX model
47min
-
CSS - Display property
55min
-
CSS - Float property
33min
-
CSS - Images and Backgrounds
51min
-
Display + Float practice
1h:28min
-
CSS - Position property
22min
-
CSS - Position practice
24min
-
CSS - Flex
46min
-
CSS Flex - PRACTICE
46min
-
CSS - Styling list
35min
-
CSS - Styling table
13min
-
CSS - Styling form
39min
-
CSS - Animation
42min
-
HTML + CSS Project
1h:34min
Working with Typography
Na ovom predavanju počinjemo sa ižučavanjem HTML tagova (elemenata). Krećemo od nekih prostijih stvari koji su većini poznate, a to je rad sa tekstom.
Naučićete kako na WEB strani da prikažete naslove i podnaslove (h1 -h6). Potom kako da pravilno prikažete pasuse teksta. U toku rada posvetićemo pažnju i isticanju odredjenih delova teksta. Objasnicu kako na WEB strani da prikažete podebljan teks(boldovan), iskošen, podvučen tekst. Pojasniću sta su to semantički elementi odnosno elementi koji pored vizuelnog prikaza da ju tekstu i na značenju.
HTML radi na principu "SINGLE WHITE SPACE" tj jedne beline. Tako da koliko god u vašem tekstu unosite razmaka i pritiskate ENTER to će se manifestovati kao jedna belina. Zbog ovog pravila pokazaću kako da napravite prelamanje teksta u novi red koristeći "BREAK" tag (br).
Pokušaću kroz primere da objasnim kako da prepoznate odredjene celine na HTML dokumentu i da ih grupišete sa odgovarajućim kontejner tagovima (DIV, SPAN).
U toku rada imaćete potrebu da na HTML dokumentu prikažete odredjene elemente teksta koje nije moguće uneti preko tastature i ti elementi se nazivaju specijalni karakteri (znak za copyright....)
I na kraju kada završimo rad neophodno je da se naš kod izvalidira, tj da se proveri da li negde u kodu postoje greške. Sa validacijom koda završavamo ovo predavanje.