Osnove HTML-a i CSS-a | Vodič za početnike u web dizajnu
Osnove HTML-a i CSS-a – HTML I CSS, temeljni su jezici na kojima počiva vaša web stranica. HTML opisuje strukturu a CSS opisuje stilizaciju web stranice, tako da na osnovu njih web tražilica prikazuje ono što su oni opisali.
U ovom vodiču upoznajemo se s osnovama HTML-a i CSS-a kao jezicima koji su neophodni za pravilno prikazivanje web stranica na tražilicama. Na osnovu njihovog opisa web preglednik vam prikazuje web stranicu, stoga upoznajte kada se prvi put spominju, šta oni rade i na koji način te vidite praktične primjere i vježbe.
Piše Almir Đuhera
Objavljeno, 30.12.2024.godine
Citat:“Dizajn nije samo kako nešto izgleda i kako se osjeća. Dizajn je kako nešto radi.” Steve Jobs
Sadržaj
- Uvod
- Uvod u HTML: Osnovni elementi i struktura
- Uvod u CSS: Stiliziranje-web-stranice
- Praktične vježbe i primjeri
- Zaključak
Želite li biti profesionalac u svom poslu onda pratite trendove koji pomiču granice napretka. Stoga svaki vrhunski web dizajner teži da unaprijedi svoje znanje i vještine. U ovom lkanku pišemo o najnovijim trendovima sa kojima bi bilo poželjno se upoznati. Upoznajte se s njima , možda neki od njih poželite implementirati u sljedeći svoj projekat.
Uvod
Web dizajn je dinamično polje a čiji temelj su HTML i CSS. Želite li postati profesionalac u web dizajnu onda ćete morati naučiti osnove HTML-a i CSS-a, a onda krenuti putem usavršavanja znanja i prikupljanja vještina ali i stjecanja expertskog znanja kako biste dosegli vrh.
U biti najvažnije je kroz praksu stjecati i znanje i vještinu jer to je najsigurniji put koji vodi ka vrhu web dizajna. Stoga kroz ovaj vodič koji se sastoji od uvodnog i praktičnog dijela nastojimo da vam taj put olakšamo.
Nadamo se da ćete biti zadovoljni informacijama i primjerima koje navodimo u nastavku članka.
Ovo je priča o Jeffrey Zeldmanu, pioniru web dizajna, koji se nakon 10 godina u drugim oblastima rada, preusmjerio u svijet web dizajna i svojim promišljanjima postavio određene web standarde koji se i danas poštuju.
Uvod u html: Osnovni elementi i struktura
HTML (Hypertext Markup Language) je osnovni jezik za izradu web stranica. Njegova glavna zadaća je struktuiranje sadržaja na web stranici. Dakle, HTML opisuje strukturu web stranice.
HTML je jezik koji je lagan za učenje ali i jednostavan za upotrebu. U osnovi HTML opisuje web pregledniku kako da prikaže Hipertekst.
Tim Berners-Lee je pionir HTML-a, u čijem dokumentu HTML Tags se spominje prvi put krajem 1991.godine.
Osnovni elementi HTML-a:
- Deklaracija dokumenta: <!DOCTYPE html>
- Korijenski element: <html>
- Sadrži meta informacije: <head>
- Naslov stranice: <title>
- Glavni sadržaj stranice: <body>
Struktura HTML dokumenta:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Osnove HTML-a i CSS-a: Vodič za početnike</title>
</head>
<body>
<h2>Dobrodošli u svijet HTML-a i CSS-a</h2>
<p>HTML je jezik za struktuiranje sadržaja na webstranici</p>
</body>
</html>
Osnovni pojmovi i alati
Web dizajn je dinamičan svijet koji se uvijek kreće ka naprijed. Stoga ako ste odlučili da zaplovite svijetom web dizajna preporučujemo da krenete iz luke osnova. Upoznajte se s web dizajnom kroz osnovne pojmove i alate.
“Uvod u CSS: Stiliziranje web stranice”
Šta je CSS?
Cascading Style Sheets (CSS) je jezik koji se koristi za stiliziranje i uređenje izgleda web stranica. Dok HTML pruža strukturu i sadržaj, CSS je zadužen za vizualni aspekt i prezentaciju, omogućavajući web dizajnerima i developerima da prilagode izgled stranice prema vlastitim željama i potrebama.
Ko je prvi predstavio CSS?
CSS je prvi put predstavljen 1996. godine od strane Håkon Wium Lie-a i Bert Bos-a. Wium Lie, tada zaposlenik u CERN-u, imao je viziju kako stilizirati web stranice koristeći odvojene stilove, što je dovelo do razvoja CSS-a u suradnji s Bert Bos-om i World Wide Web konzorcijumom (W3C).
Osnovni pojmovi CSS-a
• Selektori: Definiraju koje HTML elemente ćemo stilizirati.
• Svojstva (Properties): Određuju koje će karakteristike biti primijenjene na odabrane elemente (npr. boja, font, veličina).
• Vrijednosti (Values): Specifične postavke za svako svojstvo (npr. boja može biti definirana kao #A8E6CF).
.
Kako izraditi web stranicu u WordPresu? Upoznajte se kroz ovaj kompletan vodič s izradom web stranice od nule pa do njenog postavljanja na WordPress.
Praktične vježbe i primjeri
Vježba: Kreiranje vlastite web stranice
Napravite jednostavnu web stranicu koristeći HTML i CSSS.Eksperimentirajte s različitim rasporedima i stilovima
WordPress je platforma koja drži 40% tržišta. Stoga možemo zaključiti da većinu postavljenih web stranica pokreće WordPress pa žašto ne biste onda i vi postavili vašu web stranicu na ovu besplatnu platformu. U članku “Kako krenuti s WordPressom: Instalacija i osnovne postavke“, saznajte kako instalirati WordPress i njegove osnovne postavke.
Zaključak
HTML daje strukuturu i sadržaj, dok CSS omogućava dodavanje boja, fontova, rasporeda i drugih stilskih elemenata a na osnovu kojih web preglednik prikazuje web stranicu onako kako su je opisali HTML i CSS a koja trebalo bi da se prikazuje svugdje na isti način bez obzira na vrstu preglednika ili uređaj korištenja.
Hvala vam na čitanju članka “Osnove HTML-a i CSS-a | Vodič za početnike u web dizajnu”, Nadamo se da ste dobili korisne informacije.Ako vam se članak svidio molimo podijelitega s prijateljima na mreži.
Hvala unaprijed na dijeljenju sadržaja.
Istraži po kategoriji
- Astroloski savjeti za poslovni uspjeh
- Uticaj marsa na naše dnevne aktivnosti
- Pun Mjesec u Ovnu: Snažna energija promjena (17.10.2024)
- Koju hranu trebate konzumirati na Jupiterov dan
- Kako iskoristiti Jupiterov dan za lični rast
- 10 top osobina rođenih u znaku Vodenjaka
- Vodenjak i karijera | Poslovi za inovativnog duha
Preporučujemo
