Kako napraviti web stranicu u html - Susret s djevojkom

četvrtak , 27.12.2018.

Ruska književnost










Click here: Kako napraviti web stranicu u html






Ovaj udžbenik može nazvati infuzija HTML-a i CSS-a. Većinom su to web serveri smješteni na raznim lokacijama svijeta.



kako napraviti web stranicu u html

Drugu vrstu bi činili linkovi do neke druge stranice u okviru isog Web site-a npr. Kratica dolazi od naziva HyperText Markup Language.



kako napraviti web stranicu u html

Web stranica – ništa lakše! - Ja sam zaključio da su nužna za mene nešto poput zraka i vode! Odaberite hosting kompaniju N ajprije je potrebno da odaberete HOSTING kompaniju koja će vašu domenu smjestiti na servere.



kako napraviti web stranicu u html

Kako napraviti vlastitu www stranicu? To je pitanje s kojim se susretnu kad - tad svi koji se koriste internetom, a tu onda ve? Najbolje je ako imate prijatelja koji vam može pomoći savjetom, uputiti vas na literaturu koju možete koristiti ili stranice na internetu koje imaju kratke tečajeve za izradu www stranica. Često kao portala dobivam mailove u kojima me ljudi traže razne savjete kako napraviti određene stvari na svojoj web stranici, stoga sam se odlučio temeljm tih upita izraditi kratko uputstvo za početnike. No, da puno ne dužim - krenimo na posao i to odmah s prvim pitanjem... Što je to Internet? Pojednostavljeno možemo reći da je to mreža svih mreža - zbirka svih međusobno povezanih mreža na svijetu ili da je to mreža koja povezuje nekoliko milijuna računala na svijetu. Korisnici se internetom služe korištenjem različitih usluga. Najpoznatije i najkorištenija usluga je razmjena elektroničke pošte e- mail , zatim pregled multimedijskih stranica www , čitanje vijesti usenet i jo? Davatelj usluge - ISP Internet Service Provider mora raspolagati jačim računalom koje će biti spojeno na Internet, te na to računalo imati instaliranu programsku podršku koja omogućuje objavu usluga na internetu - to računalo nazivamo server ili na hrvatskom poslužitelj. Svaki poslužitelj ima svoju adresu kao naprimjer: ili. Da bismo mogli pristupiti internetu i pozvati željenu www stranicu na svojem računalu moramo imati instaliranu programsku podršku, a to je pretraživa? Njegova je namjena pozvati poslužitelj i zatražiti informacije s njega. Najčešće korišteni pretraživači su Microsoft Internet Explorer i Netscape Navigator. Kako to izgleda pogledajte na slici: Korisnik s instaliranim pretraživačem zahtjev korisnika www Server koji ispunjava sve zahtjeve korisnika HTML - Hypertext Markup Language HTML je jezik kojim je moguće formatirati izgled www stranice, koristi se od 1992. Svaka www stranica koju poslužitelj šalje pretraživaču nije čisti tekst ve? HTML predstavlja dogovor o zajedničkom jeziku između autora stranica i pretraživača - komunikacija i razmjena informacija je moguća isključivo ako obje strane govore isti jezik. HTML ne valja doživjeti kao neku mističnu stvar koja je rezervirana samo za računalne stručnjake krvavih očiju i sa srčanom aritmijom od prevelikih količina kave koja ih drži budnima kroz no? Naprotiv, HTML je razmjerno jednostavan jezik koji je moguće savladati uz vrlo malo truda. Tim više, nakon što se savlada osnovna averzija i probije početna barijera, izrada HTML odnosno www stranica može postati užitak. HTML jezik daje nam osnovni skup kodova koje možemo kombinirati na razne načine poštujući neka osnovna pravila. Za izradu stranica potrebna je samo jo? Na Internetu povezano je vrlo mnogo različitih računala koja koriste različite unutarnje jezike za prikaz podataka. Također, www stranice moraju moći čitati osim računala i ljudi. Stoga je HTML jezik tekstualan. Kodovi HTML jezika su zapravo riječi često skraćenice engleskog jezika koje je moguće kombinirati na razne načine. Prednosti Html-a Prije nego što se upustimo u sam jezik i u način izrade www stranica, potrebno je reći rije? Mnogim korisnicima, pogotovo onima koji dolaze s Windows platforme može se činiti da bi bilo bolje i jednostavnije kada bi se koristili neki široko korišteni oblici dokumenata, na primjer Word dokumenti ili PDF dokumenti. No postoje dobri razlozi zašto je www usluga zasnovana na HTML dokumentima. Kao prvo, iako se to može činiti nevjerojatnim nisu sva računala Windows računala, ve? To je između ostaloga i razlog zašto je HTML tekstualan a ne binaran - sva računala raspoznaju tekst i barataju s njime na jednak način. Osim toga, većini tipova dokumenata je osnovno kako će dokument izgledati ispisan na papiru. HTML ima posve drugu namjenu - nije bitan precizan ispis na papiru. Pri tome valja uzeti u obzir da različiti korisnici koriste različite pretraživače na različitim ekranskim rezolucijama. Stoga je HTML predviđen primarno za prikaz na ekranu, a ne na pisaču. Bitan dio HTML jezika jest mogućnost stvaranje hiperveza između dokumenata. Zamislimo situaciju u kojoj kroz nekoliko različitih dokumenata se govori o jednoj tematskoj cjelini. Svaki od dokumenata može sadržavati veze na druge dokumente. Korisnik prilikom pregleda dokumenata može jednostavnim klikom miša na vezu preći na drugi dokument te tako dobiti dodatne informacije. Na taj način olakšano je snalaženje u velikim bazama informacija te pronalaženje srodnih sadržaja. Ograničenja Html-a Neke prednosti HTML-a ujedno su i njegove najveće mane, ovisno o kutu gledanja. Naime, dizajn HTML stranica se često danas prepušta grafičarima koji imaju dosta velike zahtjeve po pitanju preciznosti namještanja pojedinih grafičkih detalja na stranicama. Valja odmah napomenuti da za takve stvari HTML nije zamišljen te da to nije PostScript. HTML ima određena ograničenja koja nije uputno pokušavati izbjeći različitim trikovima ve? Tipičan primjer je prazno mjesto na ekranu. Da bi pogurali dio dokumenta s ekrana, mnogi autori će jednostavno dodati nekoliko praznih redova u dokument i smatrati problem riješenim. No to nije dobro: mnogi korisnici će pregledavati dokument u prozoru drukčije veličine jer imaju drugačiju ekransku rezoluciju ili jednostavno bolju grafičku karticu. Temeljni format Temeljni format koji mora imati svaka stranica izgleda ovako: Naslov stranice Ovdje ide sadržaj tvoje stranice. Naglašavam ovo je temeljni format i njegovo pridržavanje je obavezno! Svaki HTML element sastoji se od para tagova i to: prvi tag koji označava početak i drugi koji označava završetak a između se nalazi sadržaj. Primjer: Svaki HTML dokument mora biti otvoren sa ovim tagom a zatvoren sa ovim tagom. Ako naprimjer želimo boldati određeni dio teksta to radimo na ovaj način: Danas je lijep dan. No kako svako pravilo ima izuzetak tako i ovo, a odnosi se na one elemente koji nemaju sadržaja kao naprimjer element img koji služi za ubacivanje slika u dokument. Taj element ne može imati sadržaj te stoga nije potrebno niti navoditi završnu oznaku - početna oznaka predstavlja i početak i kraj elementa: Početak rada Da bismo počeli izgrađivati našu stranicu moramo imati određeni alat. Svakako temeljni alat bi bio HTML editor i neki grafički program za obradu slika. HTML dokumente moguće je unositi pomoću bilo kojeg programa za unos teksta. Pri tome neki autori idu tako daleko da koriste isključivo Notepad, jednostavan program za unos teksta koji dolazi s Windows operacijskim sustavom. Donekle se taj pristup unosa HTML dokumenata može smatrati mazohističkim, no svakako je mogu? Postoje mnogi editori koji olakšavaju unos HTML dokumenata. Pri tome editore za unos dokumenata možemo podijeliti na dvije velike kategorije: editori koji se temelje na unosu teksta i editori koji se temelje na vizualnom dizajnu stranice. Vizualni editori imaju mnoge prednosti koje će ih činiti pogodnima za početnike - naime, način korištenja tih alata je vrlo sličan načinu korištenja programa tipa Word i sličnih, s kojima su mnogi korisnici ve? No taj pristup ima i mnoge mane. Kao prvo, princip razdvajanja sadržaja od prezentacije dokumenta je vrlo teško postići. Stranice koje se generiraju vizualno redovito su znatno veće nego što je to potrebno, a dobiveni HTML kôd je redovito vrlo nepregledan. Također, pomoću programa za vizualan unos stranice teško je unijeti skripte u dokument. Stoga smatram da svaki informatičar koji želi u potpunosti ovladati umijećem izrade stranica mora obavezno poznavati HTML jezik i biti u stanju stranice unijeti tekstualno. Vizualni unos dobro je koristiti samo za postavljanje kostura stranice, no detaljnu doradu gotovo u pravilu je moguće isključivo obaviti tekstualno. Vizualni alat koji se dosta koristi za unos HTML stranica jest Microsoft FrontPage. No taj program je vrlo velik i složen za korištenje, a također traži vrlo velike resurse računala. Pri tome dobiveni generirani HTML kod je dosta loše strukturiran i pun nepotrebnih oznaka. Na internetu može se naći popriličan broj free editora različite kvalitete od vrlo dobrih do toliko loših da nisu vrijedni ni minute downloada. Preporučam da odete na stranicu , gdje ćete naći ponudu od preko stotinjak editora, pa odaberite svog favorita. Meni osobno najdraži je od Evrsofta, no morate poznavati barem osnove HTML jezika. Od editora za preporučiti izdvojio bih slijedeće: i Od grafičkih programa preporučio bih Adobe Photoshop, COREL i Paint Shop Pro u njim možete uraditi sve što želite, najvažnije je da vam grafički program ima mogućnost prebacivanja slika iz jednog formata u drugi u zavisnosti za koji ste se format odlučili. Za izradu web stranica koriste se dva formata i to JPG i GIF. Također osim ovih temeljnih alata bilo bi jako dobro da imate kolekciju , , , i drugih korisnih alata koji će vašu stranicu učiniti dinamičnijom i privlačnijom. Skripte su vrlo složene za programiranje i svaki početnika ima velikih problema da izađe na kraj i sa gotovim skriptama, ali za to ima lijeka posjetite ovaj link i jednostavnom metodom copy - paste na vašim stranicam imati ćete chat, forum, izraditi svoju mailing listu, slati razglenice i čestitke i jo? Sada kada imamo editor, grafički program i ostale korisne alate možemo početi s izradom www stranice. Izrada stranice Doctype Uloga ovoga elementa je najaviti Internet pretraživaču kakav dokument slijedi. Svaki dokument je moguće opisati pomoću definicije tipa dokumenta engl. U gornjem primjeru se najavljuje javno dostupna definicija tipa dokumenta zbog riječi public verzije 4. Nije nužno pretjerano razmišljati o strukturi tog prvog retka, ve? Posljednja verzija HTML-a nosi oznaku 4. No, to vam spominjem samo usput i nemojte glavu previše razbijati XML-om, jer i on će vam biti jednostavn kad savladate HTML. Podjela dokumenta na tijelo i glavu Svi HTML dokumenti sastoje je od glave i tijela. Glava je dio dokumenta u kojemu se navode neke općenite informacije o dokumentu, kao što je naslov dokumenta, jezik u kojemu je dokument pisan i slično. Tijelo dokumenta je dio koji objedinjuje kompletan sadržaj dokumenta cjelokupni tekst i grafiku. Glava dokumenta navodi se unutar elementa, dok se tijelo dokumenta navodi unutar body elementa. Element ima niz atributa kojima je moguće pobliže odrediti način prikaza stranice. Naslov dokumenta Svaki HTML dokument ima određeni naslov. Prilikom prikaza tekst naslova će se pojaviti u naslovnoj traci prozora pretraživača. Naslov se navodi unutar title elementa. Često se na Internetu mogu primijetiti www stranice koje nemaju naslov ili kojima je naslov nesuvisao te ne opisuje sadržaj www stranice. Često se dešava da autori izrade predložak stranice kojeg potom koriste za izradu drugih stranica. No prilikom izrade stranica autori se koncentriraju na izgled i na sadržaj stranice te vrlo često zaborave promijeniti naslov iz predloška, te se često događa da stranice s pomoćnim tekstom kao naslovom budu postavljene na www poslužitelj, što se može shvatiti samo kao sramota onoga koji stranice radi. Na žalost meni se to vrlo često događa, a što ćemo - ljudi smo. Svaki HTML dokument obavezno mora imati razumljiv naslov koji će opisivati sadržaj dokumenta. Da bi se tekst ispravno prikazao u pretraživaču potrebno je izabrati odgovarajući font, odnosno ispravno rečeno, potrebno je izabrati kodnu stranicu. To se može učiniti pomoću sljedećeg meta elementa:. Ubacivanje tog elementa u glavu trebalo bi biti obavezno za sve hrvatske dokumente. Moram priznati da sam u početku i sam tako radio. To se posebno obnosi na Content-Type rije? Umjesto gore navednog elementa možete koristiti i opći standard kojeg prije nije bilo koji će prepoznati naša slova, a on izgleda ovako: Odabir pozadine - background Svaka stranica mora imati pozadinu - background, za što možete koristiti samo boju ili neku sliku. Na internetu možete naći veliki izbor free backgrounda kao i na mojoj stranici. Primjer koda za background: - ovo je primjer koda kada za background koristimo sliku. Moram vas upozoriti kada za pozadinu odaberete sliku pazite da nije prevelika i da se dugo ne očitava, znate i sami nitko ne voli kada se stranica dugo otvara, također vodite računa da boja ne bude prenapadna i iritirajuća. Odabir boja Postoje dva osnovna načina za prikaz boja. Prvi način je odabir boja prema njenom imenu. HTML standard definira nekoliko standardnih boja i njihovih imena koja stoje na raspolaganju autorima HTML stranica. Ta standardna imena su: Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Aqua, Green, Lime, Olive, Yellow, Navy, Blue i Teal. Drugi način je zadavanje boja pomoću tri komponente RGB vrijednosti, odnosno udjela crvene, zelene i plave. Boja se zadaje u sljedećem obliku: rrggbb gdje rr predstavlja iznos crvene komponente, gg iznos zelene komponente, dok bb predstavlja iznos plave komponente. Pri tome sve te tri vrijednosti mogu imati iznos od 0 do 255, s time da se one predstavljaju u heksadecimalnom brojevnom sustavu, te da se vrijednostima koje imaju jednu znamenku obavezno dodaje nula ispred znamenke. To znači da su dozvoljene vrijednosti za svaku komponentu od 00 do FF. Na primjer, boja Yellow ima sljedeće vrijednosti: FFFF00 Dakle, FF za crvenu, FF za zelenu i 00 za plavu komponentu. Dosta je teško napamet odrediti RGB komponente boja, no editori koje sam gore naveo nude korisniku pomo? Na kraju, kad je korisnik zadovoljan s odabranom bojom alat će sam generirati RGB vrijednosti i ubaciti je na mjesto u dokument. Odabir slova - fonta Vrlo važna stvar kod izrade www stranice je i odabir fonta s kojime ćemo raditi, odmah na početku moram vas upozoriti nikad ne birajte neke egzotične fontove, jer ih stariji pretraživači neće moći očitati zato je najbolje da primjenite neke standardne kao što su Times New Roman, Arial i Verdana. Umetanje naslova Ponekad je potrebno istaknuti pojedine dijelove dokumenta kao naslove. To se može učiniti pomoću elemenata za logičko formatiranje h1, h2, h3, h4, h5 i h6 elementi vuku korijen engleskog naziva za naslov - heading. Ti elementi imaju uvijek početnu i završnu oznaku, a sadržaj unutar elementa bit će prikazan tipično masnijim i većim slovima te s razmakom prije i poslije elementa. Također, svaki element će se obavezno prikazati zasebno na liniji. Pri tome moguće je uvesti hijerarhiju naslova. Element h1 označava naslov najveće razine te se ispisuje najvećim slovima, potom h2 označava prvi podnaslov te se ispisuje nešto manjim slovima, i tako redom sve do h6. Na primjer: Ruska književnost Poezija Jesenjin na pretraživaču će to izledati ovako: Ruska književnost Poezija Jesenjin Važno je imati na umu da vrsta slova kojom se pojedini naslovi prikazuju nije propisana standardom, ve? No na svu sreću, proizvođači glavnih pretraživača su se uspjeli dogovoriti barem oko osnovnog načina prikaza te se može očekivati neka dosljednost u prikazu. Umetanje horizontalnih linija www stranice mogu u svojem tekstu imati nekoliko odvojenih cjelina koje je dobro i vizualno odvojiti, kao što su različite opaske i komentari. Da bi se to omogućilo HTML jezik raspolaže s osnovnom mogućnosti dodavanja horizontalnih linija pomoću elementa hr od engleskog horizontal rule. Element hr je uvijek prazan ne može imati sadržaj te nema završnu oznaku. Prilikom nailaska na njega pretraživa? Element hr može imati atribute za određivanje načina prikazivanja linije. Osnovni atribut jest width kojim je moguće definirati duljinu linije. Vrijednost atributa može biti broj koji predstavlja duljinu linije u točkama ili postotak ukupne raspoložive širine. Sljedeći primjer crta liniju čija će duljina iznositi 70% ukupne raspoložive duljine ekrana: Na pretraživaču to će izgleati ovako: Valja primijetiti da je znatno bolje mjerne veličine zadavati pomoću postotaka, a ne pomoću vrijednosti u točkama. Naime, različiti korisnici pregledavat će stranice u pretraživačima s prozorima raznih širina. Linije, i uopće svi ostali grafički objekti koji imaju apsolutne veličine neće se moći prilagoditi različitim širinama prozora, ve? S druge strane, grafički elementi s relativno zadanim veličinama pomoću postotaka raspoloživog prostora uvijek će se moći prilagoditi raznim veličinama prozora te će u pravilu bolje izgledati. Veličine grafičkih elemenata valja navoditi relativno, ako je to moguće, da bi se postigli bolji rezultati u slučaju prozora različitih veličina. Pomoću atributa align moguće je odrediti da li će se linija prikazati lijevo u slučaju vrijednosti left , desno u slučaju vrijednosti right ili centrirano podrazumijevana vrijednost center. Na primjer: Na pretraživaču to će izgledati ovako: Također je moguće odrediti debljinu linije, i to pomoću atributa size. Vrijednost tog atributa predstavlja debljina linije u točkama nije moguće zadati relativnu širinu postocima : Na pretraživaču to će izgledati ovako: Umetanje slika Da bismo sliku fotografiju umetnuli u našu stranicu moramo je najprije pripremiti jer na internetu su podržana dva osnovna formata gif i jpg, a to možemo učiniti s nekim od ve? Važno je za istaći da uvijek trebamo voditi računo o kvaliteti slike i njezinoj veličini. Osnovni kod za umetanje slika izgleda ovako: Slike možemo koristiti i za linkanje drugih stranica, a kod izgleda ovako: Na internetu je uvriježen način prikazivanja slika na principu thumbnaila, što znači da na jednoj stranici možemo imati više manjih sličica obično u gif formatu, a ako netko želi vidjeti puni format slike klikom na manjui sličicu otvara mu se slika u punom formatu, kod za taj prikaz slika izgleda ovako: Umetanje tablica Gotovo da nema stranice na internetu koja u svojoj strukturi nema tablicu i to prvenstveno iz razloga što je pomoću tablica najlakše strukturirati stranicu i izbjeći nepoželjne praznine koji bi se na drugi način vrlo teško izbjegle. Svaka tablica otvara se slijedećim kodom a zatvara , redci kolone imaju kod zatvaraju se s , ćelije unutar redaka imaju kod zatvaraju se s. Primjer za jednu jednostavnu tablicu s dva redka i u svakom redku dvije ćelije izgleda ovako: 1 2 1 2 S ovakvim kodom tablica izgleda ovako: 1 2 1 2 Na ovome primjeru možemo zamijetiti dvije vrlo važne stvari, a to je da se mora definirati okvir - border tablice koji može biti nula i tada nemamo vidljive okvire, a može biti i puno deblji okvir do 10 i veličina tablice koja se može dati postotno kao u ovome slučaju, ali se može dati i u pixelima. Međusobni razmak ćelija određuje se atributom cellspacing elementa table. Vrijednost tog atributa predstavlja željeni razmak između ćelija u pixelima. Međusobni razmak ćelija određuje se atributom cellpadding elementa table. Vrijednost tog atributa predstavlja iznos željene unutarnje margine u pixelima. Primjer koda za tablicu s gore navedenim atributima: 1 2 1 2 S ovakvim kodom tablica izgleda ovako: 1 2 1 2 Upočetku rad s tablicam može izgledati poprilično komplicirano no kada se jednom nauči izrada stranica postaje šala. Rad s tablicama spada u napredno formatiranje stranica stoga bi samo uređivanje tablica zasluživalo prostora koliko i ovaj cijeli naputak, no to ćemo učiniti nekom drugom zgodom. Umetanje hiperveza Velika prednosti www stranica nad statičnim papirnatim dokumentima jest mogućnost povezivanja dokumenata pomoću sustava hiperveza. Hipervezu možemo shvatiti kao pokaziva? Korisnik pritiskom miša može slijediti vezu, odnosno zatražiti dokument na koji veza pokazuje. Time postupak pretraživanja Interneta dobiva posve novu dimenziju - www stranice nije više potrebno pregledavati slijedno i u unaprijed određenom redoslijedu, ve? Hiperveze se koriste za povezivanje stranica unutar jedne stranice npr. Također, hiperveze mogu pokazivati na Internet resurse koji uopće nisu stranice na primjer, na e-mail adrese, poslužitelje arhive datoteka i slično. Hiperveza se postavlja preko URL adrese objekta na koji hiperveza pokazuje. Zbog toga je osnovno razumjeti kako funkcionira sustav identifikacije Internet objekata putem URL-a. Svi www resursi stranice, slike, zvukovi, programi i slično moraju imati svoju adresu na Internetu kako bi ih se moglo identificirati i pozvati. Na primjer, www pretraživa? Za umetanje hiperveza na stranicu koristi se element a od engleske riječi anchor što znači sidro. Taj element koristi se i za postavljanje hiperveze i za označavanje lokalnog mjesta u dokumentu te se stoga koristi na dva prilično različita načina. Prvo ćemo vidjeti kako se element a koristi za postavljanje hiperveza na druge dokumente. Hiperveza uvijek djeluje između dva www objekta npr. Hiperveze su najčešće jednosmjerne - one vezuju jedan dokument izvor hiperveze s drugim dokumentom ciljnim dokumentom te je za ostvarenje hiperveze bitna URL adresa ciljnog dokumenta. Atribut title nije obavezan te se može izostaviti i vrlo se rijetko koristi. On služi tome da bi se opisala uloga hiperveze kroz nekoliko kratkih riječi. Kada se kursor miša umiri iznad hiperveze, većina pretraživača će prikazati u malom oblačiću tekst naveden kao vrijednost tog atributa. Tekst hiperveze je dio dokumenta koji se prikazuje korisniku na koji je moguće kliknuti mišem da bi se hiperveza aktivirala. Ako želite saznati nešto više o meni. U gornjem primjeru www pretraživa? Prilikom pritiska miša ta taj tekst www pretraživa? Element a može se koristiti i za određivanje lokalnog mjesta u dokumentu. U tom slučaju mu je opća struktura ovakva: Element a tada mora imati atribut name čija vrijednost daje naziv lokalnom mjesta hiperveze. Sam element može, ali i ne mora imati neki sadržaj, no završna oznaka elementa mora biti prisutna. Ako se i navede tekst između oznaka i to neće utjecati na način prikaza teksta. Naziv lokalnog mjesta ne smije sadržavati praznine. Oznake lokalnih mjesta se često koriste za pomicanje unutar stranice. Naime, u slučaju većih stranice kao naprimjer ovo uputstvo , dobro je na početku stranice postaviti kratak sadržaj s pregledom svih informacija na stranici i s hipervezama na lokalna mjesta unutar stranice. Tada korisnik prilikom pregledavanja stranica putem hiperveze može skočiti na željenu temu. Nakon što je gotov s čitanjem pojedine teme na kraj teme se postavlja hiperveza natrag na sadržaj. Sada ćemo prikazati dva osnovna načina na koji se umeće e-mail adresa u stranice. Prvi način je kada se koristimo tekstom, a kod izgleda ovako: Drugi način je da umjeto teksta koristimo se slikom ili animacijom, a kod izgleda ovako: na pretraživaču će to igledati ovako Dakle možemo zaključiti osnovni kod za umetanje e-mail adrese izgleda ovako: va? Jezik HTML raspolaže širokim spektrom mogućnosti kojim je moguće postići dvosmjernu komunikaciju s korisnikom, a jedan od najznačajnijih su HTML forme. Pomoću HTML formi moguće je u prozoru pretraživača prikazati obrazac kao na ovoj stranici. Korisnik može popuniti razne informacije iz formulara te ga poslati natrag poslužitelju na obradu. To otvara sasvim nove mogućnosti primjene Interneta na stvari kao što su trgovina preko Interneta, pristup velikim bazama podataka i slično. Izrada formi je dosta složen posao te obuhvaća znatno više od pukog prikazivanja različitih polja u HTML stranicama - taj dio posla nije ništa složeniji od primjerice izrade tablica te se obavlja pomoću novih elemenata. Da bi se s nešto stvarno moglo i učiniti s podacima koje korisnik unese u formu, potrebno je izraditi program koji će na poslužitelju prihvatiti podatke i obraditi ih te generirati odgovor, što može biti dosta složeno. Za to se koriste CGI skripte CGI - skraćenica od Common Gateway Interface , ASP, ASP. Za izradu skripti treba poznavati neki od programskih jezika koji dotični server prepoznaje kao što je to naprimjer Perl Linux serveri ili Visual Basic Windows serveri. Na sreću za sve one koji nepoznaju ni jedan programski jezik za izradu skripti gotovo svi hostovi nude i daju na raspolaganje svoje gotve skripte koje možete koristiti za izradu anketa na vašim stranicam, knjige gostiju i sličnih stvari. Za izradu mailing lista, foruma i sličnih stvari možete se koristim uslugom koji imaju vrlo dobre, jednostavne i besplatne alate te ih od svega srca preporučam. Sve forme se odjeljuju od ostatka HTML stranice unutar elementa. Unutar njega navodi se tekst forme te različite kontrole kojima se korisniku omogućava unos podataka. Element form ima dva osnovna atributa kojima se određuje kako će se podaci na poslužitelju obraditi: action i method. Vrijednost atributa action jest URL programa kojem će se podaci iz forme poslati te koji će ih obraditi npr. Atribut method označava način kako će se podaci poslužitelju poslati, te može imati vrijednost get i post. Dovoljno je samo reći da se najčešće koristi metoda post koja omogućava slanje većih količina podataka poslužitelju. Forme se koriste tako da se korisniku prikaže niz polja za unos podataka. Unos podataka označava se pomoću input elementa pomoću kojeg je moguće na formi prikazati gotovo bilo koji tip polja za unos. Različiti atributi tog elementa određuju koje će se polje za unos teksta prikazati te kako element valja prikazati. Svaka kontrola za unos podataka mora imati ime koje se može postaviti pomoću atributa name. To ime će biti proslijeđeno poslužitelju na obradu zajedno s podacima koje je korisnik unio u obrazac. Također, podrazumijevana, odnosno početna vrijednost kontrole može se postaviti pomoću atributa value - prikazana vrijednost će jednostavno biti prikazana u kontroli odmah nakon pozivanja odgovarajuće www stranice. Element input nema sadržaja niti završne oznake. Evo primjera koda za jednu formu: Traži rije? Na pretraživaču će to izgledati ovako: Traži rije? Ovo bi bilo temeljno što se mora znati o formama, možda izgleda složeno ali gotovo svi HTML editori imaju predloške gotovih formi koje samo prilagodite svojim potrebama i neće biti problema. Postavljanje stranice na server Za pretpostaviti je da smo slijedeći ovo uputstvo, koristeći editor i maštu napravili na našem računalu lijepe i funkcionalne stranice što znači da ih treba staviti na Internet. Da bismo naše stranice stavili na Internet postoji nekoliko načina, ja ću obraditi dva i to najčešće korištena. Prvi i najednostavniji, ali i najsporiji način je pomoću file managera. Jedan od svjetski poznatih hostova omogućuje upravo to i mogu reći da je za početnika najjednostavniji način, ako ste za host izabrali GeoCities samo slijedite njihova uputstva i uspjeh je zajamčen. Od domaćih hostova svakako posjetite koji također omogućuje upload pomoću file managera. Drugi, napredniji način je pomoću FTP klijenta za što ima dosta besplatnih programa. Najčešće korišteni i hvaljeni je CuteFTP, a nalazi se na instalacijskim CD-ima HTnet-a i VIP-a, a možete ga i downloadati na. Također CuteFTP omogućuje vam da brišete i mjenjate svoje filove na serveru. Za kraj S uploadom filova na poslužitelj server završava ovo uputstvo što ne znači da ono neće u buduće biti mjenjano i nadopunjavano, a što će najviše ovisiti o vama korisnicima ovog uputstva od kojih očekujem da mi se javite, da me upozorite na propuste ili na stvari koje bi trebale naći svoje mjesto u uputstvu. Zahvaljujem svima koji su pokazali interes za ovo uputstvo i želim im uspješan rad!



Kako napraviti web stranicu? Uvod u svijet Web Design-a (MLproIT 1080p)
Možete mi pomoći s otopinom? Atribut title nije obavezan te se može izostaviti i vrlo se rijetko koristi. Korisnik prilikom pregleda dokumenata može jednostavnim klikom miša na vezu preći na drugi dokument te tako dobiti dodatne informacije. Kužim ja te kodove i sad bi htjela malo vježbati,ali ne znam kako početi. U videu ispod možete vidjeti korak-po-korak upute kako u manje od 10 minuta zakupiti profesionalan hosting i odmah usput dobijete i domenu na poklon uračunato u cijenu hostinga.

[Flertanje|Erotski filmovi com|Poslovi u inostranstvu bez eu pasosa]






Oznake: Ruska, Književnost

<< Arhiva >>

Creative Commons License
Ovaj blog je ustupljen pod Creative Commons licencom Imenovanje-Dijeli pod istim uvjetima.