Osnove HTML-a i CSS-a - Besplatan kurs

37 lekcije

Introduction to HTML

Na uvodnom delu ovog predavanja objasnicu sta tačno predstavlja posao frontend developera u procesu izrade jednog WEB sajta kroz paralelu izrade jedne kuće.

Potom ću kratko proći kroz istoriju razvoja HTML-a.

Nakon toga pokrenućemo NetBeans i objasniti rad u njemu. Pokazaću kako se kreira jedan HTML projekat.Objasniću kako se otvara već postojeći projekat i kako se u okviru projekta dodaju različiti elementi (folderi i html fajlovi).

Nakon kreiranja projekta objasnicu na primeru koje su osnovne celine HTML dokumenta:

DOCTYPE
HTML
HEAD
BODY

Objasnicu svaki od njih i koji su elementi koji se mogu naći u okviru svakih od ovih elemenata. Pokušaću ukratko da objasnim semantiku pisanja HTML koda.

Materijali

Download presentation of the lesson Download material after lesson

Osnove HTML-a i CSS-a - Besplatan kurs

Uvod u kurs

Working environment - LINUX

Working environment - WINDOWS

Working environment - Mac OS X

HTML

Introduction to HTML

Working with Typography

Working with MULTIMEDIA

Working with LINKS

Working with LISTS

Working with TABLES

Working with FORMS

HTML 5 - Structuring content

HTML 5 - Structuring content - CHALLENGE

HTML 5 - Structuring content - SOLUTION

Design

Figma - Manual

CSS

CSS Introduction - linking to HTML

CSS Debug tool

CSS selectors, pseudo-class and pseudo elements

CSS selectors and pseudo class - PRACTICE

CSS - Working with tipography

CSS - Working with fonts

CSS - Colors

CSS - BOX model

CSS - Display property

CSS - Float property

CSS - Images and Backgrounds

Display + Float practice

CSS - Display + Float CHALLENGE

CSS - Display + Float SOLUTION

CSS - Position property

CSS - Position practice

CSS - Flex

CSS Flex - PRACTICE

CSS - Styling list

CSS - Styling table

CSS - Styling form

CSS - Animation

HTML + CSS Project

Introduction to HTML

Materijali