Sada možemo staviti tekst sa različitim poravnanjem na našu web stranicu:

Evo mojih ličnih stranica!

Na njima možete pronaći: - priča o meni i mojim hobijima; - moje fotografije.

Sa jedne od mojih stranica to će biti moguće
pošalji mi email.

3. Alati za kreiranje web stranica

3.1 HTML uređivači

Svako bira svoj alat za kreiranje web stranica. To može biti MS FrontPage ili Macromedia DreamWeaver, Allaire HomeSite ili 1st Page. A neko koristi jednostavan uređivač teksta, kao što je Notepad (Notepad).

Uređivači teksta se mogu koristiti samo za kreiranje malih stranica, jer imaju mnoge nedostatke: projekti nisu podržani, nema "isticanja" teksta. Generalno, izuzetno je nezgodno raditi.

Glavni nedostatak MS FrontPage-a je što generiše veoma veliki HTML kod (previše ekstra), tako da su stranice velike, što utiče na brzinu učitavanja. Štaviše, kada kreirate web stranice u ovom uređivaču, vidite jednu stvar, ali u prozoru pretraživača - sasvim drugu. Stranice se ispostavljaju pomalo krive, stoga se za kreiranje visokokvalitetnih web stranica preporučuje korištenje paketa o kojima će biti riječi u nastavku.

Počećemo s popularnim Macromedia DreamWeaverom. Macromedia se smatra liderom u proizvodnji softvera za izradu web stranica, kao i trendseterom u ovoj oblasti.

Dreamweaver 3.0

Ali DreamWeaver je nekoliko koraka ispred drugih WYSIWYG uređivača, posebno generisanjem vrlo čistog HTML-a. DreamWeaver vam omogućava da se riješite iste vrste posla prilikom kreiranja stranica (na primjer, postavljanja teksta) koristeći opcije "snimi sekvencu komandi" ( zapišete redoslijed naredbi koje proizvedete, a zatim pritisnete, na primjer, CTRL+P i DreamWeaver će sve reproducirati u istom nizu.

Početna stranica 4.0

Sljedeći uređivač - HomeSite 4 - za ručno kreiranje stranica, tj. za HTML poznavaoce. Dobijate potpunu kontrolu nad HTML kodom, a moguće je optimizirati svoju stranicu za jedan od tri popularna pretraživača (MSIE, Google Chrome, Opera).

HomeSite sadrži dva glavna načina: Uređivanje i Dizajn. Dizajn mod je vrsta WYSIWYG editora koji proizvodi HTML kod, a ako učitate tuđi HTML kod, HomeSite će sve prepisati na svoj način.

Još jedna karakteristična karakteristika HomeSite-a je njegovo "lijepljenje" sa Dreamweaverom. HomeSite ima dugme "Dreamweaver" i takođe je uključeno u svoj standardni paket. Međutim, DreamWeaver takođe ima mogućnost da poveže HomeSite kao uređivač za ispravljanje HTML koda.

Jedan od najnovijih HTML uređivača je EVR Soft 1st Page v2.

Njegov slogan je "Kreirajte prvoklasne web stranice!" ("Kreirajte prvoklasne web stranice!"). Editor sadrži nekoliko načina rada - Normal, Easy, Advanced / Expert i Hardcore, odnosno možete odabrati svoj nivo i na kraju preći na viši. Još jedna karakteristika je prilično velika kolekcija JavaScript i DHTML skripti. Sve je to prilično zgodno podijeljeno u kategorije.

3.2 Grafički uređivači

Kreiranje i optimizacija grafike je složen i hirovit zadatak. Naravno, moguće je kreirati web stranicu bez upotrebe grafike - koristeći fontove, skripte i stilove (CSS) - i bit će lijepa i moderna. Ali na kraju krajeva, konačni izgled dokumenta zavisi od velikog broja različitih faktora, kao što su: širina prozora pretraživača, unapred podešene postavke pretraživača, podrazumevana veličina fonta, naziv fonta i boja. Takođe, svi pretraživači ne podržavaju sve skripte i stilove. Ako se koristi grafika, tada će je posjetitelj vaše stranice vidjeti upravo onako kako ste je vi vidjeli i vidjeti.

Glavna poteškoća u radu sa Web grafikom je u tome što je propusnost Internet kanala u većini slučajeva vrlo mala i odmah ćete se suočiti s problemima - kako napraviti grafički fajl male veličine, ali dobrog kvaliteta, koje programe i tehnike koristiti koristiti prilikom optimizacije.

Tome je posvećen odeljak o vektorskim i rasterskim grafičkim uređivačima, koji su moćan alat za obradu slika u sposobnim rukama.

Prije razmatranja vektorskih i rasterskih grafičkih uređivača, trebali biste razumjeti koja je razlika između vektorske i rasterske reprezentacije slike.

Rasterska grafika je mreža (raster), čije se ćelije nazivaju pikseli. Svaki piksel u rasterskoj slici ima striktno definiranu lokaciju i boju, stoga svaki objekat program predstavlja kao skup obojenih piksela. To znači da korisnik, radeći sa bitmap slikama, ne radi na određenim objektima, već na grupama piksela koje ih čine.

Rasterske slike pružaju visoku vjernost gradacije boja i srednjih tonova, kao i visoke detalje slike, tako da su najbolji način za predstavljanje slika u tonovima, kao što su skenirane fotografije.

Bitmap grafika uvijek koristi fiksni broj piksela, tj. Kvaliteta rasterske slike direktno zavisi od rezolucije opreme. To znači da svaka promjena slike (rotacija, uvećanje, itd.) dovodi do stalnog izobličenja slike i granice objekata postaju neravne.

Vektorske slike formiraju se na osnovu matematički opisanih figura, zvanih vektori, a tip slike je određen parametrima vektora. Drugim riječima, vektorska grafika se sastoji od krivulja koje imaju koordinate, boju i druge parametre, kao i zatvorena područja ispunjena određenom bojom. Granice ovih regija su također opisane krivuljama. Datoteka vektorske slike sadrži koordinate i parametre krivulja.

Rezultati obrade vektorskih slika ne ovise o rezoluciji opreme, tako da možete proizvoljno mijenjati njihove parametre (veličinu, boju, oblik itd.) - kvaliteta se neće pogoršati. Vektorska grafika se koristi kada se kreiraju digitalni objekti koristeći male veličine (veličine fonta) ili objekte kao što su logotipi, za koje je važno zadržati jasne obrise, u neograničenom skaliranju.

Grafički paketi (uređivači) se također dijele na dva tipa: rasterski i vektorski. Pogledajmo sada najpopularnije od njih.

A) Rasterski grafički uređivači

Microsoft Paint je jednostavan (ili bolje rečeno, najjednostavniji) uređivač koji dolazi standardno sa Microsoft operativnim sistemima. Ima skup jednostavnih funkcija (četka, olovka, gumica, itd.) koje vam omogućavaju da kreirate jednostavne slike. Nažalost, praktično nije pogodan za grafičku obradu. Slika koju vidite na desnoj strani je više od onoga za šta ovaj uređivač može.

Adobe Photoshop- danas je najmoćniji paket za profesionalnu obradu rasterske grafike. Ovo je cijeli kompleks koji ima brojne opcije za modifikaciju rasterske slike, ima ogroman skup različitih filtera i efekata, a moguće je povezati alate trećih proizvođača.

Paket nudi, na primjer, alate za popravku oštećenih slika, retuširanje fotografija ili stvaranje najfantastičnijih kolaža koje naša mašta može priuštiti. Općenito, potencijal ovog paketa je zaista ogroman. Počevši od verzije 5.5, paket uključuje program Adobe ImageReady, koji pružaju velike mogućnosti za obradu grafike pod WEB-om (optimizacija slika, kreiranje animiranih gifova, "rezanje" slika na manje itd.). Moto programera Adobe Photoshopa - "Kamera vašeg uma" - podrazumijeva ne samo tehničku izvrsnost, već i potpunu slobodu kreativnosti, na koju je osoba koja radi s ovim programom jednostavno osuđena.

PhotoPaint- još jedan podjednako poznati grafički uređivač (iz Corel Draw paketa) za obradu rasterske grafike, koji se takmiči sa Adobe Photoshopom. Također ima sve potrebne alate za obradu grafike, razne filtere, teksture. Jedina razlika je u upotrebljivosti, interfejsu i brzini primene filtera - preklapanje je malo sporije.

slikar- uređivač pruža velike mogućnosti za oponašanje stvarnih alata za crtanje: grafita, krede, ulja, itd. Takođe vam omogućava da simulirate teksturu površine materijala, slikate, kreirate animaciju. Vrlo zgodno za dizajn tapeta ili web stranica u stilu slikanja. Koristeći ovaj program osjećate se kao pravi umjetnik.

Postoji i veliki broj urednika ( Microsoft Photo Editor, Microsoft PhotoDRAW), takođe omogućava realizaciju najjednostavnijih zadataka, ali ne zadovoljava potrebe profesionalaca.

B) Vektorski grafički uređivači

Adobe Illustrator- paket vam omogućava kreiranje, obradu i uređivanje vektorske grafike. Po snazi ​​je ekvivalentan

raster editor Adobe Photoshop: ima sličan interfejs, omogućava povezivanje različitih filtera i efekata, razume mnoge grafičke formate, čak i kao npr. cdr (Corel Draw) i . swf (Flash).

CorelDraw- naravno, tako poznati grafički paket ne bi mogao bez alata za obradu vektorske grafike. Paket je skoro jednako moćan kao grafički uređivači Adobe Photoshop i Adobe Illustrator. Pored obrade vektorske grafike, ovaj paket ima rasterski grafički procesor (Photo Paint), tragač slika, uređivač fontova, pripremu teksture i kreiranje bar kodova, kao i ogromne kolekcije slika (CorelGallery).

Adobe Streamline- Još jedan Adobe proizvod dizajniran za praćenje (prevođenje) rasterske grafike u vektorsku grafiku. Ovo je mali, ali vrlo koristan i moćan proizvod. Ovo je posebno korisno ako kreirate web stranice koristeći vektorsku grafiku kao što je Flash tehnologija.

4. Kreiranje sajta koristeći CMS Joomla 1.5.7

Glatko, po principu od jednostavnog ka složenom, prelazimo sa statičnih WWW stranica na dinamičke. Za to nam je potrebno poznavanje web jezika PHP, Jscript, Perl, jQuery i barem MySQL strukturirani jezik upita. U redu, samo par godina i ti si profesionalac, sposoban da napraviš ovakve multifunkcionalne sajtove, u kojima se stranice generišu u hodu, u kojima se nalaze baze podataka klijenata foruma, logina, lozinki, identifikacije, autentifikacije, animacijskog povezivanja i mnogo više.

Ali nije potrebno poznavanje svih jezika da bi se napravila dinamična multifunkcionalna stranica. Imao sam dovoljno znanja HTML, SCC, PHP, 3Ds Max, Photoshop i SMC Joomla.

Joomla je sistem za upravljanje sadržajem napisan u PHP-u i JavaScript-u koji koristi MySQL bazu podataka kao skladište. To je slobodan softver licenciran pod GNU GPL.

Ključne karakteristike:

1. Funkcionalnost se može proširiti dodatnim modulima (proširenja, dodaci).

2. Sigurnosni modul za višeslojnu autentifikaciju korisnika i administratora.

3. Sistem šablona olakšava promjenu izgleda stranice.

4. Prilagodljivi izgledi modula, uključujući lijevi, desni i središnji blok menija.

5. Prednosti sistema uključuju činjenicu da možete sami napisati sve module, komponente, dodatke, šablone, smjestiti ih u strukturirani direktorij ekstenzija ili urediti postojeću ekstenziju po svom nahođenju.

Možete raditi sa Joomlom na host serveru na Internetu (dodatni troškovi, a mnogo zavisi od brzine interneta). Više volim da radim na lokalnom serveru. Za ovo sam izabrao Apache/2.2.4 (Win32) mod_ssl/2.2.4 OpenSSL/0.9.8d PHP/5.2.4 Server na 127.0.0.1 Port 80.

Dakle, postavite lokalni server. U direktoriju localhost/home/www/ kreirajte folder u koji stavljamo samu Joomlu. Želim napomenuti da pod PHP5.3.1 Joomla ne radi ispravno. Komponente FireBoard i Kunena foruma stalno daju greške na sajtu, morate uređivati ​​php. ini i isključite izlaz greške, što znači da sama akcija obećava nepredviđene okolnosti za stranicu. Stoga preporučujem odabir PHP verzije 5.2.4, rad je stabilan za sve dodatke, module i komponente. Nakon što instalirate Joomla preko pretraživača, kreirajte administratorskog korisnika u MySQL-u i idite na admin panel koristeći njegovu prijavu i lozinku. Zatim morate odabrati predložak za web lokaciju. Na prvi pogled će se činiti da je to vrlo lako, ali ako kopate dublje, uvjerite se da se 80% vremena troši na ažuriranje ovog šablona. Stoga preporučujem da odaberete najprikladniji predložak za vaše potrebe, ne zaboravljajući na izlazne module. Zatim povezujemo sve funkcionalnosti stranice: registraciju, forum, slideshow, banere, preuzimanje datoteka, video na mreži, audio, uređivanje, sve prikazane stranice. Radimo uglavnom sa Indeksom. php i šablon. css i naravno konfigurišemo za sebe sve povezane ekstenzije, kojih ima oko 6000 za Joomla. Tada ostaje ono najprijatnije - ovo je dizajn stranice. Koristeći rasterski program Photoshop i 3Ds Max (potpuno funkcionalan profesionalni softverski sistem za kreiranje i uređivanje trodimenzionalne grafike i animacije, koji je razvio Autodesk, sadrži najsavremenije alate za umjetnike i multimedijalne stručnjake), kreiramo dizajn predložaka. Uređivanje zaglavlja, stvaranje željenog izgleda.

Zaključak

Brzim razvojem web programiranja i kreiranjem više CMS-a, rad web dizajnera je olakšan. Sada, za kreiranje multifunkcionalnog moćnog dinamičkog web portala, dovoljno je savladati nekoliko programskih jezika (ako dodamo ekstenzije i skripte), biti vješt u grafičkim i rasterskim programima, malo inspiracije, inovativnosti i vještine.

Književnost

1. Kotorev D.V., Kostarev A.F. "PHP 5 ili najkompletniji priručnik u originalu." Petersburg 2005

2. A. Gončarov "HTML Tutorial".

3. A. Matrosov, A. Sergeev, M. Chaunin "HTML 4.0 u originalu"

4. Isaacs S. "Dinamički HTML"

5. Bayens J. "Gadgeti za WEB programiranje"

6. Bursov M.V. et al. "Osnove rada sa Dreamweaver HTML Editorom. Tutorial"

7. Velikhov V. "HTML 4.0 priručnik"

HyperTextMarkupLanguage (HTML) -- jezik za označavanje hiperteksta -- dizajniran je za pisanje hipertekstualnih dokumenata objavljenih na WorldWideWebu.

Hipertekstualni dokument je tekstualna datoteka koja ima posebne oznake koje se nazivaju tagovi, koje pretraživač zatim prepoznaje i koristi za prikaz sadržaja datoteke na ekranu računara.

Koristeći ove oznake, možete istaknuti naslove dokumenata, promijeniti boju, veličinu i stil slova, umetnuti grafike i tabele. Ali glavna prednost hiperteksta u odnosu na običan tekst je mogućnost dodavanja hiperlinkova sadržaju dokumenta – specijalne konstrukcije HTML jezika koje vam omogućavaju navigaciju do drugog dokumenta jednim klikom miša.

Struktura HTML dokumenta

Najvažnija od HTML oznaka je istoimena oznaka. . Uvijek otvara dokument, baš kao oznaka mora biti u zadnjem redu. Ove oznake označavaju da linije između njih predstavljaju jedan hipertekstualni dokument. Bez ovih oznaka, pretraživač ili drugi pregledač nije u mogućnosti da identifikuje format dokumenta i da ga ispravno protumači.

HTML dokument se sastoji od dva dijela: zaglavlja (glava) i tijela (tijelo), raspoređenih sljedećim redoslijedom:

Naslov dokumenta

Tijelo dokumenta

Najčešće je oznaka para uključena u naslov dokumenta. A koji specificira naziv dokumenta. Mnogi gledaoci ga koriste kao naslov prozora u kojem se dokument prikazuje. Programi koji indeksiraju dokumente na Internetu koriste naslov za identifikaciju stranice. Dobar naslov treba da bude dovoljno dugačak da ispravno ukazuje na odgovarajuću stranicu, a da se i dalje nalazi u naslovu prozora. Naslov dokumenta stane između uvodne i završne oznake.

Tijelo dokumenta je obavezan element, jer sadrži sav materijal dokumenta. Tijelo dokumenta je smješteno između oznaka I

. Sve što se nalazi između ovih tagova pretraživač tumači u skladu sa pravilima HTML jezika, koji omogućavaju da stranica bude pravilno prikazana na ekranu monitora.

Tekst u HTML-u je podijeljen na pasuse pomoću oznake<р>. Postavlja se na početak svakog pasusa, a pretraživač, kada ga naiđe, odvaja pasuse jedan od drugog praznim redom. Korištenje završne oznakenije potrebno.

Ako želite "razbiti" tekst, prenijeti njegov ostatak na novi red, a da pritom ne istaknete novi pasus, koristite oznaku prijeloma reda
. To uzrokuje da gledatelj prikaže znakove nakon njega u novom redu. Za razliku od oznake paragrafa, oznaka
ne dodaje prazan niz. Ova oznaka nema odgovarajuću završnu oznaku.

HTML jezik podržava i logičko i fizičko formatiranje sadržaja dokumenta. Logičko formatiranje ukazuje na svrhu datog teksta, dok fizičko oblikovanje određuje njegov izgled.

Kada se koristi logično oblikovanje teksta, pretraživač ističe različite dijelove teksta prema strukturi dokumenta. Za prikaz naslova koristi se jedna od oznaka naslova. Naslovi u tipičnom dokumentu podijeljeni su na nivoe. HTML jezik vam omogućava da navedete šest nivoa naslova: h1 (naslov prvog nivoa), h2, h3, h4, h5 i h6. Naslov prvog nivoa je obično veći i bogatiji od naslova drugog nivoa. Primjer korištenja oznaka zaglavlja:

l. Naslov poglavlja

ll. Naziv sekcije

Oznake za fizičko formatiranje direktno postavljaju izgled teksta na ekranu pretraživača, na primjer, par podebljanog teksta, postavlja podvlačenje teksta, kontroliše font teksta.

Tag umeće sliku u dokument kao da je samo jedan veliki znak. Primjer aplikacije oznake:

Za kreiranje hipertekstualne veze koristi se par oznaka<а>... . Komad teksta, slika ili bilo koji drugi objekat koji se nalazi između ovih oznaka prikazuje se u prozoru pretraživača kao hipertekstualna veza. Aktiviranje takvog objekta uzrokuje da se novi dokument učita u prozor pretraživača ili da se prikaže drugi dio trenutne web stranice. Hipertekstualna veza se formira pomoću izraza:

Href ovdje je obavezan atribut, čija je vrijednost URL traženog resursa. Navodnici u vrijednosti atributa href nisu obavezni. Ako je navedena veza do dokumenta na drugom serveru, hiperveza će izgledati ovako:

<а href = "http://www.school.donetsk.ua/11.jpg">Slika 11-A

Uz pomoć raznih oznaka, možete crtati tabele, formatirati tekst, umetati slike, video i zvučne datoteke u dokument i još mnogo toga.

Hyper Text Markup Language (HTML) - jezik za označavanje hiperteksta - dizajniran za pisanje hipertekstualnih dokumenata objavljenih na World Wide Webu.

Hipertekstualni dokument je tekstualna datoteka koja ima posebne oznake koje se nazivaju tagovi, koje pretraživač zatim prepoznaje i koristi za prikaz sadržaja datoteke na ekranu računara.

Koristeći ove oznake, možete istaknuti naslove dokumenata, promijeniti boju, veličinu i stil slova, umetnuti grafike i tabele. Ali glavna prednost hiperteksta u odnosu na obični tekst je mogućnost dodavanja hiperveza sadržaju dokumenta – posebne konstrukcije HTML jezika koje vam omogućavaju da kliknete da biste vidjeli drugi dokument.

HTML dokument sastoji se od dva dijela: stvarnog teksta, odnosno podataka koji čine sadržaj dokumenta, i oznaka - posebnih konstrukcija HTML jezika koji se koriste za označavanje dokumenta i kontrolu njegovog prikaza. Oznake HTML jezika određuju oblik u kojem će se tekst predstaviti, koje će njegove komponente igrati ulogu hipertekstualnih veza, koje grafičke ili multimedijalne objekte treba uključiti u dokument.

Grafičke i audio informacije uključene u HTML dokument pohranjuju se u zasebne datoteke. Preglednici HTML dokumenata ( pretraživači) interpretirati oznake za označavanje i pravilno rasporediti tekst i grafiku na ekranu. Ekstenzije prihvaćene za datoteke koje sadrže HTML dokumente su .htm ili .html.

U većini slučajeva, oznake se koriste u parovima. Par se sastoji od otvora<имя_тега>i zatvaranjeoznake. Radnja bilo koje uparene oznake počinje na mjestu gdje se susrela početna oznaka i završava se kada se naiđe na odgovarajuću završnu oznaku. Često se poziva par početnih i završnih oznaka kontejner, i dio teksta, oivičen uvodnom i završnom oznakom, - element.

Niz znakova koji čine tekst može se sastojati od razmaka, tabulatora, novih redova, znakova za povratak, slova, interpunkcije, brojeva i specijalnih znakova (na primjer, #, +, $, @), osim sljedeća četiri znaka, koji imaju u HTML-u, posebno značenje je: (veće od), & (ampersand) i " (dvostruki navodnik). Ako želite da uključite bilo koji od ovih znakova u svoj tekst, morate ga kodirati posebnim nizom znakova.

Struktura HTML dokumenta

Najvažnija od HTML oznaka je istoimena oznaka. . Uvijek otvara dokument, baš kao oznaka mora biti u zadnjem redu. Ove oznake označavaju da linije između njih predstavljaju jedan hipertekstualni dokument. Bez ovih oznaka, pretraživač ili drugi pregledač nije u mogućnosti da identifikuje format dokumenta i da ga ispravno protumači.

HTML dokument se sastoji od dva dijela: zaglavlja (glava) i tijela (tijelo), raspoređenih sljedećim redoslijedom:

Naslov dokumenta Tijelo dokumenta

Najčešće je oznaka para uključena u naslov dokumenta. A koji specificira naziv dokumenta. Mnogi gledaoci ga koriste kao naslov prozora u kojem se dokument prikazuje. Programi koji indeksiraju dokumente na Internetu koriste naslov za identifikaciju stranice. Dobar naslov treba da bude dovoljno dugačak da ispravno ukazuje na odgovarajuću stranicu, a da se i dalje nalazi u naslovu prozora. Naslov dokumenta stane između uvodne i završne oznake.

Tijelo dokumenta je obavezan element, jer sadrži sav materijal dokumenta. Tijelo dokumenta je smješteno između oznaka I

. Sve što se nalazi između ovih tagova pretraživač tumači u skladu sa pravilima HTML jezika, koji omogućavaju da stranica bude pravilno prikazana na ekranu monitora.

Tekst u HTML-u je podijeljen na pasuse pomoću oznake<р>. Postavlja se na početak svakog pasusa, a pretraživač, kada ga naiđe, odvaja pasuse jedan od drugog praznim redom. Korištenje završne oznakenije potrebno.

Ako želite "razbiti" tekst, prenijeti njegov ostatak na novi red, a da pritom ne istaknete novi pasus, koristite oznaku prijeloma reda
. To uzrokuje da gledatelj prikaže znakove nakon njega u novom redu. Za razliku od oznake paragrafa, oznaka
ne dodaje prazan niz. Ova oznaka nema odgovarajuću završnu oznaku.

HTML jezik podržava logičko i fizičko formatiranje sadržaja dokumenta. Logičko formatiranje ukazuje na svrhu datog teksta, dok fizičko oblikovanje određuje njegov izgled.

Koristeći logičko formatiranje pretraživač teksta ističe različite dijelove teksta u skladu sa strukturom dokumenta. Za prikaz naslova koristi se jedna od oznaka naslova. Naslovi u tipičnom dokumentu podijeljeni su na nivoe. HTML jezik vam omogućava da navedete šest nivoa naslova: h1 (naslov prvog nivoa), h2, h3, h4, h5 i h6. Naslov prvog nivoa je obično veći i bogatiji od naslova drugog nivoa. Primjer korištenja oznaka zaglavlja:

l. Naslov poglavlja

ll. Naziv sekcije

oznake fizičko formatiranje direktno postavite izgled teksta na ekranu pretraživača, na primjer, par podebljava tekst, postavlja podvlačenje teksta, kontroliše font teksta.

Tag umeće sliku u dokument kao da je samo jedan veliki znak. Primjer aplikacije oznake:

Za stvaranje hipertekstualna veza par korišćenih oznaka<а>... . Komad teksta, slika ili bilo koji drugi objekat koji se nalazi između ovih oznaka prikazuje se u prozoru pretraživača kao hipertekstualna veza. Aktiviranje takvog objekta uzrokuje da se novi dokument učita u prozor pretraživača ili da se prikaže drugi dio trenutne web stranice. Hipertekstualna veza se formira pomoću izraza:

Href ovdje je obavezan atribut, čija je vrijednost URL traženog resursa. Navodnici u vrijednosti atributa href nisu obavezni. Ako je navedena veza do dokumenta na drugom serveru, hiperveza će izgledati ovako:

<а href = "http://www.school.donetsk.ua/11.jpg">Slika 11-A

Koristeći različite oznake, možete crtati tabele, formatirati tekst, umetati slike, video, zvučne datoteke i još mnogo toga u dokument.

Godine 1989. hipertekst je predstavljao novu obećavajuću tehnologiju koja je imala relativno veliki broj implementacija, s jedne strane, as druge strane, pokušavali su se izgraditi formalni modeli hipertekstnih sistema koji su više deskriptivnog karaktera i inspirisani uspjeh relacionog pristupa opisu podataka.

HTML je jezik za označavanje hiperteksta koji se koristi za kodiranje dokumenata. HTML jezik je skup naredbi prema kojima pretraživač prikazuje sadržaj dokumenta, HTML komande se ne prikazuju. HTML implementira mehanizam hipertekstualnih veza koji povezuje jedan dokument s drugim. Ovi dokumenti se mogu nalaziti na istom serveru kao i stranica sa koje su povezani, ili mogu biti hostovani na drugom serveru.

Ideja HTML-a je primjer izuzetno uspješnog rješenja problema izgradnje hipertekstualnog sustava uz pomoć posebnog alata za kontrolu prikaza.

Kontekstualne hipertekstualne veze prepoznate su kao najefikasniji oblik organizacije hiperteksta, a uz to je prepoznata i podjela na veze povezane sa cijelim dokumentom u cjelini i sa njegovim pojedinačnim dijelovima.

Svi HTML dokumenti dijele istu strukturu, definiranu fiksnim skupom oznaka strukture. HTML dokument uvijek mora početi oznakom< HTML >i završiti odgovarajućom završnom oznakom (). Postoje dva glavna odjeljka unutar dokumenta: odjeljak naslova i tijelo dokumenta, tim redoslijedom. Odjeljak naslova sadrži informacije koje opisuju dokument u cjelini i ograničeno je na oznake<НЕАD>I. Posebno, odeljak zaglavlja treba da sadrži opšti naslov dokumenta, razgraničen oznakom para<ТITLE>.

). Međutim, ne preporučuje se izostavljanje strukturnih oznaka prilikom kreiranja HTML dokumenta. Najjednostavniji ispravan HTML dokument koji sadrži sve oznake koje definiraju strukturu može izgledati ovako:

< TITLE >Naslov dokumenta< /TITLE >

Tekst dokumenta

HTML elementi.

Za uparene oznake, opseg je određen dijelom dokumenta između početne i završne oznake. Ovaj dio dokumenta smatra se elementom HTML jezika. Dakle, možemo govoriti o "elementu BODY" koji uključuje oznaku, tijelo dokumenta i završnu oznaku. Cijeli HTML dokument. može se smatrati "HTML elementom.". Za neuparene oznake, element se podudara s oznakom koja ga definira.

Većina elemenata HTML jezika. opisuje dijelove sadržaja dokumenta i postavlja se između oznaka . I, odnosno unutar strukturnog elementa BODY. Takvi elementi se dijele na blok i tekst. Blok elementi se odnose na dijelove teksta na nivou pasusa. Tekstualni elementi opisuju svojstva pojedinih fraza i još više malih dijelova teksta.

Sada možemo formulirati pravila za elemente ugniježđenja.

Elementi se ne smiju preklapati. Drugim riječima, ako je početna oznaka unutar elementa, tada odgovarajuća krajnja oznaka mora biti unutar istog elementa.

Blok elementi mogu sadržavati ugniježđene blokove i tekstualne elemente.

Tekstualni elementi mogu sadržavati ugniježđene tekstualne elemente.

Tekstualni elementi ne mogu sadržavati ugniježđene blok elemente.

Elementi funkcionalnog bloka.

U većini dokumenata, naslovi i paragrafi su glavni funkcionalni elementi. HTML jezik. podržava šest nivoa naslova. Postavljaju se pomoću uparenih oznaka iz<Н1>prije<Н6>. Kada su prikazani, web dokumenti se prikazuju na ovaj način; tag (dokument na ekranu računara, ovi elementi su prikazani pomoću fontova različitih veličina.

Normalni paragrafi se postavljaju pomoću oznake para<Р>. HTML jezik. ne sadrži sredstva za kreiranje uvlake pasusa („crvena linija“), stoga, kada se prikazuje na ekranu računara, pasuse se odvajaju praznim redom. Oznaka za zatvaranjesmatra se izbornim. Podrazumijeva se da stoji ispred oznake koja postavlja početak sljedećeg pasusa dokumenta. Na primjer:

header

<Р>Prvi paragraf<Р>Drugi paragraf

Naslov drugog nivoa

Posljedica postojanja posebne oznake koja definira pasus je činjenica da uobičajeni znak na kraju reda koji se unosi pritiskom na tipku ENTER nije dovoljan za kreiranje uvlake pasusa. HTML jezik. tretira znakove na kraju reda i razmake na poseban način. Bilo koji niz; koji se sastoji samo od razmaka i znakova na kraju reda, tretira se kao jedan razmak kada se dokument prikaže. To, posebno, znači da znak na kraju reda čak ni ne izvodi novi red (u tu svrhu se koristi tekstualni element, specificiran neuparenom oznakom
.

Horizontalni ravnalo se također može koristiti kao graničnik pasusa. Ovaj element je specificiran neuparenom oznakom

---

. Kada se dokument prikaže na ekranu, lenjir odvaja delove teksta jedan od drugog. Njegovu dužinu i debljinu određuju atributi oznake.

---

.

---

Ova oznaka stvara horizontalni lenjir širine 10px koji se prostire na pola širine prozora i nalazi se na desnoj strani.

Izrada web stranica jedna je od široko dostupnih mogućnosti moderne Internet industrije. Stvarno kreiranje sajtova, u principu, nije mnogo komplikovanije od kreiranja ličnih elektronskih sandučića i elektronskih vizit kartica.

Za kreiranje stranice, prije svega, potreban vam je server povezan na Internet, na koji možete postaviti potrebne hipertekstove. Osim toga, potrebno je registrirati naziv saige kod provajdera koji opslužuje odabrani server.

Na internetu možete pronaći provajdere koji nude besplatno otvaranje stranica na svojim serverima. Besplatne stranice mogu se otvoriti na domaćim serverima narod.ru, boom.ru, hotmail.ru i na stranim serverima, kao što su geocities.com, tripod.com.

Na navedenim serverima možete registrirati imena domena u obliku:

<имя>. people.ru

naziv>.boom.ru,

Primjeri registriranih imena domena:

wdu.da.ru - web stranica elektronskog univerziteta;

wduniv.newmail.ru - stranica distribuiranog univerziteta.

Nakon registracije naziva domene sajta, na njega se mogu postavljati hipertekstovi. Postavljanje hipertekstova na web stranicu vrši se uz pomoć posebnih programa koji vam omogućuju stvaranje, uređivanje, akumuliranje i kopiranje raznih hipertekstova. Neposredno nakon postavljanja prve (glavne) hipertekst stranice, njene informacije se mogu čitati pomoću pretraživača u bilo kojoj zemlji sa bilo kog računara povezanog na Internet. Da biste to učinili, adresa web stranice na Internetu je naznačena u prozoru pretraživača. Na primjer: http://bak.boom.ru

Svi hostirani fajlovi moraju biti hipertekst, napisani u HTML formatu i imati identifikatore forme<имя>.html

HTML je jezik za označavanje hiperteksta.

Po strukturi, hipertekst je tekst sa linkovima na druge hipertekstove koji se nalaze na ovom serveru ili na drugim serverima. Kada kliknete na takvu vezu, pretraživač automatski učitava hipertekstualnu stranicu na ekranu računara, bez obzira na kom serveru i u kojoj zemlji se nalazi.

Uz pomoć ovih alata i programa na Internetu se može kreirati širok spektar informativnih stranica i sistema – lični sajtovi, sajtovi preduzeća, elektronske novine, časopisi, elektronske knjige, enciklopedije, kao i elektronski arhivi i biblioteke.

Razlika između sajtova leži u količini informacija, njihovoj strukturi i procedurama ažuriranja. Generalno, za sajtove na Internetu, kao i za bilo koju organizaciju, možemo govoriti o životnim ciklusima njihovog stvaranja, razvoja, modernizacije i likvidacije.

Količinu informacija određuju vlasnici – ljudi ili organizacije koje su kreirale stranice i na njima postavljaju svoje podatke. Količina informacija na stranicama može se kretati od nekoliko kilobajta do nekoliko gigabajta (miliona kilobajta).

Struktura lokacija može biti vrlo raznolika. Najjednostavnija struktura je glavna stranica sa linkovima do skupa tekstova. Ovi linkovi mogu biti u tekstu glavne stranice ili se isticati u sadržaju na početku stranice.

Svaka stranica web-mjesta može imati naslov koji se pojavljuje u gornjem redu ekrana kada se web stranica učita od strane pretraživača.

Osim toga, na glavnoj stranici web-mjesta možete odrediti listu ključnih riječi za tražilice.

Pretraživači svake sedmice skeniraju sve servere na Internetu i bilježe adrese svih stranica i hipertekstova koje pronađu, zajedno sa ključnim riječima istaknutim u njima. Iz tih razloga, najkasnije nedelju dana kasnije, sve informacije objavljene na internetu mogu se pronaći pomoću ključnih reči koje se nalaze u njima.