Mala škola web dizajna za totalne početnike – Lekcija 5 – Formovi

Mala škola web dizajna za totalne početnike – Lekcija 5 – Formovi

Evo napokon i peta lekcija iz “Male škole web dizajna”. Htio sam napraviti kraći tutorial i na kraju je ispao 44min. Al šta je tu je. U ovoj lekciji ćete naučiti napraviti formular preko kojeg će vas posjetitelji vašeg sajta moći kontaktirati. Za izradu formulara ćete koristiti HTML a nakon toga ćete ga urediti pomoću CSS-a.

Naučit ćete i četiri nova taga: form, label, input i textarea.

Pogledajte kako će to izgledati kada bude gotovo

Kliknite na link ispod “Nastavite čitati” da bi pogledali tutorial.


Link na orginalnu stranicu sa koje možete skinuti .AVI

Linkovi i download potrebnih materijala

Ovdje pogledajte kako izgleda web stranica koju ćemo napraviti

Ovdje skinite materijale i gotovu web stranicu u .zip formatu.

Za sva pitanja koristite sustav komentiranja ispod.

Povezani članci

  • Pingback: ukusno.com

  • http://www.hsp-bih.ba hsp bih

    Evo stavio sam na download ovaj filmić. Znači kada netko unese podatke u ove obrasce, doći će nama u obliku e-maila ili sl.? Nisam još pogledao film, a nestrpljiv sam da saznam:) Hvala još jednom na znanju koje dijeliš s nama!

  • http://www.hsp-bih.ba hsp bih

    Primijetio sam da ova forma malo drugačije izgleda u pregledniku Opera nego u Firefoxu i IE … još sat vremena moram čekati da mi se downloada pa ću uživati u tutorijalu ;)

    Evo scana iz Opere:

    http://img02.picoodle.com/img/img02/3/10/27/f_limetaoperam_a0ca211.jpg

  • http://www.hsp-bih.ba hsp bih

    Ok, sad mi je jasno da postoji nastavak tutorijala … odlično to radiš!

  • Pocetnik

    Dali bi se mozda moglo znati kad ce nastavak ?

  • Ivan

    U idući četvrtak :)

    Pozdrav

  • http://www.hsp-bih.ba Mario

    Sretna nova godina! Nestrpljivo očekujem nastavak ovog tutorijala!

  • http://... aleksa

    pozdrav tutoru.
    imam problem. kada sam zavrsio dokument u html-u paralelno sa tutorialom,poceh da oblikujem u css-u i tu je zapelo. u prozoru browsr-a nema nista osim edit bro. . kada odredim(bilo koji od popularna dva )nista se ne promeni. i dalje prozorcic ostane prazan ez browser-a. naravnojasno ti je da nema ni rezultata…
    molim te predlozi nesto?

  • Mario

    Nestrpljivo očekujem nastavak tutoriala gdje ću naučiti tu formu upogoniti da radi…
    Jel ima šanse da to bude uskoro? hvala

  • miroslav

    Pozdrav ivane…evo skinuo sam tvoje tutoriale o html i css i baš sam se zaintresovao oko ovih stvari…lepo si sve objasnio no nije mi jasno oko linkovanja neke stvari:1-Kako napraviti recimo da na naslovnoj strani stoji naziv linka recimo “škola webdizajna” a da link bude tvoj blog recimo…2-Kako da mi linkovi funkcionišu da idem sa linka na link tj da se vraćam na onu stranicu na koju sam hteo..eto toliko i pozdrav od mene…

  • miroslav

    Još da kažem da radim u Notepad ++ i pitam dali će biti neki tutorial o javaskript-u jer predpostavljam da moram i to znati pored html i css.
    Moram još da kažem da je program notepad ++ extra sviđa mi se što se lepo vidi šta sam uradio jer je obojeno..imam i dreamweaver ali više mi se sviđa notepad za početak..i ako može savet šta još treba da znam osim html i css. Predpostavljam da ima još dosta naredbi u html i css…

  • miroslav

    Evo odmah da ti javim da sam sam provalio kako da se prebacujem sa stranice na stranicu i ono za naslov..tako da se nemoraš truditi…E sad kako postaviti search dugme..i kako da dugačak teskst smestim u tako reći neku kutiju da mi neprelazi preko ivica????

  • Quattro

    Oce biti nastavka ovog tutorijala? (kontakt.php)

  • Quattro

    moja greska, nasao sam nastavak.
    Jos jednom Izvinjenje.