Pošto smo u prošloj lekciji odradili početnu stranu našeg sajta, u ovoj ćemo odraditi kontakt stranicu. Kontakt stranica sadržaće obrazac (form) u kojem bi korisnici sajta mogli da unesu poruku za vlasnika sajta, otprilike kao kontakt stranica ovog sajta. Da bi kontakt obrazac bio potpuno funkcionalan potreban je web server i php skripta koja će slati email tako da ćemo mi za sada odraditi samo izgled da bi se vi upoznali sa form i input elementima.
HTML/CSS za početnike #8 - Početna strana
U svim prethodnim lekcijama radili smo samo sadržaj koji se odnosi na sve stranice sajta. U ovoj lekciji krenućemo sa izradom sadržaja koji je specifičan za određenu stranicu. U prethodnoj lekciji i par lekcija pre toga bavili smo se isključivo CSS-om. U ovoj lekciji vratićemo se malo i na HTML.
Kao što naslov lekcije kaže u ovoj lekciji odradićemo polčetnu stranu. Početan strana može da ima različit sadržaj, na primer ako je u pitanju blog na početnoj strani su najčešće skraćene verzije postova, ako je u pitanju web prodavnica na početnoj strani najčešće budu akcije, sniženja... Pošto mi radimo sajt za svrhe učenja i sam sadržaj nam nije toliko bitan, stavićemo na početnoj strani neku poruku dobrodošlice.
HTML/CSS za početnike #7 - Oblikovanje teksta
U prethodnoj lekciji formatirali smo izgled stranice prema skici koju smo napravili u lekciji broj 3. Jedan od osnovnih sadržaja svakog web sajta jeste tekst, svaki posetioc sajta u najvećem broju slučajeva dolazi da bi nešto pročitao, pa zato treba veliku pažnju posvetiti stajlingu teksta, bilo da se radi o naslovima, navigacionim linkovima ili samom tekstualnom sadržaju. Mi ćemo u ovoj lekciji primeniti neke osnovne CSS atribute za oblikovanje teksta na tekst koji već imamo (naslov sajta, slogan, navigacija futer).
HTML/CSS za početnike #6 - Oblikovanje dokumenta
Pošto smo u prethodnoj lekciji (koja je bila pre mesec dana jer sam preskočio jedan termin zbog praznika) napravili uvod u korišćenje CSS-a, vreme je da nešto od toga primenimo na naš sajt. Ono što bi ja prvo uradio jeste oblikovanje dokumenta, odnosno pozicioniranje sekcija na HTML stranici.
HTML/CSS za početnike #5 - Uvod u CSS
Do sada smo se u ovoj seriji lekcija bavili isključivo HTML-om. U prethodnoj lekciji odradili smo neke sekcije našeg web sajta u HTML-u i pre nego što nastavimo sa izradom ostalih sekcija (unikatnih delova svake stranice) osvrnućemo se na stajling onoga što smo do sada odradili. Za stajling HTML elemenata zadužen je jezik koji se skraćeno naziva CSS. U ovoj lekciji napravićemo kratak uvod u CSS a od sledeće lekcije nadalje koristićemo paralelno HTML i CSS.
HTML/CSS za početnike #4 - Početak izrade stranice
Da se podsetimo, u prethodnoj lekciji smo isplanirali naš budući sajt i počeli sa popunjavanjem “tela” HTML dokumenta, tj. podelili smo stranicu na sekcije prema osmišljenom planu. Od ove lekcije počećemo sa ubacivanjem nekih elemenata koji će biti vidljivi preko pretraživača.
Kada se radi sajt koji ima više od jedne stranice najbolje je da se prvo odrade delovi na početnoj stranici koji su isti na svim drugim stranicama, pa da se onda ceo HTML početne stranice kopira u HTML dokumente ostalih stranica, i na kraju se na svakoj stranici posebno rade unikatni delovi.Mi ćemo u ovoj lekciji odraditi zaglavlje, podnožje i navigacioni meni.
HTML/CSS za početnike #3 - Planiranje web sajta
U prethodnoj lekciji videli smo kako izgleda osnova HTML dokumenta. U ovoj lekciji krenućemo sa popunjavanjem “tela” HTML dokumenta, odnosno “vidljive” web stranice. Međutim, pre nego što se krene sa samom izradom stranice, uvek je poželjno da se napravi osnovni plan izgleda web sajta.
HTML/CSS za početnike #2 - Struktura HTML dokumenta
U prethodnoj lekciji upoznali smo se sa HTML-om i naučili osnovnu sintaksu pisanja HTML tagova. U ovoj lekciji videćemo koji su to elementi koje svaka HTML stranica mora da sadrži i počećemo sa izradom prvog HTML dokumenta našeg web sajta.
HTML/CSS za početnike #1 - Uvod u HTML
U sledećoj seriji lekcija potrudiću se da apsolutnim početnicima na najlakši mogući način opišem izradu jednostavnog web sajta. Za izradu sajta pomoću ovih lekcija biće vam potrebna samo dobra volja i jedan program za obradu teksta kao što je Notepad, mada preporučujem naprednije programe kao što je Notepad++ za Windows korisnike i Geany za korisnike Linux sistema. Naravno biće vam potreban i internet pretraživač da bi mogli da pogledate rezultate vašeg rada. Pretraživači koje ja preporučujem su Firefox i Opera.
Pošto izrada svake web stranice kreće sa izradom HTML dokumenta i ja ću da krenem sa HTML-om.
Subscribe to:
Posts (Atom)