Najveći dio sadržaja predstavljenog na Internetu su web stranice. Istorijski gledano, ovo je prva vrsta dokumenata namijenjenih za smještaj u virtuelnom mrežnom prostoru, ali je zadržala svoju relevantnost do danas i praktično nema konkurentskih formata. Kakva je struktura web stranica? Koji alati za web razvoj se koriste za njihovu izradu?
Šta je web stranica?
„Navedite glavne elemente web stranice“, kaže nam ispitivač na lekciji informatike. Šta mu možemo reći zauzvrat? Prije svega, hajde da razgovaramo o tome što je web stranica u principu.
Prema općeprihvaćenoj definiciji među IT profesionalcima, riječ je o dokumentu koji je namijenjen za otvaranje u specijalizovanom programu - pretraživaču, a koji sadrži podatke koji se prikazuju na ekranu računara pomoću odgovarajuće vrste softvera različitog korisnog sadržaja - tekstovi, linkovi, grafike, video zapisi, muzika itd. Web stranica je tekstualni dokument. Odgovarajući podaci za pretraživač su slova, brojevi i specijalni znakovi koji se koriste kao elementi jezika za označavanje - HTML. Uz pomoć njega kreator web stranice "objašnjava" pretraživaču kako da prikaže ovaj ili onaj sadržaj na ekranu.
Mjesto i uloga web stranica u strukturi web stranica
Da li biste rekli da je web stranica glavna komponenta web stranice? Ovo je djelimično tačno. Međutim, kao što smo već napomenuli, web stranica je samo tekstualni dokument. Stranica po pravilu sadrži i slike, video zapise i druge multimedijalne elemente. Web stranica ih ne može sadržavati, ali u svojoj strukturi može sadržavati linkove do njih. Tako se web stranica može nazvati glavnom komponentom stranice u smislu dominantne uloge u prikazivanju virtuelnog sadržaja korisnicima.
U rijetkim slučajevima, naravno, predmetni dokument će biti jedina komponenta stranice - ako iz nekog razloga ne predviđa prikaz grafičkih, video i drugih multimedijalnih elemenata. Konkretno, najranije stranice - kada su se prvi put pojavili jezici za označavanje web stranica - nisu uključivali relevantan sadržaj. Pred očima korisnika bio je samo tekst i linkovi.
Princip upotrebe hiperteksta
Dakle, web stranica je dokument napisan u HTML jeziku, uz pomoć kojeg se vrši označavanje hiperteksta. Ali šta je ovaj fenomen? Šta je hipertekst? Ne ulazeći duboko u teoriju, napominjemo da se radi o tekstu koji vam na ovaj ili onaj način omogućava brz pristup drugom - putem linkova. U običnoj knjizi to je nemoguće - postoji "jednostavan tekst". Da bi pristupio željenoj stranici, čitatelj mora napraviti nekoliko okretaja, prije toga pročitavši sadržaj ili fusnote. U "hipertekstu" modu, glavni dio posla obavlja kompjuter - zbog informacija koje se odražavaju u HTML elementima stranice.
Ako nam nastavnik informatike kaže: "Navedite glavne elemente web stranice", onda možemo sasvim korektno početi pričati o komponentama odgovarajućeg dokumenta, koje su kreirane pomoću HTML jezika za označavanje. Stoga, za početak, pogledajmo neke teorijske tačke u vezi sa HTML-om.
HTML struktura: oznake
Kako pretraživač čita potrebne podatke o web stranici iz HTML dokumenta? Veoma jednostavno.
Glavni elementi ovog jezika su oznake. U većini slučajeva, oni su upareni - postoji otvaranje, a postoji i zatvaranje. Prvi su označeni samo ugaonim zagradama. Drugi su slični, ali ispred druge zagrade stoji kosa crta - znak /. Pregledač ih može prepoznati, te stoga bez problema prikazuje sadržaj web stranica u skladu sa algoritmima koje je kreirao programer dokumenta.
Početna oznaka se obično piše velikim slovima, a završna malim slovima. Ovo je standard koji se ustalio među IT profesionalcima. Pregledač će sigurno prepoznati HTML komandu u bilo kojem slovu, ali se web programeri ohrabruju da se pridržavaju označene šeme označavanja. Ovo će olakšati, na primjer, drugim profesionalcima da revidiraju web stranicu.
Atributi
Drugi bitni elementi HTML jezika su atributi. Uz njihovu pomoć, kreator web stranice može postaviti svojstva sadržaja - na primjer, visinu fonta, njegovu boju, položaj u odnosu na stranicu. Isto važi i za slike, video zapise i druge multimedijalne komponente. Atributi se pišu unutar početne oznake.
Sadržaj
Između početne i završne oznake nalazi se sljedeća ključna komponenta web stranice – sadržaj. To je, zapravo, upravo onaj sadržaj koji bi trebao biti prikazan pred korisnikom na ekranu. To može biti tekst, link, slika, video ili drugi multimedijalni element.
Elementi web stranica
"Zato navedite glavne elemente web stranice, konačno!" - ponavlja učiteljica. "Sa zadovoljstvom," - odgovaramo mu. Šta je uključeno u strukturu vrste dokumenata koji se razmatraju? Složimo se da ćemo ovaj aspekt razmotriti u kontekstu HTML elemenata web stranice. Odnosno, njihov prikaz u pretraživaču – ono što korisnik vidi na ekranu – zanimaće nas u manjoj meri. Poenta je da odgovarajući HTML algoritmi, na osnovu kojih program prikazuje sadržaj na isti način, mogu biti različiti. A to je posebnost HTML jezika: željena slika na web stranici može se prikazati na različite načine. Istovremeno, mogu biti i ekvivalentni u smislu troškova rada kreatora web stranice na način, i pretpostavljati različitu količinu truda i vremena za njihovu implementaciju.
Elementi web stranice: zaglavlje
Standardnih elemenata web stranice, koliko god to zvučalo iznenađujuće, ima vrlo malo. U stvari, postoje samo dva od njih - naslov i glavni dio dokumenta. Istovremeno, svaki od njih može imati prilično složenu strukturu.
Koja je specifičnost naslova? Nalazi se na samom vrhu web stranice. U HTML kodu koji generiše zaglavlje, po pravilu se pretpostavlja da "šifruje" samo tekst, ali ako je potrebno, u odgovarajući element mogu se postaviti i mali grafički umetci. I to je, zapravo, sve što se može reći o naslovu. Čini se da je njegova uloga u strukturi odgovarajućeg dokumenta beznačajna. Ali to nije slučaj. Naslovi web stranica su veoma značajni sa stanovišta indeksiranja sajtova u pretraživačima - Yandex, Google. Ovaj element mora biti u potpunosti relevantan za sadržaj web stranice, kao i za tematske specifičnosti stranice.
Kako se naslov web stranice snima pomoću HTML-a? Veoma jednostavno. Prvo se upisuje početna oznaka, koja uvijek izgleda kao HEAD sa uglastim zagradama, zatim sadržaj naslova, a zatim završna oznaka. Napisani su, naravno, na samom vrhu web dokumenta.
Naslov web dokumenta može uključivati niz dodatnih elemenata. Ponekad format web stranice može zahtijevati prikaz teksta u određenom kodiranju. Kako osiguravate da web dokument ispunjava ovaj kriterij? Veoma jednostavno. Struktura zaglavlja dokumenta treba da sadrži HTML algoritme koji nalažu pretraživaču da koristi specifično kodiranje jezika - na primer, ćirilicu. Odgovarajuće komande se nalaze unutar META oznake, koja je, kao i druge, otvorena i zatvorena.
Glavno tijelo web stranice
Glavni dio web dokumenta otvara se oznakom BODY, a zatvara odgovarajućim elementom koji uključuje kosu crtu. Istovremeno, između otvaranja i zatvaranja oznaka, može postojati ogroman broj dodatnih naredbi jezika za označavanje hiperteksta. To je zbog činjenice da glavni dio web stranice sadrži njen korisni sadržaj - tekstove, linkove, grafike, video zapise, različite obrasce za popunjavanje.
Svaki od odgovarajućih tipova sadržaja ima svoje oznake. Struktura glavnog dijela web dokumenta može sadržavati HTML komande, uz pomoć kojih se također formatira tekst - na primjer, dajući fontu određenu boju, veličinu i druga svojstva.
Pogledajmo neke od specifičnosti nekih od najčešće korištenih HTML oznaka. Zapravo, oni također čine glavne elemente web stranice.
Osnovne HTML oznake
Dakle, da bismo detaljno proučili koji su elementi web stranice, proučimo detaljnije suštinu osnovnih HTML oznaka. Gore smo već naveli neke od njih - posebno one uz pomoć kojih pretraživač čita zaglavlja web stranica i određuje gdje se nalazi glavni dio dokumenta.
Oznaka P je prilično uobičajena. Ona, kao i drugi slični elementi jezika za označavanje hiperteksta, može biti otvaranje i zatvaranje. Ova oznaka vam omogućava da formatirate jedan pasus dokumenta. Možete, na primjer, za njega postaviti određenu vrstu fonta ili njegovu boju. Međutim, to se radi pomoću dodatne oznake - FONT. U ovom slučaju, on će biti smješten unutar onog koji označava granice pasusa - to će vam omogućiti da ne širite HTML naredbu koja odražava tip željenog fonta na druge elemente web stranice.
Tabele se kreiraju pomoću oznake TABLE. Koristeći odgovarajuće atribute, možete odrediti potreban broj kolona i redova, postaviti njihovu širinu, specifičnosti ivica, veličinu i boju teksta u tabeli.
IMG oznaka je odgovorna za obradu slika u pretraživaču. Takođe vam omogućava da postavite različite atribute koji regulišu veličinu slike, njen položaj na stranici.
Veze ka drugim web dokumentima ili datotekama označene su oznakom A. Obično sadrži atribute koji ukazuju na činjenicu da postoji hiperveza u strukturi web stranice. U tom slučaju je naznačen dokument, datoteka ili stranica do koje vodi.
Uobičajena oznaka je FRAMESET. Može se koristiti za podjelu prostora web stranice na nekoliko područja - okvira. U svaki od njih možete postaviti linkove do pojedinačnih web dokumenata. To jest, okviri vam omogućavaju da pravilno pozicionirate dvije ili više stranica na jednom ekranu u isto vrijeme.
Priča o ključnim elementima web stranica i kasnija priča o načinima njihovog formatiranja pomoću HTML-a – nešto poput algoritma za naš odgovor na pitanje koje nam je ispitivač postavio. Ako nam se obratio, rekavši „navedite glavne elemente web stranice“, onda ćemo, koristeći odgovarajuću metodologiju, imati sve prilike da otkrijemo temu. Odnosno, pod pojmom "elementi" možemo razumjeti ključne komponente strukture web dokumenta, odnosno tipove sadržaja - tekst, slike, tabele, okvire, linkove, koje webmaster formira pomoću alata kao što je HTML.
Specifičnost alata za web razvoj
Pored navedenog, možemo pojasniti da postoji ogroman broj oznaka i atributa koje obezbjeđuju HTML standardi. Osim HTML-a, web programeri mogu koristiti dodatne alate za oblikovanje hipertekstualnih dokumenata. Na primjer, koristeći JavaScript skriptni jezik, možete kreirati dinamičke web stranice – odnosno one na kojima se sadržaj stalno ažurira (kako zbog radnji samog korisnika, tako i u skladu s algoritmima koji su prethodno napisani u skriptama).
Bit će korisno dodati da web programer u svom radu može koristiti punopravne programske jezike, kao što su, na primjer, Perl, PHP, Java, Python, uz pomoć kojih postaju mogućnosti rada sa hipertekstualnim dokumentima čak i šire. Potreba za tim može biti posljedica činjenice da su područja primjene web tehnologija danas vrlo različita. Izazovi sa kojima se suočavaju današnji programeri mogu biti zastrašujući. Na primjer, ponekad je potrebno prevesti web stranice napisane na ruskom na engleski. U ovom slučaju, programerov alat će biti najraznovrsniji.
Web stranice se međusobno razlikuju:
Veličine (od nekoliko stranica do web servera sa gigabajtima informacija).
Dizajn (opća shema boja, format fonta, korištene ilustracije itd.).
Struktura (sistem linkova, povezivanje stranica unutar sajta, kao i povezivanje sa drugim sajtovima).
Istovremeno, svaka web stranica je izgrađena od standardnih elemenata koji se mogu podijeliti u dvije grupe:
Pasivni (ilustrativni) elementi
animacija
Aktivni elementi
polja za unos
prekidači
Okviri (eng.okvir- okvir, okvir) je tehnologija koja vam omogućava da web stranicu podijelite na nekoliko dijelova (prozora) i omogućava promjenu sadržaja svakog dijela bez obzira na druge dijelove. Na primjer, sadržaj web mjesta se često stavlja u jedan nepromjenjivi okvir, a sadržaj u drugi.
Tema 9. Elektronska komunikacija. Email adrese
Elektronska pošta (E-mail sa engleskog. Elektronska pošta) je glavna vrsta mrežnih usluga. Razmjena poruka se implementira kroz sistem mail serveri.
Za svakog korisnika na mail serveru svoje poštansko sanduče je lokacija na disku servera gdje se pohranjuju poruke e-pošte. Prilikom registracije e-mail adrese, korisnik dobija ime (login) i lozinku, pomoću koje naknadno dobija pristup svom poštanskom sandučetu. Ime (login, login) poštanskog sandučeta daje sam korisnik. Server samo vodi računa o tome da je ime jedinstveno.
E-mail adresa se sastoji od dva dijela, odvojena znakom @ (ovaj znak se obično naziva "pas"):
ime poštanskog sandučeta korisnika (koje je on odabrao, u našem primjeru - irina).
naziv domene mail servera (u našem primjeru - mail. ru) .
Na primjer, irina@ mail. ru
E-mail adrese se pišu bez razmaka pomoću slova latinice, brojeva ili simbola (dozvoljeni za upotrebu).
Na osnovu podataka o registraciji e-mail adrese, aRačun , koji sadrži podatke potrebne za kontaktiranje poštanske službe, uključujući korisničko ime (Ulogovati se) i lozinku.
Prema ovom zapisu, server identifikuje korisnika.
Zaštita planiranja Internet sigurnosti
Predmet napada mogu biti i informacije koje se prenose preko mreže i računar povezan na Internet.
Nemoguće je osigurati potpunu sigurnost prilikom korištenja interneta, ali planiranje zaštite unaprijed značajno smanjuje vjerovatnoću napada. Kako se internet neprestano razvija, stalno se pojavljuju novi sigurnosni problemi, tako da je ažuriranje zaštitnih alata obavezan dio održavanja zdravlja računarskog sistema.
Odbrambene linije:
Blokiranje mogućih napada:
Koristite poseban softver i hardver da blokirate nesigurne i nepotrebne podatke.
Koristite autentifikaciju i enkripciju.
Smanjenje izvora rizika:
Koristite samo one Internet usluge koje su vam zaista potrebne.
Koristite besprijekoran softver i održavajte ga ažurnim.
Ispravno konfigurišite softver (što je manje dozvoljeno, veća je sigurnost).
Ne oglašavajte informacije o sebi na Internetu.
Ograničite pristup resursima vašeg računara.
Priprema za oporavak od napada:
Kreirajte i redovno ažurirajte sigurnosne kopije vaših operativnih podataka.
Uvijek imajte pri ruci distribucije softvera.
Autentifikacija (odrpprirodnoauthentikos- autentičnost) - potvrda autentičnosti.
Elementi web stranice
Svaka web stranica sadrži određeni skup standardnih elemenata koji su obavezne komponente svakog internetskog resursa. Naravno, asortiman i broj takvih objekata može varirati u zavisnosti od tematskog fokusa stranice, količine materijala objavljenih na njoj, kao i od ciljeva i zadataka kreatora ovog resursa. Raspored takvih elemenata, dizajn njihove relativne pozicije jedan je od glavnih zadataka web-mastera.
Prvi element web stranice koji ćemo pogledati je njen naslov. Može se napraviti iu tekstualnom i u grafičkom obliku, ali u oba slučaja treba da se nalazi na vrhu dokumenta. Ponekad se sa naslovom kombinuju meni za izbor ćiriličnog kodiranja i dugmad za prelazak sa ruske na englesku verziju sajta, ako je ovaj veb-resurs predstavljen na dva jezika. Neposredno podnaslov dokumenta, po pravilu, je prostor predviđen za postavljanje reklamnog banera. Uključivanje banera u gornji dio web stranice u većini slučajeva je preduvjet za registraciju stranice u servisima za razmjenu banera - sistemima koji oglašavaju resurs koji ste kreirali u zamjenu za prikazivanje reklama drugih članova mreže za razmjenu banera na stranicama vašeg sajta. Standardna veličina banera objavljenih ispod naslova dokumenta je obično 468x60 piksela. Ako koristite statički izgled stranice, širina naslova vašeg dokumenta bit će približno 640 piksela, prvenstveno zbog potrebe da se osigura da se dokument ispravno prikazuje na monitorima s rezolucijom ekrana od 640x480 piksela i da se izbjegne pojava horizontalnog traka za pomicanje koja otežava pregled. Očigledno je da će širina banera u ovom slučaju biti mnogo manja od širine naslova, zbog čega će se u dijelu stranice na kojem planirate dodijeliti prostor za oglašavanje formirati nedodijeljeni prostor koji se može popuniti sa logom kompanije koja je vlasnik ove stranice ili linkom na server koji implementira web.hosting. Naravno, logo nije uvijek neophodan: u pravilu se uključuje na web stranicu samo ako je stranica komercijalnog fokusa.
Glavni dio dokumenta zauzima takozvano tekstualno polje - područje u kojem se nalazi semantički sadržaj stranice: informativni informativni tekst i ilustracije. Navedeni elementi nazivaju se i sadržajem (od engleskog, content - sadržaj). Lokacija tekstualnog okvira prvenstveno ovisi o tome kako web dizajner postavlja ostatak dokumenta.
Sljedeći obavezni dio web stranice su elementi za navigaciju - hiperveze koje povezuju ovaj dokument sa drugim dijelovima stranice. Elementi za navigaciju mogu biti izvedeni u obliku tekstualnih nizova, grafičkih objekata, odnosno dugmadi ili aktivnih komponenti, na primjer, Java apleta. Potonji su isti gumbi koji, za razliku od svojih tradicionalnih sestara, mogu reagirati na pokrete miša, izvodeći neke jednostavne radnje kada kursor lebdi preko njih (uključivanje pozadinskog osvjetljenja, stvaranje efekta pritiska, promjena oblika, itd.) . Kao što sam već spomenuo u odjeljku Osnovni "postulati" web dizajna, navigacijski elementi trebaju biti raspoređeni tako da su uvijek na vidiku, pri ruci, odnosno da korisnik ne mora premotavati stranicu unazad. ako je tekstualno polje nekoliko fizičkih ekrana, a zatim dugo tražite veze do drugih odjeljaka. Najčešći pristup je postavljanje navigacijskih elemenata na lijevu stranu stranice.
Na dnu dokumenta uobičajeno je da se objavljuju informacije o programerima stranice i adresa e-pošte na koju posjetitelji resursa mogu poslati svoje odgovore, sugestije i želje vlasnicima stranice. Ako je web stranica početni dokument, na njenom dnu se također postavlja brojač pogodaka - mala skripta koja poziva CGI skriptu instaliranu na serveru koji bilježi svako otvaranje dokumenta u korisnikovom pretraživaču promjenom vrijednosti indikator brojača. Zahvaljujući tome, web-master može lako odrediti broj posjetitelja koji su posjetili njegovu stranicu u bilo kojem vremenskom periodu. Imajte na umu da se brojač poseta postavlja samo na prvoj stranici koja se poziva prilikom pristupa sajtu, a nema ga u ostatku dokumenata resursa. Takođe se ne preporučuje postavljanje nekoliko različitih brojača na jednu stranicu.
Dakle, analizirali smo sve glavne komponente web stranice i njihovu moguću lokaciju jedna u odnosu na drugu.
U praksi je uobičajeno pronaći web stranice u čijem dizajnu su navigacijski elementi pozicionirani duž desne ivice ekrana. U ovom slučaju, polje teksta je pomaknuto ulijevo, a ostale komponente dokumenta su raspoređene po principu maksimalne estetike njihove kombinacije.
Kao što vidite sa slike, logo je u ovom slučaju postavljen u istoj ravni sa naslovom dokumenta, a reklamni baner je pozicioniran u odnosu na centar stranice. Ovim pristupom preporuča se zadržati grafički dizajn naslova, logotipa i reklamnog polja u istoj boji i umjetničkom stilu - tada asimetrija položaja ovih objekata neće biti tako očigledna i neće rezati oči pristalica stroge, tabelarne estetike dizajna.
Elementi za navigaciju mogu se postaviti ne samo blizu desne i lijeve ivice stranice, već i na vrhu dokumenta. Ova opcija izgleda je, po mom mišljenju, najprikladnija za kreiranje početnih stranica: u ovom slučaju svi objekti stranice harmonično se uklapaju u navedenu širinu nevidljive tablice, dok je priprema same tablice uvelike pojednostavljena. Jedina mana ovakvog pristupa je potreba za dupliranjem navigacijskih elemenata na dnu dokumenta, jer pri vertikalnom pomicanju stranice nestaju izvan vrha ekrana, a da bi došao do njih, korisnik će morati premotati ekran, što je, vidite, veoma nezgodno.
Naravno, sve što je rečeno u ovom dijelu nije lijek, već vodič za akciju. Pokušavam da iznesem samo opća načela koja se primjenjuju prilikom sklapanja strukture stranice, konačna odluka uvijek ostaje na webmasteru. U konačnici, bez obzira koji dizajn stavite u osnovu svog budućeg projekta, rezultat vašeg rada će i dalje biti ispravan: nema cenzure na Internetu, niti bilo kakvih propisa koji tjeraju kreatora stranice u jedan ili drugi kruti okvir. Primjer dizajnerskog rješenja koje ne spada ni u jednu od navedenih kategorija je takozvani mješoviti raspored.
Kao što možete vidjeti sa slike, u ovom primjeru, neki od kontrolnih elemenata ugrađeni su direktno u naslov stranice - govorimo o dugmadima za prebacivanje između ruske i engleske verzije stranice, kao i navigacijskim tipkama: ovo može biti veza ka e-mail adresi kreatora resursa, duplirana na dnu dokumenta, i veza ka jednom od tematskih sekcija, na primjer, stranici s vijestima. Glavni blok navigacijskih elemenata pozicioniran je u odnosu na lijevu ivicu dokumenta, ali se meni za odabir ćiriličnog kodiranja nalazi direktno ispod reklamnog banera na vrhu stranice. Tekstualno polje je podijeljeno u dvije asimetrične kolone, a desna sadrži kratke najave tematskih naslova koji čine resurs, uključujući veze do ovih odjeljaka.
Očigledno, može postojati veliki izbor opcija za mješoviti izgled web stranice: konkretne odluke zavise od broja odjeljaka koji čine resurs, količine teksta pripremljenog za postavljanje na web stranicu i, konačno, od mašta samog dizajnera. Važno je samo da izgled stranice ne izaziva pritužbe posjetitelja. Na kraju krajeva, samo vi kao programer, vi i niko drugi, imate pravo da pokažete sve svoje sposobnosti i talente i napravite stranicu po svom ukusu. Kreatori nekih početnih stranica, ne mučeći se sumnjama, postavljaju brojač pogodaka u gornji desni ugao dokumenta, napišu naziv sajta sitnim slovima i objavljuju ga pod reklamnim banerom, i iz nekog razloga, navigacijski elementi neočekivano se pojavljuju tačno u sredini tekstualnog bloka, između priče o sebi i fotografija voljenog psa autora projekta. Za ukus i boju, kako kažu, nema drugova. Ali meni lično ova bolest deluje neizlečivo.
Svaka web stranica sadrži određeni skup standardnih elemenata koji su obavezne komponente svakog resursa na Internetu. Raspored takvih elemenata, dizajn njihove relativne pozicije jedan je od glavnih zadataka web-mastera.
Prvi element web stranice je njen naslov... Može se napraviti iu tekstualnom i u grafičkom obliku, ali u oba slučaja treba da se nalazi na vrhu dokumenta. Ponekad je naslov kombinovan Izbornik ćiriličnog kodiranja i dugmad za prelazak sa ruske na englesku verziju stranice ako je dati Web resurs predstavljen na dva jezika.
Podnaslov samog dokumenta obično sadrži prostor predviđen za postavljanje. reklamni baner... U većini slučajeva, uključivanje banera u gornji dio web stranice je preduvjet za registraciju web stranice sa servisima za razmjenu banera - sistemima koji oglašavaju resurs koji ste kreirali u zamjenu za prikazivanje reklama drugih članova mreže za razmjenu banera. na stranicama vaše web stranice.
Glavni dio dokumenta zauzimaju tzv tekstualno polje- područje u kojem se nalazi semantički sadržaj stranice: informativni informativni tekst i ilustracije. Navedeni elementi se nazivaju i "sadržaj" (od engleskog, sadržaj - sadržaj). Lokacija tekstualnog okvira prvenstveno ovisi o tome kako web dizajner postavlja ostatak dokumenta.
Sljedeći obavezni dio web stranice je navigacijski elementi- hiperveze koje povezuju ovaj dokument sa drugim dijelovima stranice. Elementi za navigaciju mogu biti izvedeni u obliku tekstualnih nizova, grafičkih objekata, odnosno dugmadi ili aktivnih komponenti
nents, kao što su Java apleti. Potonji su isti gumbi koji, za razliku od svojih "tradicionalnih" sestara, mogu reagirati na pokrete miša, izvodeći neke jednostavne radnje kada kursor lebdi iznad njih (uključivanje pozadinskog osvjetljenja, stvaranje efekta "pritiska", promjena oblika itd.) itd.).
Najčešći pristup je postavljanje navigacijskih elemenata na lijevu stranu stranice.
Na dnu dokumenta uobičajeno je objavljivanje informacije o programerima stranice i email adresu, prema kojem posjetitelji resursa mogu slati svoje odgovore, sugestije i želje vlasnicima stranice.
Ako je web stranica početni dokument, dno se također postavlja brojač posjeta- mala skripta koja poziva CGI skriptu instaliranu na serveru koja bilježi svako otvaranje dokumenta u pretraživaču korisnika promjenom vrijednosti indikatora brojača. Ne preporučuje se postavljanje nekoliko različitih brojača na jednu stranicu.
Svi smo pročitali ogroman broj članaka o tome kako odabrati ključne riječi i napraviti njihovu listu ispravno, kako pomoću ključnih riječi napraviti web stranicu koja je relevantna za određene upite pretraživanja. Pogledajmo pobliže pitanje plasmana ključnih riječi na web stranicama.
Znati gdje i kako postaviti ključne riječi na web stranicu određuje uspjeh ili neuspjeh vaše SEO kampanje.
Svaka web stranica ima 5 elemenata u koje trebate postaviti svoje ključne riječi:
- Naslov stranice (title tag)
- Ključne riječi stranice (Meta-tag ključne riječi)
- Opis stranice (opis meta-oznake)
- Alternativni tekst za slike (Alt tag)
- Sadržaj web stranice (body tag)
Od svih navedenih elemenata web stranice najvažniji je sadržaj stranice (tačka 5). Više o tome kasnije.
Za sada, uzmimo ovu listu po redu.
Element broj 1. Naslov stranice (title tag)
Prvo, pogledajmo naslov stranice (title tag). Ovaj element je prvi i najvažniji od svih ostalih elemenata u glavnom bloku bilo koje web stranice.
Naslov web stranice možete vidjeti u samom gornjem redu internet pretraživača. Da biste to potvrdili, pokrenite bilo koji pretraživač, na primjer, Internet Explorer, Opera ili Mozilla Firefox, idite na bilo koju stranicu i uporedite sadržaj oznake naslova sa najgornjom linijom u ovim pretraživačima. Pretraživači koriste ovu oznaku u svoje svrhe - da prikupljaju informacije o web stranici i odrede njen predmet, a također je koriste u rezultatima pretraživanja (SERP) kao naziv web stranice.
Zapamtite! Naslov web stranice je kratak opis.
Pored navedenog, sadržaj oznake title se koristi kao naslov web stranice kada se doda u Favorite internet pretraživača.
Element broj 2. Ključne riječi stranice (Meta-tag ključne riječi)
Hajde sada da pričamo o ključnim rečima i opisu Meta tagova. Prije nekog vremena Meta-tag ključne riječi su korištene prilikom dodavanja stranice u indeks pretraživača. Ali ti dani su prošli. Sada pretraživači jednostavno ignorišu ovu oznaku, jer česti su slučajevi njegove upotrebe u "prljave" svrhe. Neki pretraživači obraćaju pažnju na ovu oznaku kako bi odredili temu stranice.
Iz svega rečenog proizilazi da je ovaj tag opcionalan, ali ga možete koristiti isključivo za njegovu neposrednu svrhu.
Ključne riječi odvojite zarezom. Postavite najvažnije ključne riječi na vrh liste, a zatim u opadajućem redoslijedu po važnosti. Pretraživači su prestali da obraćaju pažnju na velika i mala slova u ključnim rečima, pa se sada sve ključne reči mogu kucati malim slovima.
Element broj 3. Opis stranice (opis meta-oznake)
Meta description tag je još jedan element sajta u koji bi trebalo da budu postavljene ključne reči. Pretraživači skeniraju ovu oznaku radi prisutnosti ključnih riječi u njoj, a također upoređuju njen sadržaj sa sadržajem same stranice (sadržajem oznake tijela). Takođe je veoma važno da pretraživači koriste sadržaj oznake description kao opis web stranice u rezultatima pretrage (SERP).
Ova oznaka treba da sadrži kratak opis web stranice, ali ne više od 50 riječi.
Element broj 4. Alternativni tekst za slike (Alt tag)
Alt-tagovi su tekstualni opis sadržaja slike, tj. ako iz nekog razloga slika nije učitana, a ova slika ima alt-tekst, tada će se umjesto slike prikazati ovaj tekst.
Ako je slika učitana, a slika također ima alt-tekst, onda je možemo vidjeti kada pređemo mišem preko slike. Alt-tagovi se koriste radi pogodnosti onih korisnika interneta koji iz nekog razloga ne prikazuju grafiku.
Mnogi pretraživači indeksiraju sadržaj ove oznake, tako da može sadržavati ključne riječi. Samo ne zaboravite da alt-tekst treba da odgovara slici, da je opisuje, da bude njen tekstualni ekvivalent. Nemojte koristiti alt oznake za slike kao što su razdjelne linije, oznake...
Element broj 5. Sadržaj web stranice (body tag)
Tako smo, konačno, došli do najosnovnijeg elementa sajta – body tag-a, elementa čiji sadržaj najviše zanima korisnike interneta. Glavni pretraživači vam više neće dati 1 SERP samo zbog prisustva višestrukih ponavljanja ključne riječi na stranici vaše web stranice. Tamo će se pojaviti samo web stranica koja je najrelevantnija za određeni upit za pretraživanje.
Da biste to postigli, trebalo bi da odabrane ključne riječi ugradite u kod web stranica, promatrajući učestalost njihovog ponavljanja. Postupite na sljedeći način: za svaku određenu stranicu odaberite 1-2 ključne riječi i optimizirajte odgovarajuću stranicu za njih.
Zamislite da pripremate prezentaciju svoje nove web stranice ili proizvoda. Zatim, na primjer, slajdovi vaše PowerPoint prezentacije su paragrafi. Trebali bi biti kratki i jasni. Baš kao iu PowerPoint prezentacijama, možete koristiti liste da navedete prednosti vaše stranice ili proizvoda, svaki put se fokusirajući na odabrane ključne riječi.
Uključite odabrane ključne riječi u gornjih 5 elemenata svake web stranice i poboljšat ćete svoje trenutne pozicije i rezultate po redu.
