Web Dnevnik

Web dizajn, izrada web stranica


19.11.2017

Zadnja promjena 11:01:52 AM GMT

Dreamweaver contact form, kontakt forma

U ovom ćemo tutorijalu pokazat kako u Dreamweaveru napraviti jednostavn kontakt obrazac. Kontakt obrazac služi kako bi vam se klijenti mogli porukom obratiti preko vaše web stranice.

Kreirajte svoju kontakt formu

1. Pokrenite Dreamweaver i odaberite novi dokument...

2. Otvorite karticu Insert > Form > Form, u ovom koraku ste vašem obrazcu stavili okvir...

 

 

3. Sada slijedi ubacivanje prvog tekstualnog polja, otvorite Insert > Form > Text Field...

4. Otvara se kartica za svojstva tekstualnog polja,

ID stavljamo malim slovima i dajemo naziv kao naziv Label, Positions na govori gdje sami naziv želimo pozicionirati i odaberemo OK...

 

5. Na isti način dodamo i ostala tekstualna polja s nazivima po želji, obično se stavlja Ime i Prezime; Adresa; Broj telefona; E-mail, ali možete staviti nazive po želji..

6. Nakon što ste postavili sva tekstualna polja, treba se postaviti Textarea, odnosno prostor za pisanje teksta, gdje će posjetitelji moći pisati napomene ili upite, otvorite Insert > Form > Textarea..

7. Otvara se isti prozor kao kod odabira tekstualnog polja te popunjavamo potrebne podatke...

 

8. Nakon ubacivanja prostora, potrebno je ubaciti linkove pošalji i poništi, odaberete Insert > Form > Button...

 

9. Otvara se prozor gdje upisujete naziv linka, u ovom primjeru link Pošalji...

 

10. Na isti način radite link Poništi...

11. Linkovima Pošalji i Poništi u njihovom properties panelu određujete dodatna svojstva, bitno je gumb Action podesiti na pravu vrijednost...

 

12. Ukoliko ste sve korake točno napravili dobili ste kontakt obrazac...