Osnove HTML-a i CSS-a - Besplatan kurs
37 lekcije
HTML
-
Introduction to HTML
38min
Free
-
Working with Typography
1h:30min
Free
-
Working with MULTIMEDIA
56min
Free
-
Working with LINKS
44min
Free
-
Working with LISTS
47min
Free
-
Working with TABLES
34min
Free
-
Working with FORMS
1h:28min
Free
-
HTML 5 - Structuring content
1h:09min
Free
-
HTML 5 - Structuring content - CHALLENGE
4min
Free
-
HTML 5 - Structuring content - SOLUTION
24min
Free
Design
CSS
-
CSS Introduction - linking to HTML
34min
Free
-
CSS Debug tool
17min
Free
-
CSS selectors, pseudo-class and pseudo elements
55min
Free
-
CSS selectors and pseudo class - PRACTICE
9min
Free
-
CSS - Working with tipography
45min
Free
-
CSS - Working with fonts
34min
Free
-
CSS - Colors
30min
Free
-
CSS - BOX model
47min
Free
-
CSS - Display property
55min
Free
-
CSS - Float property
33min
Free
-
CSS - Images and Backgrounds
50min
Free
-
Display + Float practice
1h:53min
Free
-
CSS - Display + Float CHALLENGE
13min
Free
-
CSS - Display + Float SOLUTION
1h:28min
Free
-
CSS - Position property
22min
Free
-
CSS - Position practice
24min
Free
-
CSS - Flex
46min
Free
-
CSS Flex - PRACTICE
1h:10min
Free
-
CSS - Styling list
35min
Free
-
CSS - Styling table
13min
Free
-
CSS - Styling form
39min
Free
-
CSS - Animation
42min
Free
-
HTML + CSS Project
1h:52min
Free
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.