Uvod u web dizajn

Uvod u web dizajn

Responzivnost web stranice nekad i danas, što je web sjedište a što web stranica, što je hosting a što domena? Objašnjenje u nastavku… 

Tema iz web dizajna: Uvod u web dizajn:

 

Responzivnost web stranice nekad i danas.

 

Izrada internet stranica je u relativno kratkom vremenu od cca 30tak godina(1990-2022) doživjela veliki napredak. Nekada su se web stranice radile i bile prikazivane samo na kompjuteru, no sa pojavom pametnih telefona i tableta se promijenio i način izrade web stranica. Internet stranice su postale responzivne.

Po mom mišljenju to je jedno od bitnijih promjena do kojih je došlo, jednostavno se omogućilo pravilan prikaz Internet stranica i prilagodba sadržaja na različitim uređajima.

 

Što znači kad se kaže da je Internet stranica responzivna? Što se promijenilo u pristupu izrade web stranica sa pojavom responzivnosti web stranica?

 

U početku su se internet stranice radile za neku određenu širinu ekrana u pikselima, npr. 1024px jer je u to vrijeme bio standard rezolucije desktop monitora 1024 x 768 px. Kad bi se takve stranice prikazivale na užim ili širim monitorima tada se stranica ne bi prikazivala ispravno, odnosno bila bi uža ili šira od ekrana.

 

U slučaju da je web stranica bila manja od širine ekrana u pozadini bi se prikazivala pozadinska boja <body> elemenata unutar kojeg se definira sav prikaz sadržaja web stranice. Ukoliko nije definirana boja za body element tada se prikazuje bijela boja.

U slučaju da je web stranica bila veća, tada bi se pojavio „slider“ i moralo bi se pomicati lijevo desno za prikaz cijele stranice kao što je to slučaj sa gore – dolje prikazom web stranice.

 

Responzivna stranica prilagođava prikaz sadržaja na različitim dimenzijama ekrana i veličina strukturnih elemenata se definira u postotcima: %.

Jednostavno rečeno, sadržaj stane na širinu ekrana na kojem se web stranica prikazuje i sadržaj se može prilagođavati različitim širinama ekrana i pri tome se mogu prilagođavati css stilovi s kojima se definiraju boje, fontovi, veličine fontova i elemenata itd.

 

Stranice koje nisu responzivne: definiranje širine strukturnih elemenata u pikselima (px).

Stranice koje su responzivne: definiranje širine strukturnih elemenata u postotcima (%).

 

Responzivne stranice osim što se definiraju u postotcima (%), također imaju i dodatno css pravilo s kojim se definira breaking point web stranice.

Breaking point služi da se na definiranoj širini izgled web stranice promijeni. Sadržaj ostaje jednak ali izgled sadržaja kako se prikazuje se može promijeniti.

 

 

Primjer:

 640px je breaking point.

 

Maksimalna širina 640 px (sve ispod 640px):

 @media screen and (max-width: 640px){

                Ovdje se definiraju css pravila za elemente

}

 

Minimalna širina 640 px (sve iznad 640px)

 @media screen and (min-width: 640px{

                Ovdje se definiraju css pravila za elemente

}

 

Moguće je definirati širinu za prikaz na uređajima od – do:

npr. od 320px do 640px.

 

Primjer:

 @media screen and (min-width: 320px) and (max-width: 640px) {

                Ovdje se definiraju css pravila za elemente

}

Prikaz web širina 01
Prikaz web širina 02
Prikaz web širina 03
Prikaz web širina 04
Prikaz web širina 05
Prikaz web širina 05

Što je web sjedište a što je web stranica?

 

Vrlo jednostavno je definirati web sjedište i web stranicu. Web sjedište je skup web stranica koje se prikazuju na nekoj Internet adresi (npr. www.zadarko.hr).

web screenshot

 

U ovom slučaju web sjedište je skup svih web stranica koje su spojene poveznicama (linkovima) u jednu logičku cjelinu.

 

Web stranice su:

 

Naslovna (www.zadarko.hr)

Djelatnosti (www.zadarko.hr/djelatnosti/)

Projekti (www.zadarko.hr/projekti/)

Kontakt (www.zadarko.hr/kontakt/)

Blog (www.zadarko.hr/blog/)

Webshop (www.zadarko.hr/webshop/)

Gdpr (www.zadarko.hr/gdpr/)

 

S vremenom je postalo uobičajeno da se kaže izrada web stranice kad se misli na izradu web sjedišta.

 

Hosting i domena.

 

Da bi se neka web stranica prikazala na internetu, potrebno je imati domenu i hosting za nju.

 

Domena je neka adresa pod kojom se prikazuje web stranica. Domene imaju različite nastavke.

 

Postoje globalne domene i lokalne.

 

Neke od globalnih domena su: .com, .org, .net, .xyz …

Lokalne domene su domene za države. Za hrvatsku lokalna domena je .hr. Neke od lokalnih domena su: .hr, .us, .rs, .ge, .uk …

 

Hosting je računalo – poslužitelj (eng. Server) –  koji pruža mjesto za spremanje podataka i koje je spojeno na internet putem neke adrese.

Hosting domena

Jednobojne folije Mactac i rezač folije Summa D60

Jednobojne folije Mactac i rezač folije Summa D60

Danas u svijetu postoje različite folije sa različitim svojstvima. Vrsta folije i njezina svojstva ovise o namjeni za koje se namjerava koristiti folija.

Jedna od vrsta folija koje postoje su jednobojne folije, čija namjena može biti različita. Namjena kao što su aplikacija folije na ravne ili zakrivljene površine. Površine mogu biti različite kao što su staklo, metal, zid (beton, cigla), asfalt, drvo, tkanina itd.

 

 

Primjer printane folije za zid
Folija zid

Primjer rezane jednobojne folije
Rezana folija

Ovisno o površini se mijenjaju svojstva folije. Neke folije imaju jača ljepila, neke folije imaju slabija ljepila. Osim jakosti ljepila se razlikuje i sama struktura folije. Struktura folije definira vezanje molekula unutar folije te iz tog razloga imamo folije koje se klasificiraju kao monomeri (svaka molekula je zasebna), polimeri (dvije molekule su međusobno povezane) i cast (dvije i više molekula su međusobno povezane).

Struktura molekula folije: 

a) Monomer     b) Polimer     c) Cast

Strukture folija

 

Uz ljepila i strukturu elemenata unutar same jednobojne folije imamo još dva svojstva koja definiraju kakva će biti folija. Jedno svojstvo je boja folije a drugo svojstvo je površina folije koja može biti mat ili sjaj.

 

Jednobojne folije mogu biti u različitim bojama i tonovima određene boje koje definira proizvođač. Proizvođači folija imaju običaj napraviti RAL kartu sa uzorcima boja i njihovih pod tonova.

 

Jednobojne folije Mactac – MACal 9800 PRO, 9300 PRO, 8900 PRO

S obzirom da imam RAL kartu sa uzorcima MACTAC folija, ja ću govoriti o njihovim uzorcima boja te pobliže objasniti o kakvim je folijama riječ.

 

Najkvalitetnija folija iz asortimana Mactac je MACal 9800 PRO. Trajnost ove folije je po tvrdnji proizvođača između 8 i 10 godina ovisno o vremenskim uvjetima – podneblju na kojem se folija nalazi. Najbitnija stavka koja utječe na trajnost folije je njezina izloženost suncu, odnosno UV spektru svjetlosti.

 

 

Mactac – MACal 9800 PRO
mactac 9800 pro

 

Mactac 9800 PRO je polimerna folija koja ima odličnu strukturalnu stabilnost. Napravljena je tako da bi služila za ručno i strojno rezanje koje može biti do milimetarskih detalja. U slučaju aplikacije na velike plohe – površine, ova folija ima odličnu strukturalnu izdržljivost.

 

RAL karta ima 107 različitih boja od kojih su sve folije sjajne osim crne, bijele, plave, crvene i žute koje su i u mat varijanti.

 

Debljine folija su 66 µm. Kad se folija aplicira na površinu ona je već nakon par minuta dobro prihvaćena za površinu. Potpuna strukturalna stabilnost varira od 20 minuta do 7 dana ovisno o materijalu na koji se aplicira i vremenskim uvjetima.

 

Da bi se folija uspješno aplicirala, površina na koju se folija aplicira treba prethodno očistiti od masnoća i prljavštine. Kad je površina dobro pripremljena tada folija ima bolju prihvatljivost i vijek trajanja.

 

Sljedeća vrsta folije i RAL karte sa folijama je Mactac – MACal 9300 PRO. Razlika između 9300 PRO i 9800 PRO nije velika.

 

Ovo su neke od razlika:

9300 PRO: Trajnost 7 – 8 godina.              9800 PRO: Trajnost 8 – 10 godina.

9300 PRO: Boje – 60 varijanti.                    9800 PRO: 107 varijanti.

9300 PRO: Debljina – 66 µm.                      9800 PRO: Debljina – 70 µm.

 

 

Mactac – MACal 9300 PRO
mactac 9300 pro

Oba dvije vrste folija: 9800 PRO i 9300 PRO su polimerna sa odličnom strukturalnom stabilnošću. Ono što je eventualno presudno kod odabira jedne ili druge folije je njihova trajnost i cijena.

 

Posljednja vrsta folije koju ću navesti je iz serije Mactac PRO je MACal 8900 PRO.

 

Ova folija je monomerna i samim time je njezina trajnost manja. Iako ima odlična svojstva,  njezina trajnost na otvorenim prostorima je 3 – 4 godine.

 

Mactac – MACal 8900 PRO
mactac 8900 pro

 

 RAL karta sadrži 77 različite boje od kojih je 28 sjajno i 49 mat. Područje primjene – aplikacije ove folije je kao i kod prethodnih navedenih folija, a to su: vanjske i unutrašnje ravne površine kao što su staklo, pleksiglas, metal, te ostale čvrste površine koje ne propuštaju tekućinu i vlagu.

 

Namijenjeno za dizajn interijera i eksterijera,  putokaze, reklame i označavanje, arhitekturne grafike, prozorske grafike, vozila, plovila, avioni, svjetleće kutije, izloge.

 

Za više informacija pogledati: https://www.mactac.com/

REZAČ FOLIJA – Summa D60.

Jedan od kvalitetnijih rezaća folija na tržištu danas su rezaći folija kompanije Summa. Rezać folije Summa D60 je verzija rezaća sa širinom rezanja cca 60 cm. Postoje i varijante sa većom širinom rezanja do 160 cm.

 

Summa D60
mactac 8900 pro

Summa D60 je rezač folija koji se odlikuje svojom brzinom, stabilnošću i preciznošću. Ima mogućnost rezanja folija direktno sa računala putem programa. Ovaj rezač folija također može konturno rezati prethodno printane folije no tada je potrebno na printu postaviti marke za rezanje kako bi se pravilno očitala rezna linija koja je postavljena za rezanje.

 

Postoje još neke opcije na rezaču kao što su podešavanje brzine, dubine, pomak na krajevima reza, mogućnost rezanja užih folija itd.

 

 

Summa D60
summa-1
summa-2

 

 Moj obrt Zadarko koristi jednobojne Mactac folije kao i Summa rezać folije.

 S njima je moguće izrađivati različite natpise (reklame, registracije za brod, informativne table) kao i oslikavati različite površine (vozila, plovila, izlozi itd.)

 

 Za više informacija može se pogledati ovdje: https://www.zadarko.hr/

Dobrodošli na blog

Dobrodošli na blog

Ovdje se mogu naći novosti i obavjesti o nama a ponekad će biti objavljen i neki zanimljiv članak o raznim temama iz tiska, grafičkog dizajna i web dizajna.

Pisat ću o nekim novostima iz svijeta grafičke tehnologije, grafičkog dizajna i web dizajna. Također ću pisati o tisku, materijalima koji se koriste za tisak i opčenito o nekakvim informacijama vezano za ovu struku (firme, strojevi, sajmovi, nove tehnologije itd.).

Pin It on Pinterest