Ovo je drugi dio video tutoriala iz male škole web dizajna. U ovom djelu obrađujemo CSS i završavamo stranicu koju smo počeli raditi u prvom dijelu ovoga tutoriala. Ovaj video traje skoro 2 sata. Pogledajte kako će izgledati stranica koju ćete napraviti pomoću ovog tutoriala.
Kliknite na link ispod “Pročitajte ostatak ovog unosa” radi više informacija i materijala za download, koji će vam trebati da uspješno završite ovu lekciju.
Pošto je Veoh.com prestao puštati pristup hrvatima na svoj sajt, morao sam premjestiti ove video tutoriale. Trenutno, se video nalazi na vimeo.com i čini mi se da je ovaj servis poprilično dobar, jedino ima nekih problema sa uploadom filmova, tako da je ovaj tutorial podignut, dok je drugi dio još na čekanju. Za razliku od Veoha ovdje ne morate skidati neke posebne finte da bi gledali ovaj tutorial. Ako tutorial želite skinuti u .AVI formatu, imate link odmah ispod video koji vodi na orginalnu stranicu i pri dnu te stranice, desno imate link za download.
Kliknite na link ispod “Pročitajte ostatak ovog unosa” radi više informacija i materijala za download, koji će vam trebati da uspješno završite ovu lekciju.
These icons link to social bookmarking sites where readers can share and discover new web pages.
U prošloj lekciji zadatak je bio da napravite da odlomci, odnosno p tagovi imaju gornji i donji obrub u crvenoj boji, da budu debljine 2px i da budu pune linije. Lijevi i desni obrubi će biti crtkani, debljine 5px i plave boje.
Možete kliknuti ovdje da vidite to rješenje. Sada kad smo to riješili, nastavljamo dalje, još uvijek imamo stranicu koja nam se zove prva.html i css koji nam se zove stil.css
These icons link to social bookmarking sites where readers can share and discover new web pages.
Zadnji puta smo stali na ovome. Znači napravili smo kostur naše stranice. Odnosno definirali smo strukturu stranice, kao što vidite, stranica baš i ne izgleda nešto posebno. Da bi ju malo uljepšali moramo se koristiti CSS-om. Ako nam je HTML kostur, onda bi CSS bio meso koje ćemo staviti na taj kostur, u dizajnerskom smislu, naravno.
These icons link to social bookmarking sites where readers can share and discover new web pages.
Uvod
Odlučio sam početi pisati ovu malu školu iz nekoliko razloga:
1. Zato što sam skužio da nisam objasnio dobro neke stvari u prva dva tutorijala.
2. Zato što želim napraviti jedan sveobuhvatni tečaj na ovim stranicama počevši od samih osnova pisanja koda pa do grafičkog oblikovanja web stranica u Photoshopu.
Lekcije će izlaziti barem jednom tjedno i bit će napravljene kao obični tekstualni ili kao video tutoriali, zavisi o temi lekcije. Naprimjer za ovu lekciju nije potreban video tutorial zato što se ovdje radi većinom o teoriji i mislim da je lakše pratiti ovako napisano nego kao video tutorial.
These icons link to social bookmarking sites where readers can share and discover new web pages.
Evo kao što sam obećao napravio sam video tutorial za izbornike i CSS. Ispričavam se odmah na kvaliteti zvuka i možda na još nekim problemima unutar videa. Imajte razumjevanja, ipak mi je ovo prvi ovakav tutorial.
These icons link to social bookmarking sites where readers can share and discover new web pages.
Uvod
Ovo je prvi dio u seriji tutoriala pomoću kojega ćete, nadam se naučiti osnove izrade web stranica bez korištenja tablica za vizualni izgled stranica. U ovome tutorialu ću pokazati kako napraviti početnu stranicu, koja će se sastojati od zaglavlja, dva stupca
i podnožja, znači nekakvu standardnu stranicu.
Ovaj web sajt je namjenjen svima koje zanima web dizajn i područja oko njega. Sajt je zamišljen kao mjesto na kojem se mogu pronaći razni resursi za dizajn web stranica, od tutoriala do besplatne grafike i predložaka.
