Dakle, šta je web stranica i web stranica? Da bismo razumjeli ovo pitanje, razmislimo o tome kakve informacije zapravo mogu biti sadržane na web stranici? Odgovor je očigledan - skoro svaki. Stranica može sadržavati informacije o kompjuterskim igricama, automobilima, akvarijskim ribama, mitskim bićima, gradovima i zemljama svijeta itd. itd. Lista je beskrajna. Na stranici možete čak objaviti, na primjer, djela velikih ruskih klasika. Kako vam se sviđa stranica "Rat i mir"? Ispada da je stranica knjiga, ali ne obična, već elektronska? Da, web stranica je u svojoj srži zapravo e-knjiga, časopis ili udžbenik koji može sadržavati i informacije koje su vam korisne i informacije koje vam trenutno nisu nimalo zanimljive.

Kao i obična knjiga, web stranica se sastoji od stranica koje se nazivaju web stranice.

A kako da, u stvari, u istom udžbeniku informatike pronađemo informacije koje nas zanimaju? Otvaramo sadržaj koji se nalazi na početku ili kraju udžbenika, tražimo pasus u kojem se nalaze potrebni podaci, nasuprot paragrafa gledamo broj stranice, otvaramo ga i proučavamo gradivo. Sve je prilično jednostavno i obično.

Nakon što dođemo do glavne stranice dobro osmišljene stranice, trebali bismo vidjeti i nešto slično sadržaju udžbenika kako bismo mogli brzo pronaći informacije koje su nam potrebne.

Ali kako doći do potrebnih informacija koje se nalaze na web stranici, jer elektronske stranice ne možemo prelistati kao obične papirnate? Zaista, obično koristimo miš.

U stvari, kretanje između stranica web stranice je čak i brže nego kretanje između stranica kada se radi s običnim udžbenikom. Za kretanje između stranica web stranice koriste se elementi web stranice, kada kliknete na njih, možete preći na drugu stranicu na stranici. Ovi elementi stranice nazivaju se hipervezama i prisutni su na svim stranicama koje čine stranicu.

U "klasičnom" slučaju, dio teksta (riječ ili nekoliko riječi) i grafičke slike (crteži i fotografije) koriste se kao hiperveze.

Budući da se u prvom slučaju tekst koristi za kreiranje hiperveza, takva hiperveza se naziva tekstualna hiperveza. Vrlo često, tekstualna hiperveza je plavo podvučeni tekst. Vidjevši, na primjer, na glavnoj stranici web stranice natpis "Web stranice i web stranice" dizajniran na sličan način i klikom na njega lijevom tipkom miša, trebali biste se naći na web stranici posvećenoj ovoj temi. Stranica "Web stranice i web stranice" mora sadržavati barem jednu hipervezu preko koje se možete vratiti na sadržaj.

Ako se grafička slika, poput fotografije, koristi kao hiperveza, tada će biti teško pretpostaviti da je riječ o hipervezi. Kako onda odrediti da li je slika hiperveza ili ne? U ovom slučaju zapamtite sljedeće pravilo: "Ako, kada pomjerite kursor miša preko elementa na web stranici, on poprimi oblik ruke, onda je ovaj element hiperveza."

Napomena: Postoji izuzetak od ovog pravila, na primjer u slučaju prevrtanja, koja možda nisu hiperveze, ali kada pomaknete kursor miša preko njih, kursor također ima oblik ruke. Osim promjene izgleda kursora, prilikom prelaska miša preko hiperlinka, treba prikazati i URL (jedinstvena adresa resursa), ali o tome ćemo govoriti u lekciji o kreiranju hiperlinkova pomoću programa FrontPage.

Test pitanja:

• Šta je web stranica?
• Šta je web stranica?
• Šta je hiperveza?
• Koji elementi web stranice se mogu koristiti kao hiperveze?
• Kako odrediti da li je element stranice hiperveza?
• Mogu li pojedinačne web stranice neke stranice ne sadržavati hiperveze?

9 glasova

Dobrodošli na stranice bloga Start-Luck. Danas bih vam htio pokazati kako se koristi kod. Pisanje web stranica je zanimljiva aktivnost koja se mnogima može učiniti neodoljivom. U stvari, jednostavna stranica se može kreirati za samo 5 minuta.

U ovom članku ću govoriti o kreiranju html stranice. Ovaj zadatak ćemo završiti za manje od 10 minuta, a zatim ćemo se detaljnije pozabaviti glavnim oznakama. Bilo bi pogrešno takvu publikaciju nazvati lekcijom. To je više sjeme koje treba da vam pokaže jednostavnost posla i da vam da želju da nastavite dalje, naučite više, radite bolje.

Kako kreirati stranicu

Predlažem da prvu stranicu napravite u notesu. Najjednostavniji, koji se nalazi u Start meniju, fascikli Pribor. Ne morate još ništa preuzimati. Pokušajte da iskoristite ono što imate.

Otvorite dokument.

Zalijepite ovaj kod u njega.

<html > <glava > <naslov > Moja prva stranica</naslov> </head> <tijelo> <centar > </h1> <br/> <centar > "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <br/> <fontstyle="color:red"></font> <br/> <b></b> <br/> Stigli smo do dna<br/> Sada znate nešto više o oznakama i možete ih koristiti. Hajde da pokušamo da ubacimo link da povežemo nekoliko stranica zajedno.<br/> <hr > Na primjer, evo linka do mog bloga -<a href = "http://site/" > Start Luck</a>- govori jednostavno o "teško".<br/> <br/> </tijelo> </html>

Kreiranje stranice je lakše nego što mislite

Mnogima se može učiniti da je kreiranje web stranica težak, čak i nemoguć zadatak. Da biste to učinili, morate puno naučiti, učiti, raditi. U stvari, postoji oko 100 oznaka koje ne morate ni naučiti. Važno je samo razumjeti šta se i gdje primjenjuje. Informacije se mogu zaviriti u razne cheat sheets, a vremenom ćete početi pamtiti oznake na mašini.



Jednostavan kod za crvenjenje teksta

Nije mnogo teže pisati podebljanim slovima

Stigli smo do dna

Sada znate nešto više o oznakama i možete ih koristiti. Hajde da pokušamo da ubacimo link da povežemo nekoliko stranica zajedno..

To je to. Vaša prva stranica je spremna

Datoteka mora biti imenovana index.html. Kraj ".html" označava ekstenziju datoteke. Ako jednostavno unesete naziv indeksa, dokument će biti sačuvan kao tekstualni fajl i neće ga otvoriti pretraživač.

Sačuvao sam dokument na radnoj površini. Sada ga trebate pronaći, pritisnuti desnu tipku miša i otvoriti ga bilo kojim pretraživačem. Ja ću izabrati Google Chrome.

Ovako izgleda stranica koju sam upravo napravio. Tvoje neće biti drugačije. Sve je potpuno isto: sa slikama i fontom u boji.

Sada ću detaljnije o oznakama, ali za sada samo uklonimo " centar ” i umetnite red koji sadrži riječ “ boja". Inače, već sam pisao. Veoma je jednostavan, preporučujem da ga pročitate.

Sačuvajte dokument ponovo, ovaj put možete jednostavno koristiti prečicu na tastaturi Ctrl + S, a zatim osvježiti stranicu u pretraživaču pomoću dugmeta F5

Zapamtite, gotovo svaka oznaka mora se otvoriti i zatvoriti. Odnosno, kod sa kosom crtom mora se negdje nalaziti. U ovom slučaju to izgleda ovako: .

Vidite, naslov je postao crven. Na isti način možete dati željenu nijansu bilo kojem dijelu teksta.

E, to je sve, primjer je spreman i treba da budete ponosni na sebe. Naravno, još nije na mreži, za to mora biti postavljena web stranica koju obezbjeđuje hosting. Također morate povezati svoju domenu kako bi drugi ljudi mogli vidjeti vašu kreaciju.

Za sada samo vi možete vidjeti stranicu. Ali morate priznati da samo osobu iz željeznog doba može iznenaditi ovakva lokacija. Ali ovo je prvo iskustvo, učinimo ga još uspješnijim razumijevanjem oznaka koje smo koristili. Ovo će vam pomoći da naučite kako da kreirate svoje projekte bez ičije pomoći.

oznake

Uz vašu dozvolu, preći ću na NotePad++. Ima niz prednosti u poređenju sa običnim notepadom. Sada će mi zaista trebati oznake za isticanje da vam pokažem elemente o kojima ću govoriti. Općenito, ako ćete naučiti html, toplo preporučujem da instalirate ovaj besplatni program.

Nije jedini i mogu vam ponuditi još nekoliko ako nekoga zanimaju alternative. Preći ćemo na teorijski dio.

Main

Stranica počinje i završava se oznakama . Oni pokazuju pretraživaču da je ovo web dokument kreiran pomoću html-a.

Sledeće dolazi ili naslov. Sadrži najvažnije informacije o stranici, u našem slučaju - . Ako još niste pronašli frazu "Moja prva stranica", koja je prisutna u kodu, obratite pažnju na samu karticu, iznad linije za pretragu.

Naime oznake odgovorni su za početak i kraj glavnih informacija o stranici.

Tag

označava da je fraza naslov. Podrazumevano je malo veći od osnovnog teksta i podebljan je. Kada bismo ti i ja sada pisali ne samo u html-u, već i kreirali CSS datoteku s kojom je naš fajl imao nešto zajedničko, mogli bismo kontrolirati veličinu, font, pa čak i boju svih naslova na stranici bez pisanja font-style kao što smo uradili u primeru. Ipak je prerano za to.

Inače, Title i H1 imaju svoj uticaj na dodeljivanje Vašem sajtu mesta u rezultatima pretrage. Morate se prema njima odnositi s velikom pažnjom i nemojte pisati unutra, čak ni to. Oni su povezani sa . Pored h1, postoje i h2, h3, h4.

U istoj liniji se nalazi otvaranje i zatvaranje

. Zahvaljujući ovom elementu, možete poravnati tekst u sredini. Ako se ova oznaka ukloni, tekst će biti poravnat desno.

- jedan od rijetkih pojedinačnih oznaka. Odnosno, radi samostalno. Zahvaljujući tome, skačete elemente s jedne linije na drugu. Drugim riječima, napravite korak unazad. Napisali su ga jednom, što znači da su se pomjerili jednom, dvaput, kao i moj, a ispostavilo se da je uvlaka malo veća.

Slika

Sljedeća je oznaka img , odnosno slika, slika. Uglata zagrada se otvara, u nju se uklapaju svi osnovni podaci o slici, tek nakon toga se zatvara. Treba napomenuti da img je oznaka, a svi ostali elementi koda koji se uklapaju unutra su njeni atributi.

Prije svega ide alt , što je opis. Ovo je takođe neophodno za optimizaciju. Ponekad se i dodaje naslov . Kada mišem pređete mišem iznad slike, pored kursora se pojavljuje alatka kada je stranica već otvorena u pretraživaču.

Sliku je bilo moguće učitati u folder stranice i postaviti putanju do nje, ali ja sam otišao lakšim putem. Među na Pixabayu sam pronašao sliku, otvorio je u novom prozoru i zalijepio link.

U oznaci src put do slike je upisan. On je taj koji govori pretraživaču da se morate pomaknuti dalje kako biste pronašli željenu sliku, a u kojem smjeru gledati - sami pišete.

Formatiranje teksta

odgovoran je za to da dijelu teksta da neki poseban stil, na primjer, kao u našem slučaju, drugu boju. style="color:red" označava da će boja biti crvena. Ako želite žuto, napišite žuto, zeleno - zeleno. Možete koristiti kodove boja iz Photoshopa.

pomaže da se tekst podeblja.

---

crta horizontalnu liniju. Jednostruka je i koristi se samo kada je zatvorena. Ako pišeš

---

nekoliko puta, dobićete potpuno isti broj horizontalnih pruga kada otvorite stranicu u pretraživaču.

Linkovi

govori pretraživaču da će veza slijediti. Želite da preusmjerite čitaoca na drugu adresu. Ova oznaka dolazi sa obaveznim atributom href="adresa" . Putanja na kojoj pretraživač treba da prenese posjetitelja na stranicu se ubacuje u navodnike. Nakon što je ova oznaka napisana, ubacuje se opis, riječ ili nekoliko riječi, klikom na koji će čitalac biti prebačen dalje. Nakon što su ovi uslovi ispunjeni, možete umetnuti drugu, završnu oznaku .

Nakon što je tijelo stranice napisano, zatvarate oznaku tijelo pošto je telo gotovo. I naznačite da prestajete koristiti danas html .

Ako želite da naučite više o html tagovima i naučite kako da umetnete ne samo slike, već i video zapise, kreirate dugmad, razne forme, liste, pasuse, onda vam mogu ponuditi besplatni kurs Evgenija Popova " osnove html-a ". Samo 33 lekcije pomoći će vam da dosegnete novi nivo.

Također želim da vam preporučim video kurs koji govori o tome kako se sajtovi prave. Cijeli proces je prikazan na stvarnim primjerima, što je posebno dobro. Kurs je namijenjen kako početnicima koji još ne znaju ni HTML, tako i onima koji već dobro poznaju i HTML i CSS, međutim, ne znaju dobro da postavljaju stranice. Više informacija možete dobiti klikom na link: www.srs.myrusakov.ru/makeup

Osim toga, uzmite Besplatna knjiga za izradu web stranica ! Ova knjiga je namijenjena početnicima i tu nastaje web stranica OD i DO. Odnosno, priprema se dizajn, zatim se prave stranice, piše softverski dio, a zatim se stranica postavlja na internet. Autor sve pažljivo komentariše, a knjiga ima puno screenshotova i ilustracija. Štaviše, posebnost knjige je u tome što se ne stvara neka apstraktna stranica, već sasvim stvarna i postoji na internetu.

Danas ste uradili mnogo, jer je prvi korak najteži.

Pretplatite se na newsletter i VKontakte grupa , i saznajte više: kako i zašto vam je potreban mehanizam za web stranicu, šta je raspored blokova i modularna mreža, kako pisati web stranice i još mnogo toga.

Vidimo se ponovo i sretno!

Prije nego što započnemo naše putovanje kroz tutorijale o izradi web stranica pomoću HTML-a i CSS-a, važno je razumjeti razlike između dva jezika, sintaksu svakog jezika i neku osnovnu terminologiju.

Šta je HTML i CSS?

HTML (HyperText Markup Language) definira strukturu sadržaja i njegovo značenje definiranjem sadržaja poput naslova, pasusa ili slika. CSS (Cascading Style Sheets) ili Cascading Style Sheets je jezik prezentacije dizajniran da dizajnira izgled sadržaja koristeći, na primjer, fontove ili boje.

Ova dva jezika, HTML i CSS, nezavisni su jedan od drugog i tako bi trebali i ostati. CSS ne treba pisati unutar HTML dokumenta i obrnuto. Kao opšte pravilo, HTML će uvek predstavljati sadržaj, a CSS će uvek definisati njegov stil.

Sa ovim razumijevanjem razlike između HTML-a i CSS-a, zaronimo u HTML detaljnije.

Osnovni HTML uslovi

Prije nego počnete raditi sa HTML-om, vjerovatno ćete naići na nove i često čudne pojmove. S vremenom ćete ih sve detaljnije upoznati, ali za sada biste trebali početi sa tri osnovna HTML termina – elementi, oznake i atributi.

Elementi

Elementi određuju kako definirati strukturu i sadržaj objekata na stranici. Neki od najčešće korištenih elemenata uključuju više nivoa naslova (definiranih kao elementi sa

prije

) i paragrafi (definisani kao

); stavke se mogu dodati na listu ,

, , i i mnogi drugi.

Elementi se identifikuju pomoću ugaonih zagrada<>, koji okružuje ime elementa. Dakle, element će izgledati ovako:

oznake

Dodavanje ugaonih zagrada< и >kreira ono što je poznato kao oznaka oko elementa. Oznake se najčešće javljaju u parovima otvarajućih i završnih oznaka.

Početna oznaka označava početak elementa. Sastoji se od simbola<, затем идёт имя элемента и завершается символом >; Na primjer,

.

Krajnja oznaka označava kraj elementa. Sastoji se od simbola< с последующей косой чертой и именем элемента и завершается символом >; Na primjer,

.

Sadržaj između početne i završne oznake je sadržaj tog elementa. Veza će, na primjer, imati oznaku za otvaranje i završnu oznaku. Ono što se nalazi između ove dvije oznake bit će sadržaj veze.

Dakle, oznake linkova bi izgledale otprilike ovako:

...

Atributi

Atributi su svojstva koja se koriste za pružanje dodatnih informacija o elementu. Najčešći atributi uključuju id atribut, koji identificira element; atribut klase, koji klasifikuje element; atribut src, koji specificira izvor ugrađenog sadržaja; i href atribut, koji specificira vezu do povezanog resursa.

Atributi su definirani u početnoj oznaci nakon naziva elementa. Općenito, atributi uključuju ime i vrijednost. Format za ove atribute sastoji se od imena atributa praćenog znakom jednakosti, nakon čega slijedi vrijednost atributa u navodnicima. Na primjer, element sa href atributom bi izgledalo ovako:

Shay Howe

Demonstracija osnovnih HTML uslova

Ovaj kod će prikazati tekst "Shay Howe" na web stranici i kada se klikne na ovaj tekst, odvest će korisnika na http://shayhowe.com. Element veze je deklarisan sa početnom oznakom i završnu oznaku priloženi tekst, kao i atribut i vrijednost adrese veze deklarirane sa href="http://shayhowe.com" u početnoj oznaci.

Rice. 1.01. Šema HTML sintaksa uključuje element, atribut i oznaku

Sada kada znate šta su HTML elementi, oznake i atributi, hajde da zajedno pogledamo našu prvu web stranicu. Ako vam nešto izgleda novo, ne brinite - dešifrovaćemo to u toku.

Prilagođavanje strukture HTML dokumenta

HTML dokumenti su obični tekstualni dokumenti sačuvani sa ekstenzijom .html, a ne .txt. Da biste počeli pisati HTML, najprije vam je potreban uređivač teksta koji vam je ugodno. Nažalost, ovo ne uključuje Microsoft Word ili Pages, jer su to složeni uređivači. Dva najpopularnija uređivača teksta za pisanje HTML-a i CSS-a su Dreamweaver i Sublime Text. Besplatne alternative su i Notepad++ za Windows i TextWrangler za Mac.

Svi HTML dokumenti sadrže obaveznu strukturu koja uključuje sljedeće deklaracije i elemente: , , i .

Deklaracija o vrsti dokumenta ilinalazi se na samom početku HTML dokumenta i govori pretraživačima koja verzija HTML-a se koristi. Pošto ćemo koristiti najnoviju verziju HTML-a, naš tip dokumenta će jednostavno biti. Nakon toga dolazi element označava početak dokumenta.

Unutra element definira vrh dokumenta, uključujući razne metapodatke (prateće informacije o stranici). Sadržaj unutar elementa se ne pojavljuje na samoj web stranici. Umjesto toga, može uključivati ​​naslov dokumenta (koji se pojavljuje u naslovnoj traci prozora pretraživača), veze do bilo kojih vanjskih datoteka ili bilo koje druge korisne metapodatke.

Sav vidljivi sadržaj web stranice bit će u elementu . Struktura tipičnog HTML dokumenta izgleda ovako:

Zdravo svijete!

Ovo je web stranica.

Demonstracija strukture HTML dokumenta

Ovaj kod pokazuje dokument, počevši od deklaracije tipa dokumenta,, nakon čega odmah slijedi element . Unutra go elementi i . Element sadrži kodiranje stranice preko oznake i naslov dokumenta kroz element

Vrijeme je da testiramo naš rad i vidimo kako se naši HTML i CSS uklapaju. Otvaranje datoteke index.html (ili osvježavanje stranice ako je već otvorena) u pretraživaču trebalo bi pokazati nešto drugačiji rezultat nego prije.

Rice. 1.04. Naša web stranica Styles Conference sa CSS resetiranjem

Demo i izvorni kod

Ispod možete pogledati stranicu Styles Conference u njenom trenutnom stanju, kao i preuzeti trenutni izvorni kod za stranicu.

Sažetak

Dakle, sve je u redu! Napravili smo neke velike korake u ovom vodiču.

Razmislite, sada znate osnove HTML-a i CSS-a. Kako nastavimo i budete provodili više vremena u pisanju HTML-a i CSS-a, biće vam mnogo ugodnije raditi sa ova dva jezika.

Podsjetimo da smo razmotrili sljedeće:

• Razlika između HTML-a i CSS-a.
• Uvod u HTML elemente, oznake i atribute.
• Postavljanje strukture vaše prve web stranice.
• Uvod u CSS selektore, svojstva i vrijednosti.
• Rad sa CSS selektorima
• Pokazivač na CSS iz HTML-a.
• Važnost CSS resetovanja.

Pogledajmo sada bliže HTML i upoznajmo malo semantiku.

Resursi i linkovi

• Uobičajeni HTML termini preko Scripting Master-a
• CSS uslovi i definicije putem Impressive Webs
• CSS alati: Resetujte CSS preko Erica Meyera

Uputstvo

Sve što posjetitelj vidi na webu pretraživač ponovo kreira iz uputstava koje šalje njegov server. Ova uputstva su napisana u HTML-u (HyperText Markup Language - “jezik za označavanje hiperteksta”), a htm i html su istaknuti za datoteke u kojima su pohranjeni. Takvu datoteku možete kreirati u običnom uređivaču teksta - ovo će biti prvi korak u stvaranju web stranice. Otvorite, na primjer, standardni Notepad i kreirajte praznu datoteku pod nazivom index.html. Kada unesete adresu web stranice bez navođenja određene stranica(na primjer, ), prije svega traži stranica sa istim nazivom - index.

Instrukcije HTML jezika se nazivaju "tagovi" i svaka od njih je zatvorena u takve zagrade -<>. Neki od tagova su upareni, odnosno sastoje se od otvarajućih i zatvarajućih oznaka, a između njih se postavlja informacija. Na primjer, oznaka koja govori pretraživaču da je kod ispod u HTML-u, kao što je ovaj: Završna oznaka, koja vam govori da je HTML kod završio u ovom trenutku, piše se ovako: Kao što vidite, završna oznaka se razlikuje od početne po tome što ima kosu crtu nakon početne zagrade (

Sav kod koji stavite između oznaka i, treba podijeliti na dva dijela - zaglavlje i tijelo dokumenta. Oznake zaglavlja otvaranja i zatvaranja pišu se ovako: Ovo je "servisni" dio stranice - ovdje se nalaze informacije za naslov prozora, ključne riječi i opisi robota za pretraživanje, opisi stilova, skripte itd. Unesite naslov prozora stranice u njega: Puni tekst vaše html stranice u ovom trenutku bi trebao izgledati ovako:

Nakon dijela zaglavlja potrebno je postaviti oznake između kojih će biti priložene upute tijela dokumenta: Unesite između njih, na primjer, oznaku koja se prikazuje na stranica pasus teksta:

Ovdje je cijeli paragraf informacija!

Nisu sve oznake HTML jezika uparene. Neki od njih imaju sve što im je potrebno unutar uvodne oznake. Ove oznake imaju završnu kosu crtu prije zagrade. Na primjer, završetak reda i oznaka "carriage return".
:

Prvi red pasusa.


Drugi red pasusa.

Sve ovo je dovoljno da pretraživač pravilno prikaže vaš stranica. Cijeli html kod bi trebao izgledati ovako:

Prvi red pasusa.


Drugi red pasusa.

Na ovom

U ovom članku ćemo govoriti o različitim konceptima vezanim za Web: web stranice, web stranice, web serveri i tražilice. Ovi pojmovi često zbunjuju i one koji su novi na webu i one koji ga rijetko koriste. Hajde da shvatimo šta tačno znače ovi pojmovi!

Ukratko

Kao i svaka druga oblast znanja, Web je pun specifičnih pojmova. Ali ne brinite, ne želimo da vas opterećujemo na samom početku vašeg putovanja (a ako radoznalost ipak prevlada, onda imamo rečnik). Međutim, za početak još uvijek morate naučiti nekoliko osnovnih pojmova, jer ćete ih vrlo često susresti u našim člancima. Ponekad je lako zbuniti ove pojmove jer su povezani, ali imaju različite funkcije. Vjerovatno ste više puta primijetili njihovu zloupotrebu u vijestima ili drugdje.

Ove koncepte i tehnologije ćemo pokriti malo kasnije, ali za sada će kratke definicije u nastavku biti vrlo dobar početak za vas:

Web stranica Dokument koji se može prikazati u web pretraživačima kao što su Firefox, Google Chrome, Microsoft Internet Explorer/Edge ili Appleov Safari. Sam koncept "web stranice" radi sažetosti nazvat će se jednostavno "stranica". Web stranica Kolekcija web stranica povezanih na neki način. Upotreba vokabulara: "website" ili jednostavno "website". Web server Računar koji obezbjeđuje računar i softver neophodan za rad web stranice. Tražilica Web stranica koja vam pomaže da pronađete druge web stranice kao što su Google, Bing ili Yahoo.

Aktivno učenje

Za sada, aktivna studija nije dostupna. Ako možete dati korisne informacije, onda, .

Roni dublje

Dakle, hajde da kopamo malo dublje i saznamo kako su ova 4 pojma povezana jedni s drugima i zašto se ovi koncepti često brkaju jedan s drugim.

Web stranica

Web stranica- jednostavan dokument koji se prikazuje na ekranu računara preko pretraživača. Takav dokument je napisan u HTML-u (koji ćemo detaljnije pogledati). Web stranica može sadržavati mnogo različitih materijala, kao što su:

• informacije o stilu- kontroliranje stranice percepcijom i osjećajem
• skripte- koji stranicu čine dinamičnijom i prilagođenijom korisniku
• medija- slike, muzika i video.

Bilješka: pretraživači često mogu prikazati neke dokumente kao PDF datoteku ili sliku, ali termin web stranica više direktno vezano za HTML dokumente. Do kraja članka, u ovom slučaju, koristit ćemo koncept dokument.

Sve web stranice na mreži imaju svoju jedinstvenu adresu. Da biste pristupili željenoj stranici, jednostavno upišite njenu adresu u adresnu traku vašeg pretraživača:

Web stranica- je kolekcija stranica međusobno povezanih na bilo koji način (uključujući njihove veze ka drugim resursima) koje su dostupne pod jednim imenom domene. Svaka stranica stranice sadrži direktne veze (skoro uvijek istaknute dijelove teksta na koje se može kliknuti) koje omogućavaju korisniku brzu navigaciju s jedne stranice web stranice na drugu.

Da biste pristupili web stranici, unesite naziv njezine domene u adresnu traku vašeg pretraživača i vaš pretraživač će prikazati glavnu stranicu web-mjesta, odnosno početnu stranicu:

Web stranica i Web stranica posebno lako pomiješati jedno s drugim kada web stranica sadrži samo jednu stranica. Ova stranica se ponekad naziva web stranica na jednoj stranici.

Web server

Web server je računar koji pruža jedan ili više web stranice (hosting). Izraz "hosting" znači sve stranice a datoteke koje su im priložene nalaze se na ovom računaru. One. Web serverće poslati bilo koju stranica sa site na zahtjev bilo kojeg korisnika, koji će biti hosting za pretraživač korisnika.

Nemojte brkati koncepte web stranica i web server. Na primjer, ako čujete da neko kaže "Moja web stranica ne odgovara", to zapravo znači web server ne odgovara na zahtjev, pa samim tim nije dostupan web stranica.Štoviše, budući da web server može ugostiti više lokacija, termin web server se nikada ne koristi za označavanje web stranice, jer bi to moglo dovesti do velike zabune. Vraćajući se na prethodni primjer, ako bismo rekli "Moj web server ne odgovara", to bi značilo da trenutno nema dostupnih stranica na ovom serveru.

Sistem pretraživanja

Pretraživači su čest uzrok zabune u mreži. Sistem pretraživanja je posebna vrsta web stranice koja pomaže korisnicima da pronađu stranice koje su im potrebne drugi web stranice.

Najpopularniji pretraživači: Google, Bing, Yandex, DuckDuckGo i mnogi drugi. Neki od njih su univerzalni, a neki su usmjereni na određeno područje. Koristite tražilicu koja vam odgovara.

Mnogi početnici web korisnici brkaju tražilicu i pretraživač. Hajde da objasnimo: Pretraživač je softver koji pronalazi i prikazuje web stranice; sistem pretraživanja - ovo je posebna vrsta stranice koja pomaže korisnicima da pronađu stranice koje su im potrebne drugi web stranice. Zabuna dolazi od činjenice da kada neko prvi put pokrene pretraživač, on prikazuje početnu stranicu pretraživača. To je tačno, jer prvo što uradite kada pokrenete pretraživač jeste da pronađete web stranicu i otvorite je. Ali nemojte brkati infrastrukturu (tj. pretraživač) sa uslugom (tj. pretraživač). Ova razlika će vam malo pomoći, ali čak i neki stručnjaci koriste ove termine proizvoljno, tako da ne biste trebali previše brinuti o tome.

Ispod je primjer kako zadani Firerox pretraživač prikazuje Google okvir za pretraživanje na početnoj (početnoj) stranici: