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

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

Evo napokon i šeste lekcije “Male škole…”. Još jednom se ispričavam svima koji su dugo čekali na ovaj tutorial.

U ovoj lekciji ćete naučiti kako dodati neki programski kod u vašu stranicu i kako pomoću tog koda natjerati kontaktni formular da vam pošalje e-mail od posjetioca vaše web stranice.

Pogledajte kako to izgleda kad radi. Možete mi slobodno poslati neki mail preko tog formulara

Da bi pogledali tutorial i skinuli sve dodatne materijale pritisnite na link nastavite čitati.

Link na orginalnu stranicu sa koje možete skinuti .avi datoteku

Linkovi na stranice prikazane u tutorialu:

Mister Bob’s Web Design

Apache Friends

Dodatni materijali:

Skinite već gotov primjer ove stranice.

Povezani članci

  • http://hsp-bih.ba/kontakt.php Mario

    Hvala, upravo sam upotrijebio ovaj tutorijal igrajući se malo na ovoj stranici http://hsp-bih.ba/kontakt.php

  • http://hsp-bih.ba/kontakt.php Mario

    Sve to skupa sam upotrijebio na jednoj joomla stranici gdje sam također početnik http://capljina.hsp-bih.ba/index.php?option=com_wrapper&view=wrapper&Itemid=27

  • http://www.wormhole-design.com Dragan

    p.s. stranica mi je u izradi, tako da će u konačnici izgledati sasvim naravno drugačije, tako da, otom-potom, radi se trenutno na http://www.xtorials.comu.

    Poštovani, upravo sam isprobao ovaj vaš obrazac za kontakt formu i radi savršeno , osim jednog malog ili velikog propusta a tiče se sljedećeg :

    - obrazac radi ispravno kada je naravno na serveru i kada su ispunjena sva polja.

    - kada korisnik ne unese ništa, dakle ostavi prazna polja i klikne na ” Pošalji “, ne događa se ništa i pitanje : Kako, odnosno što treba dodati kodu ( iako u skripti postoji rješenje ali očito da ne radi ), da u slučaju , da korisnik ostavi sva polja prazna ( iz zafrkancije recimo ) dobije neko upozorenje, a isto tako i kod neispravnog unosa npr. emeila , kod kojeg se može dogoditi da zabunom se ne unese “@” ?.

    - dakle , riječ je o dodavanju raznih upozorenja na ovoj kontaktnoj formi, i dodavanje
    anti spam-a sa tekstualnim ili grafičkim prepisivanjem itd.

    Inače tutorijali su ti odlični.

    Pozdrav iz Čepina!

    p.s.2 – ovu kontakt formu sam isprobavanja radi postavio na :

    http://wormhole-design.com/kontakt.php

  • http://www.wormhole-design.com Dragan

    I još dva problemčića u svezi skripte kontakt :

    - 1. kada korisnik odabere email sa “neki mail”@hotmail.com, prikaže Error da nije valjan mail, dok kod unosa “neki mail”@yahoo.com radi ispravno.

    - 2. – korisniku bi bilo dobro da i on na svoj mail ( dakle povratni mail ) dobije poruku da je poslao mail,sa tekstom koji je slao ili samo da mu ispiše link, pa klikom na taj link ga odvede na postavljeni upit sa stranice…

    eto toliko odmene za sada… možda malo perfekcionistički ali šta da radim kad me muče nesavršene stvari.

    pozdrav!

    http://www.wormhole-design.com

    p.s. da li dozvoljavaš link sa moje stranice na tvoju / kad bude dovršena /, jer unatoč svemu ima dobrih tutorijala, pa ako budem koji tutorijal opisivao da se ne ponavlja isti sadržaj, i koji logo ( tvoj da ubacim – img ).

  • Ivan

    @Dragan

    razumijem sve to Dragane ali ja ti nisam programer i kao što se vidi u tutorialu ja sam skriptu za kontakt formu skinuo sa nekog trećeg sajta. Tako da ti nemogu pomoći oko ovih tvojih pitanja. To je samo jednostavna skripta za slanje poruka. Ja bih ti predložio da na netu probaš pronaći neku bolju skriptu (po mogućnosti sa podrškom za Ajax) i nju koristiti za neke naprednije poslove.

    Uživaj

  • Ivan

    @Dragan

    Što se tiče linkova, slobodno ga možeš stavit na svoju stranicu, mogu i ja link na tvoj sajt0 ubacit na svoj. Kad ti web bude dovršen javi se, pa ću ti poslat logo prilagodjen za tvoj sajt.

    Pozdrav

  • http://www.puska-holiday.com Damir

    Vec sam vam pisao 2 ili 3 puta. prosao sam vase tutoriale “Mala škola web dizajna za totalne početnika – lekcija 1 do 5″.
    Najveci problem je pracenje videa jer je na momente uzasno spor,a kas se najbolje ufuras – STOP ( stane ).
    Zbog toga imam pitanje : da li je moguce vase tutorijale presnimiti i pratiti kao zasebni video.
    Takoder molim pomoc: da li je moguce i kako” Strojno prevođenje ” Kao sto je npr.na stranici http://www.tipandtrick.net/2008/display-and-show-feed-on-html-website-with-feedburner-buzzboost/hr sa svim onim zastavicama zaljepiti na moju stranicu http://www.puska-holiday.com ?
    Imam preblem sto ne smijem imati vise od 5 listova na stranici,a jos 2 jezika su 5×3=15 listova.
    Imate li mozda kakvu drugu ideju da mi se stranica ocitava jos i na Hrvatskom i Njemackom.

    Hvala na razumjevanju

    Pozdrav Damir

  • Ivan

    @Damir

    Pozdrav. Vec sam nekoliko puta ovo rekao, ispod svakog tutoriala imate link koji vodi na stranicu gdje je smješten orginalni video. Odite na taj link, registrirajte se i onda ćete imati mogućnost skidanja tog tutoriala na svoj komp u .avi formatu. I onda ga možete gledati lokalno.

    Što se tiče drugog problema, treba ti neki CMS, poput wordpressa i u njemu bi se trebala stranica napraviti. Naravno ako imaš ograničenje na to koliko stranica ti smije biti na serveru, onda bi bilo dobro da platiš neki web prostor da bi se riješio tog ograničenja. Kako se točno stranica prevodi na nekoliko jezika, neznam, pošto baš i nemam sa tim iskustva.

    Pozdrav

  • http://www.marel.hr Nikola

    Pozdrav svima.

    Ivane, tutoriali su ti odlični i vrlo rado pratim svaki novi tutorial, samo nastavi tako…

    Ako smijem, samo mala napomena: da bi stranica prošla xhtml validaciju, element “textarea” treba izgledati ovako:

    Pozdrav iz Varaždina ;)

  • http://www.marel.hr Nikola

    Ups ;)

    Evo, sad će se vjerojatno vidjeti kod…

  • http://bosna-plus.net Lutalica

    Ako nekog zanima brezplatna izrada stranica potpuno free

    Mpzete me kontaktirati Hvala!!! ;)

  • Anel

    Sve sam dobro radio iz ovog tutorijala, ali ne radi mi php. Kako se to ukljuci?

  • Ivan

    Pa moraš ili staviti tu stranicu na internet, odnosno na neki server, ili možeš instalirati Xampp ili Wampp i onda ćeš imati lokalni server. Više o tome možeš vidjeti u ovom videu: http://www.xtorials.com/tutoriali/izrada-joomla-templatea-prvi-dio/ . Tu ti je objašnjeno kako ćeš instalirati lokalni server.

  • Petar

    Mene zanima.

  • Petar

    Mene zanima kako da ja naprimjer sa izbornika kada kliknemo na recimo kontakt.mislim da je u vježbi 3.da nam se otvori novi prozor tj to povezivanje.Ima lekcija izbornici ali nije o tome bilo govora.Hvala.
    Znači.
    Kliknem kontakt,i da mi se otvori prozor s brojem telefona.

  • Petar

    Recim kao na stranici restoran luka.

  • http://www.hvidra-topusko.hr/ Berny

    Ja sam počeo raditi u dreamweaveru prije godinu dana i sad izrađujem napisani website. Sve sam radio sam i od početka uglavnom preko tutoriala, linda i slično. Do sada nisam nikako skužio kako raditi s formom, ali zahvaljujući tvom tutorialu sad mi je uglavnom to jasno. Super. Istina, volio bih imati onaj form koji ti sada imaš na stranici, pa ako možeš dodati objašnjenja za to, ako ne malo ću se još pomučiti pa to napraviti, ali stvarno si mi puno pomogao. U zadnje vrijeme učim jquery, pa ako može i nešto od toga … Uglavnom, hvala na ovome.