Архиве

Padajući meni

Padajući meni je često korištena navigaciona tehnika na sajtovima, koja omogućuje preglednu navigaciju, a ne zauzima mnogo prostora. Osnova za njegovo formiranje je tag „nav“ koji se koristi za grupisanje linkova, korišćenjem LISTA.

Ako ukucamo sledeći kod, gde koristimo tag „nav“ i u okviru njega koristimo nenumerisane liste, gde svaka stavka predstavlja jednu „stranicu“

stranica će izgledati ovako

Pomoću CSS, stilizovaćemo stranicu da bi nam meni bio horizontalan. Izmenićemo neke delove „kod-a“, uvodeći „class=“padajuci-meni“, i atribut „style“

Ovde smo uradili sledeće:

  • uklonili margine i znakove za nabrajanje iz liste
  • poravnali stavke najvišeg nivoa horizontalno
  • podrazumevano sakrili podmenije
  • prikazali podmenije prelaskom miša iznad menija
  • stilizovali izgled menija (bonus)

I na kraju padajući meni izgleda ovako

Deo materijala preuzet sa https://skolakoda.org/vezba-padajuci-meni

 

 

DIV strukturni element

DIV  strukturni element

<div> elemente koristimo pri definisanju CSS svojstava HTML dokumenta ili pri dinamičkoj promeni sadržaja web stranice korištenjem JavaScripta.

<div> elementi definišu logičke celine web stranice.

<div> element je blok strukturni element.

Unutar <div> elementa mogu se nalaziti ugniježđeni skoro svi html elementi.

Tri osnovna svojstva <div> elementa su:

  • style – definiše css svojstava
  • class – određuje naziv klase za pristup elementu iz CSS-a ili JavaScripta
  • id – jedinstveni identifikator za pristup elementu iz CSS-a ili JavaScripta

Pri kreiranju Web strane primetili smo da je ona jedna celina. Pomoću DIV elementa stranu možemo podeliti na veći broj logičkih celina. Pokazaću vam jedan od načina.

  1. Ukoliko se ne navede širina DIV elementa, on će se prostirati po  dužini cele strane.  Njegovu visinu, određuje sadržaj koji se nalazi unutar DIV elementa.

 

Ovo je njegov ‘kod

2.  Ukoliko želimo da određeni sadržaj izdvojimo u posebnu celinu sa određenim dimenzijama DIV elementa, da izgleda ovako

njegov ‘kod’ je sledeći:

3. Ako želimo da određeni DIV element pozicioniramo uz desnu ivicu

njegov ‘kod’ je sledeći.

4. I na kraju, kako popuniti prazan prostor na strani da izgleda ovako?

 

 

 

 

Web prezentacija – Web sajt

“Web Sajt” se sastoji od jedne ili više web stranica. Web stranica je dokument sastavljen od teksta, slika, video snimaka, muzike..- hipermedia). Sajt je način da prezentujete sebe ili svoju firmu preko interneta, bilo kada, u bilo kom delu sveta. Sajtom “poput izloga” prikazujete sve ono što smatrate bitnim za Vaše posetioce, jer je važno da oni dobiju informacije koje žele na najlakši način.

Početna stranica (naslovna, matična, homepage ….) je prva stranica Vašeg sajta, koja se pojavi kada se u  internet pretraživaču (browser-u)  zatraži adresa sajta. Uobičajeni naziv početne stranice nekog web sajta glasi index.htm, index.html ili index.asp. Web dizajn naslovne strane treba da bude jedinstven, a sadržaj ciljano pisan. Svi javno dostupni sajtovi čine svetsku Internet mrežu, ili World Wide Web (www).

Izradom web sajtova bave se tzv. web dizajneri ili web masteri. Da bi Vaš web sajt bio dobro dizajniran, potrebno je da definišete njegovu svrhu – šta želite da postignete svojim prisustvom na internetu? Kada utvrdite svrhu, potrebno je da prikupite neophodan materijal koji će činiti Vaš web sajt: tekst, slike, muziku, video materijal… Ono što najveći procenat ljudi želi na svom sajtu su rubrike: “Početna”, “O nama”, “Usluge”, “Slike”, “Reference”, “Kontakt”…

Podela web sajtova

Podela web sajtova prema sadržaju – nameni
  • personalni (lični) web sajtovi,
  • komercijalni web sajtovi,
  • informativni web sajtovi,
  • blogovi,
  • forumi,
  • socijalne mreže,
  • web sajtovi za deljenje sadržaja,
  • web direktorijumi,
  • web alati…
Podela web sajtova prema interaktivnosti sa posetiocima
  • statički i
  • dinamički web sajtovi

Kako god podelili web sajtove, cilj svakog sajta je da ima što veću posećenost!

Želite da se Vaš sajt vidi na pretraživačima (Google…)?

Internet pretraživači (Search Engine Machines – Google, Yahoo, MSN..) predstavljaju internet servise, čija je svrha traženje informacija na internetu, pri čemu se kao rezultat pretrage prikazuje spisak web sajtova koji sadrže traženu informaciju.

Rangiranje (položaj) vašeg sajta na pretraživačima zavisi od strukture vašeg sajta, a ne od provajdera kod koga hostujete sam sajt. Ako vaš sajt ima više sadržaja i korisnih linkova ka drugim sajtovima, češće se menja, ima ukucane ključne reči u strukturi samog sajta, to će ovaj program koji periodično obilazi vaš sajt bolje rangirati. Potrebno je takodje da svoj sajt prijavite na Google, kao i da ga reklamirate kako biste povećali vidljivost i posećenost sajta.

Web hosting

Web hosting je usluga koju pružaju specijalizovane kompanije, a koja omogućava da vaša prezentacija bude vidljiva na internetu. Da podsetimo za publikovanje web prezentacije neophodna su 2 uslova. Jedan je da registrujete domen, a drugi da zakupite web hosting uslugu kod provajdera. Ako možemo da se poslužimo analogijom, domen predstavlja vašu adresu stanovanja, a web hosting zakup stana ili kuće gde ste smešteni.

Svaka hosting kompanija ima svoje ili iznajmljene servere (mašine) koji obezbeđuju da web stranice budu neprekidno prikazivane posetiocima. Oni ustvari drže sajtove na internetu – ovo se zove hostovanje. Na jedan web server može da stane veliki broj sajtova.

Kada govorimo o web hostingu možemo identifikovati tri tipa servisa

  • Shared Hosting
  • VPS
  • Dedicate Hosting

Shared hosting

Shared Hosting je vrste usluge u kojoj koristite deljeni „konačni resurs“ servis provajdera. U cenovnoj kategoriji ova vrsta usluge je na dnu lestvice i najčešći je izbor za hostovanje jednostavnih web stranica ili popularnih CMS (Content Management System) rešenja kao što je WordPress.

Prednost ove usluge je cena i jednostavnost upotrebe za korisnika. Često sa ovom uslugom dobijate i pristup Control Panel aplikaciji koja vam dodatno pojednostavljuje administraciju domena, FTP i Email naloga, MySql baza podataka, skripti za automatsku instalaciju popularnih CMS rešenja, fajl menadžera i ostalih sistemskih podešavanja.

Mane zakupa Shared Hosting paketa su sporiji odziv na obradu stranica, limitirana brzina i kapacitet prenosa podataka, brzina diska, kao i deljenje procesorske snage servera sa drugim korisnicima koji su na istom hardveru. Zbog načina podešavanja servera takođe ste limitirani na upotrebu starijih verzija jezika PHP i MySql baze, što ne mora da bude minus sem ako ne želite da upotrebljavate edge tehnologije.

VPS ili Virtual Private Server – šta je hosting u ovoj varijanti

VPS ili Virtual Private Server je sledeća stepenica i naprednije rešenje u hosting uslugama provajdera. Ovaj način usluge predviđa zakup virtuelnih resursa kod provajdera. Virtuelizacija je softverski alat koji mreže servera u data centrima provajdera deli u manje virtuelne servere na taj način da obezbedi minimalni garantovani resurs za paket koji ste izabrali.

Prednosti kod ovog sistema su definisani hardverski resursi, kao što je brzina procesora, veličina hard diska, memorije i protoka mreže, instalirani operativni i aplikativni softver na serveru, ipak za pokretanje web stranica na ovakvim serverima neophodno je dodatno znanje iz oblasti administracije servera (Linux ili Windows). Ovakva vrsta usluga odnosno hostinga postaje sve popularnija i cenom, a mogućnosti proširenja resursa su velika pa je omiljen kod developera odnosno u programerskoj zajednici jer vas ničin ne sputava kada je u pitanju izbor alata kojim ćete realizivati svoje projekte.

Napomenućemo da je dostupnost ovih usluga 24h/7, i da nije potreban nikakav angažman od strane provajdera pa VPS možete po volji obezbediti u bilo koje doba noći i krenuti u svoj projekat. Način plaćanja su uglavnom kartice za plaćanje i servis možete plaćati mesečno ili godišnje po nešto nižoj ceni.

Ove usluge je čak moguće potpuno besplatno koristiti u promotivnom periodu od 30 do 60 dana, a neki od najpoznatijih VPS provajdera su:

Dovoljno je da se registrujete na navedenim linkovima i dobićete kredite u iznosu od najmanje 10 USD, što je sasvim dovoljno da testirate ovu uslugu i ako ste istom zadovoljni možete nesmetano da nastavite sa korišćenjem.

Dedicate Hosting

Dedicate Hosting ili dodeljen server resurs je vrsta usluge u kojoj zakupljujete hardverski resurs koji se nalazi u okviru hosting centra. Ovakav način hostovanja je specifičan, može biti sa uslugom održavanja sistema ili bez nje. Prednosti ovakvog sistema su jak hardverski resurs uz jak internet protok koji obezbeđuje provajder. Idealan je za upravljanje jako zahtevnim poslovnim aplikacijama, a podaci su delimično javno dostupni pa se smatra i bezbednim za poslovanje. U ovom slučaju dakle imate zakupljene resurse koje ne delite sa drugima, sami definišete koji hardver i koji softver se postavlja na server, kako su oni povezani na mrežu i koje podatke želite da delite na internetu. Izuzetno je kompleksan i namenjen je isključivo korisnicima koji imaju adekvatan kadar za pokretanje i održavanje ovakve usluge.

CLOUD PLATFORME

Danas se internet mreža razvija tom brzinom da su najveće IT kompanije razvile novu vrstu usluge koja se zove cloud servis. Od server soba iz primera shared hosting kompanija, data centra ili centara kod VPS usluge, kod cloud platforme govorimo o gigantskim klasterima servera smeštenim u geo pozicioniranim data centarima rasprostranjenim po svim kontinetima i povezanim izuzetno brzim optičkim vezama. Vodeći provajderi ove usluge su Microsoft, Amazon i Google. Oni obezbeđuju vrlo kompleksne pakete servisa koji pokrivaju potrebe malih, srednjih i enterprise korisnika. Poslovni svet sve više prepoznaje kvalitet i cenu ove usluge, pa se iz razloga uštede danas seli svoje poslovanje iz sopstvenih data centara delimično ili potpunosti seli u cloud. Ova vrsta platforme je izuzetno kompleksna za podešavanje i održavanje. Namenjena je kompleksnim sistemima koji imaju potrebe za brzim skaliranjem resursa, geo redudansom i brzinom.

 

Internet domen/ web adresa

Domen predstavlja adresu Vašeg sajta. Ono što je za nas ulica i broj u stvarnom svetu, to je domen za Vaš sajt na internetu. Izaberite ime domena pažljivo – preporučuje se da naziv domena bude povezan sa nazivom firme, ili onim što želite da predstavite na svom web sajtu. Primer domena: www.example.com ili www.example.rs (vaš domen je u okviru nekog internacionalnog ili nacionalnog domena).

Nacionalni domeni (adresni prostori):  .rs, .co.rs, .org.rs…

Nacionalni domeni koji mogu da se registruju su:

  • RS – namenjen svim zainteresovanim korisnicima
  • CO.RS – namenjen poslovnim korisnicima
  • ORG.RS – namenjen svim ostalim korisnicima koji su pravna lica
  • EDU.RS – namenjen obrazovnim ustanovama i organizacijama
  • IN.RS – namenjen fizičkim licima
  • AC.RS – (delegiran) namenjen akademskoj i naučno istraživačkoj mreži Srbije
  • GOV.RS -(delegiran) namenjen je za državne organe Republike Srbije

Internacionalni domeni (adresni prostori): .com, .net, .org, .info…

Registracija domena je proces u kome korisnik (registrant) zakupljuje izabrani domen na svoje ime ili ime svoje firme, kod ovlašćenog registra , čime stiče jedinstveno pravo korišćenja te Internet adrese za svoj web sajt.  Spisak ovlašćenih registara  možete videti ovde.

Registar nacionalnog internet domena Srbije (skraćeno: RNIDS) je stručna, nevladina i nedobitna Fondacija obrazovana radi upravljanja nacionalnim internet domenima .RS i .СРБ, tako da se ostvaruje opšti interes svih građana Srbije, uz poštovanje principa kvaliteta, efikasnosti, nezavisnosti i transparentnosti.

Samom registracijom domena, korisnik dobija web adresu bez prostora za postavku sajta. Registracija se može izvršiti preko ovlašćenog registra tj. firme koja se bavi hostingom.

Spisak ovlašćenih registara.

Na primer: registracija internet domena na Eunet-u

Statički i dinamčki Web

Razlike između statičkih i dinamičkih Web stranica

Postoji mnoštvo statičkih web sajtova na Internetu. U prvi mah verovatno nećete moći ni da vidite da je u pitanju statički sajt. Međutim, ukoliko je sajt mali, jednostavan, pripada nekom preduzeću, samo pruža informacije, ne poseduje dodatke, niti posebne opcije za posetioce, najverovatnije je da se radi upravo o njemu. Statičke web sajtove mogu da nadograđuju, menjaju i ažuriraju samo poznavaoci web dizajna i web programeri. Oni su  najjeftiniji za hostovanje i dizajniranje. Mnoge manje kompnije i dalje koriste baš njih kako bi imale prezentaciju na Internetu. Sa dinamičkim sajtom niste samo pasivni posmatrač, već aktivan učesnik!

Prednosti statičkog web sajta

•Brz dizajn

• Jeftin dizajn

• Jeftin za hostovanje

Mane statičkog web sajta

• Zahteva dobro poznavanje web dizajniranja za rad na sajtu

• Sajt nije posebno prilagođen korisnicima

• Sadržaj može postati statičan

Sa druge strane, dinamčki sajtovi u početku traže više novčanih ulaganja, ali prednosti koje daje su mnogostruke. Prvo i najvažnije je to da vlasnik takvog sajta može sam da dodaje i ažurira sadržaj. Na primer, vesti i događaji mogu da se postavljaju kroz običan pretraživač. Dimaničke mogućnosti sajta su limitirane isključivo maštom. Primeri dinamičkih web sajtova su: CMS, e-komerc, forumi, mogućnost da klijenti aplouduju dokumenta, i slično.

Prednosti dinamičkih web sajtova

• Mnogo su funkcionalniji

• Jednostavniji za ažuriranje

• Nov sadržaj privlači posetioce i zadržava postojeće, plus dobar je za pretraživače

• Može da funkcioniše kao sistem koji dozvoljava korisnicima da sarađuju

Mane dinamičkih sajtova

• Sporije se izgrađuju (projektuju, programiraju i dizajniraju) i skuplji su

• Hosting je malo skuplji.

Zaključak

Većina web sajtova iz protekle decenije su statičkog karaktera. Ipak, sve je više ljudi koji uviđaju prednosti dinamičkih sajtova, jer dinamički sajtovi pružaju ono najbolje što sajt može da ponudi

World Wide Web

WWW

WWW  je skup dokumenata u elektronskom obliku koji su povezani jedni sa drugima sličnoo kao što je jedan deo paukove mreže povezan sa ostalim delovima.

Ti dokumenti su smešteni na kompjuterima koji se zovu serveri a nalaze se na raznim mestima širom sveta. Danas skoro da nema novina koje nemaju svoju Web verziju a veliki deo poslovanja se obavlja takođe putem Interneta – elektronsko poslovanje.

Web se sastoji od:

  • Vašeg personalnog kompjutera
  • Programa za prikazivanje Web strana (browser software)
  • Veze sa Internet provajderom(Internet service provider=ISP)
  • Servera koji hostuju (oni su im „domaćini“) podatke
    Rutera (router) i svičeva (switch) koji upravljaju protokom podataka

Kako Web radi?

Web strane su smeštene na web serverima širom sveta. Ukucavanjem URL-a (Uniform Resource Locator) web strane u vaš web brouzer ili klikom na link šalje se zahtev serveru koji hostuje tu stranu.

Server šalje web stranu na vaš kompjuter a vaš web brouzer vam je prikazuje na ekran.

Web strane

Web strane su elektronski dokumenti koji su pisani u „kompjuterskom jeziku“ koji se zove HTML (Hypertext Markup Language)

Web strane mogu da sadrže tekst, slike, video klipove, animacije, zvuk a mogu da budu interaktivne u smislu da na njima možete da ukucate i ostavite neke svoje podatke.
Svaka strana ima jednoznačnu adresu koja se zove URL (Uniform Resource Locator), koja određuje njenu lokaciju na serveru.

Web strana obično sadrži hiperlinkove na druge web strane. Hiperlinkovi su tekst ili slike koje vode do URL-ova drugih web strana.

Websajtovi

Websajt (website) je jedna ili više web strana posvećenih jednoj istoj tematici, na primer jednoj osobi, poslu, organizaciji ili temi kao što je sport, ….

Prva strana se zove home page, koja ustvari predstavlja sadržaj sajta.

Sa prve strane klikom na hiperlinkove pristupate ostalim web stranama sajta.

Navigacija kroz Web

Postoji tri osnovna načina za kretanje između web strana i web sajtova:

*Klikom na tekstualni hiperlink.

*Klikom na hiperlinkovanu sliku, kao sto je dugme, fotografija ili crtež.

*Ukucavanjem URL-a web strane u location box (polje brouzera u kome se ukucava adresa) vašeg web brouzera i pritiskanjem Enter  tastera.