Osnove HTML-a i CSS-a - Besplatan kurs

37 lekcije

Display + Float practice

Na ovom predavanju odradićemo analizu projekta na samom početku a potom i iskodirati naslovnu stranicu projekta BUSSINESS ACCADEMY.

Dizajn ove stranice se nalazi na figma.

Link do dizajna:

https://www.figma.com/proto/0pMgur9Ia7i0fV1VW8FGKs/Business-Academy?page-id=0%3A1&type=design&node-id=1-3&viewport=171%2C203%2C0.1&t=86WGltPaOJF8SfUs-1&scaling=min-zoom

U radu ćemo koristiti do sada izučeno gradivo.

Materijali

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

Display + Float practice

Materijali