Osnove HTML-a i CSS-a - Besplatan kurs

37 lekcije

HTML + CSS Project

Na ovom času ćemo kroz jedan projekat ponoviti do sada izučeno iz HTML i CSS. Projekat na kome ćemo raditi ima ime IT COMPANY.

LINK DO PROJEKTA

https://www.figma.com/file/ofxOcrhrh01WGQJ2EgW56i/It-Company?type=design&node-id=2-92&mode=design&t=zwfdWGrWWdhnjceZ-0

Neophodno je izanalizirati projekat, pogledati fontove, podesiti globalni stil.

Nakon toga je neophodno prevesti dizajn u HTML+CSS kod tako da sajt izgleda kao po dizajnu.

Za početak rada neophodno je skinuti materijal za lekciiju koji je projekat.

Materijali

Download material before 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

HTML + CSS Project

Materijali