Dakle, što je web stranica i web stranica? Da bismo razumjeli ovaj problem, razmislimo o tome koje informacije zapravo sadrži web stranica? Odgovor je očigledan – gotovo sve. Stranica može sadržavati informacije o računalnim igricama, automobilima, akvarijskim ribama, mitskim bićima, gradovima i zemljama svijeta itd. itd. Popis je beskonačan. Na web mjestu možete čak postaviti, na primjer, djela velikih ruskih klasika. Kako vam se sviđa stranica "Rat i mir"? Ispada da je stranica knjiga, ali ne jednostavna, nego elektronička? Da, web stranica je u svojoj srži zapravo e-knjiga, časopis ili udžbenik koji može sadržavati informacije koje su vam korisne ili koje vas trenutno ne zanimaju.

Poput knjige, web stranica se sastoji od stranica koje se nazivaju web stranice.

A kako, zapravo, u istom tom udžbeniku informatike pronaći informacije koje nas zanimaju? Otvaramo sadržaj koji se nalazi na početku ili kraju udžbenika, tražimo odlomak u kojem se nalaze potrebni podaci, ispred odlomka gledamo broj stranice, otvaramo ga i proučavamo gradivo. Sve je prilično jednostavno i uobičajeno.

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 potrebne informacije.

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

Zapravo, kretanje između stranica na web-mjestu čak je brže od pomicanja između stranica kada radite s običnim vodičem. Za kretanje između stranica stranice koriste se elementi web stranice, kada kliknete na njih, možete prijeći na drugu stranicu stranice. Ovi elementi stranice nazivaju se hipervezama i prisutni su na svim stranicama koje čine stranicu.

U "klasičnom" slučaju kao hiperveze koriste se dio teksta (riječ ili više riječi) i grafičke slike (slike i fotografije).

Budući da se u prvom slučaju za stvaranje hiperveza koristi tekst, takva se hiperveza naziva tekstom. Vrlo često je tekstualna hiperveza plavo podvučeni tekst. Vidjevši, na primjer, na glavnoj stranici web-mjesta 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 koju možete koristiti za povratak na sadržaj.

Ako se grafička slika, poput fotografije, koristi kao hiperveza, bit će teško pretpostaviti da se radi o hipervezi. Kako onda možete odrediti je li slika hiperveza ili ne? U tom slučaju zapamtite sljedeće pravilo: "Ako se, kada pomaknete pokazivač miša preko elementa web stranice, on pretvori u ruku, onda je ovaj element hiperveza."

Napomena: postoji iznimka od ovog pravila, na primjer, u slučaju prevrtanja, koja možda nisu hiperveze, ali kada zadržite pokazivač iznad njih, kursor također poprima oblik ruke. Osim promjene izgleda kursora, kada zadržite pokazivač iznad hiperveze, trebao bi se prikazati i URL (jedinstvena adresa resursa), no o tome ćemo govoriti u lekciji o stvaranju hiperveza pomoću programa FrontPage.

Kontrolna pitanja:

• Što je web stranica?
• Što je web stranica?
• Što je hiperveza?
• Koji se elementi web stranice mogu koristiti kao hiperveze?
• Kako mogu znati je li element stranice hiperveza?
• Mogu li pojedinačne web stranice na web mjestu ne sadržavati hiperveze?

9 glasova

Dobrodošli na stranice bloga Start-Luck. Danas bih vam želio pokazati kako koristiti kod. Pisanje web stranica zanimljiva je aktivnost koja se mnogima može činiti iznimno teškom. Zapravo, jednostavnu stranicu možete izraditi za samo 5 minuta.

U ovom članku govorit ću o izradi html stranice. Ovaj ćemo zadatak završiti za manje od 10 minuta, a zatim ćemo se detaljnije pozabaviti glavnim oznakama. Bilo bi pogrešno takvu publikaciju nazvati poukom. Umjesto toga, to je sjeme koje je dizajnirano da vam pokaže lakoću rada i da vam da želju da idete dalje, naučite više, radite bolje.

Kako napraviti stranicu

Predlažem da prvu stranicu napravite u notesu. Najjednostavniji, koji se nalazi u izborniku "Start", mapi "Standard". Ne morate još ništa preuzimati. Pokušajte iskoristiti ono što imate.

Otvorite svoj dokument.

Zalijepite ovaj kod u njega.

<html> <glava> <naslov> Moja prva stranica</ naslov> </ glava> <tijelo> <centar> </ h1> <br /> <centar> "https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg"> <br /> <stil fonta = "boja: crvena"></ font> <br /> <b></ b> <br /> Stigli smo do samog dna<br /> Sada znate nešto više o oznakama i možete ih koristiti. Pokušajmo umetnuti poveznicu za povezivanje nekoliko stranica zajedno.<br /> <hr> Na primjer, ovdje je poveznica na moj blog -<a href = "http: // stranica /"> Start-Sreća</ a>- govori jednostavno o "teško".<br /> <br /> </ tijelo> </ html>

Napraviti stranicu lakše je nego što mislite

Mnogima se može činiti da je stvaranje web stranice teško, čak nemoguće. Da biste to učinili, morate puno naučiti, učiti, raditi. Zapravo, postoji oko 100 oznaka koje ne morate ni naučiti. Važno je samo razumjeti što se i gdje primjenjuje. Informacije se mogu špijunirati u raznim cheat sheets, a s vremenom ćete se početi sjećati oznaka na stroju.



Jednostavan kod čini tekst crvenim

Nije puno teže pisati podebljano

Stigli smo do samog dna

Sada znate nešto više o oznakama i možete ih koristiti. Pokušajmo umetnuti link za povezivanje nekoliko stranica zajedno ..

OK, sada je sve gotovo. Vaša prva stranica je spremna

Datoteci je potrebno dati ime index.html... Završetak ".Html" označava ekstenziju datoteke. Ako samo unesete naziv indeksa, dokument će biti spremljen kao tekstualna datoteka i neće se otvoriti u pregledniku.

Spremio sam dokument na radnu površinu. Sada ga trebate pronaći, kliknuti desnom tipkom miša i otvoriti ga bilo kojim preglednikom. Odabrat ću Google Chrome.

Ovako izgleda stranica koju sam upravo napravio. Tvoja neće biti ništa drugačija. Sve je potpuno isto: sa slikama i fontom u boji.

Sada ću detaljnije o oznakama, ali za sada samo maknimo iz naslova “ centar "I umetnite redak koji sadrži riječ" Boja". Inače, već sam napisao. Vrlo je jednostavno, preporučam da ga pročitate.

Ponovno spremite dokument, ovaj put možete koristiti samo tipkovnički prečac Ctrl + S, a zatim osvježiti stranicu u pregledniku pomoću tipke F5

Zapamtite, gotovo svaka oznaka mora se otvarati i zatvarati. Odnosno, negdje mora postojati kosa crta. U ovom slučaju to izgleda ovako: .

Vidite, naslov je postao crven. Isto tako, bilo kojem dijelu teksta možete dati željenu nijansu.

Eto, to je sve, primjer je spreman, i treba biti ponosan na sebe. Naravno, još nije online, za to morate staviti web stranicu koju osigurava 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 takvo mjesto može iznenaditi samo osobu iz željeznog doba. Ali ovo je prvo iskustvo, učinimo ga još uspješnijim razumijevanjem oznaka koje smo koristili. To će vam pomoći da naučite kako kreirati vlastite projekte, bez tuđe pomoći.

Oznake

Uz vaše dopuštenje, preći ću na NotePad ++. Ima niz prednosti u odnosu na običnu bilježnicu. Za sada je isticanje oznaka vrlo zgodno da vam pokaže elemente o kojima ću govoriti. Općenito, ako ćete naučiti html, toplo preporučujem instaliranje ovog besplatnog programa.

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

Glavni

Stranica počinje i završava oznakama ... Pokazuju pregledniku da je ovo web dokument generiran pomoću html-a.

Sljedeće dolazi ili naslov. Sadrži najvažnije informacije o stranici, u našem slučaju -. Ako još niste pronašli izraz "Moja prva stranica", koji je prisutan u kodu, obratite pozornost na samu karticu, iznad retka za pretraživanje.

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

Označiti

označava da je izraz naslov. Prema zadanim postavkama, malo je veći od osnovnog teksta i podebljan je. Kad bismo ti i ja sada pisali ne samo u html-u, već i stvarali CSS datoteku s kojom je naša datoteka odjeknula, mogli bismo kontrolirati veličinu, font, pa čak i boju svih zaglavlja na stranici bez propisivanja stil fonta kao što smo učinili u primjeru. Iako je i ovo malo rano.

Usput, Title i H1 imaju svoj učinak pri dodjeljivanju vaše stranice rezultatima pretraživanja. Morate se prema njima odnositi s velikom pažnjom, a ne upisivati ​​samo što. Oni su povezani sa. Osim h1, tu su i h2, h3, h4.

U istoj liniji nalazi se otvaranje i zatvaranje

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

Jedna je od rijetkih pojedinačnih oznaka. Odnosno, radi sam po sebi. Zahvaljujući tome, elementi skaču s jedne linije na drugu. Jednostavno rečeno, uvlaka. Napisali smo ga jednom, što znači da smo se pomaknuli jednom, dvaput, kao i moje, a udubljenje je ispalo malo više.

Slika

Slijedi oznaka img , odnosno slika, slika. Uglata zagrada se otvara, u nju se unose 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 njezini atributi.

Prva stvar je alt , odnosno opis. To je također potrebno za optimizaciju. Ponekad se dodaje i titula ... Kada mišem zadržite pokazivač miša iznad slike, pojavit će se opis alata pored kursora kada je stranica već otvorena u pregledniku.

Bilo je moguće učitati sliku u mapu web-mjesta i napisati put do nje, ali ja sam otišao lakšim putem. Našao sam sliku na Pixabayu, otvorio je u novom prozoru i zalijepio link.

U oznaci src napisan je put do slike. On je taj koji pregledniku govori što da se kreće dalje da pronađe željenu sliku i u kojem smjeru da gleda - pišete sami.

Oblikovanje teksta

odgovoran je za to da dijelu teksta da neki poseban stil, na primjer, kao u našem slučaju, drugu boju. stil = "boja: crvena" 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.

---

povlači vodoravnu crtu. Jednostruka je i koristi se samo zatvorena. Ako napišeš

---

nekoliko puta, dobit ćete potpuno isti broj vodoravnih pruga kada otvorite stranicu u pregledniku.

Linkovi

govori pregledniku da će veza biti sljedeća. Želite preusmjeriti čitatelja na drugu adresu. Ova oznaka dolazi s obaveznim atributom href = "adresa" ... Navodnici uključuju put do kojeg preglednik treba odvesti posjetitelja na stranicu. Nakon što je ova oznaka registrirana, ubacuje se opis, riječ ili nekoliko, klikom na koji će se čitatelj prenijeti dalje. Nakon što su ovi uvjeti ispunjeni, možete umetnuti drugu, završnu oznaku .

Nakon što je glavni dio stranice napisan, zatvarate oznaku tijelo budući da je tijelo kompletno. I naznačite da prestajete koristiti za danas html .

Ako želite saznati više o html oznakama i naučiti kako umetati ne samo slike, već i videozapise, kreirati gumbe, razne oblike, liste, paragrafe, onda vam mogu ponuditi besplatni tečaj Evgeny Popov “ Osnove HTML-a ". Samo 33 lekcije pomoći će vam da dosegnete sljedeću razinu.

Također bih vam želio preporučiti videotečaj koji vam govori kako se izrađuju stranice. Cijeli proces prikazan je stvarnim primjerima, što je posebno dobro. Tečaj je namijenjen kako početnicima koji još ne znaju HTML, tako i onima koji već dobro poznaju HTML i CSS, međutim, nisu dobri u kodiranju stranica. Potpunije informacije možete dobiti klikom na poveznicu: www.srs.myrusakov.ru/makeup

Osim toga, odnijeti Besplatna knjiga o izradi web stranica ! Ova knjiga je namijenjena početnicima, a ovdje se stvara OT i DO stranica. Odnosno, priprema se dizajn, zatim se izrađuju stranice, napiše softverski dio, a zatim se stranica postavlja na internet. Autorica sve temeljito komentira, a knjiga sadrži puno screenshotova i ilustracija. Štoviše, posebnost knjige je u tome što se ne stvara apstraktna stranica, već potpuno stvarna koja postoji na internetu.

Danas ste učinili puno, jer je prvi korak najteži.

Pretplatite se na newsletter i Grupa VKontakte , i saznajte više: kako i zašto vam je potreban motor web-mjesta, što je raspored blokova i modularna mreža, kako pravilno pisati web stranice i još mnogo toga.

Do sljedećeg puta i sretno!

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

Što su HTML i CSS?

HTML (HyperText Markup Language) definira strukturu sadržaja i njegovo značenje, definirajući takav sadržaj kao što su, na primjer, naslovi, odlomci ili slike. CSS (Cascading Style Sheets) ili Cascading Style Sheets je jezik prezentacije dizajniran za stiliziranje izgleda sadržaja koristeći, na primjer, fontove ili boje.

Ova dva jezika - HTML i CSS su neovisni jedan o drugom i tako bi trebali i ostati. CSS se ne smije pisati unutar HTML dokumenta i obrnuto. Obično će HTML uvijek predstavljati sadržaj, a CSS će uvijek diktirati njegov stil.

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

Osnovni HTML pojmovi

Prije nego što počnete s HTML-om, vjerojatno ćete naići na nove i često čudne pojmove. S vremenom ćete se upoznati sa svima njima, ali za sada biste trebali početi s tri osnovna HTML pojma - elementi, oznake i atributi.

Elementi

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

prije

) i paragrafi (definirani kao

); možete uključiti stavke na popis ,

, , i i mnogi drugi.

Stavke se identificiraju pomoću kutnih zagrada<>okružuje ime elementa. Dakle, element će izgledati ovako:

Oznake

Dodavanje kutnih zagrada< и >oko elementa stvara ono što je poznato kao oznaka. Oznake se najčešće nalaze u parovima početnih 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 koji se nalazi između početne i završne oznake sadržaj je ovog elementa. Veza će, na primjer, imati oznaku za otvaranje i završnu oznaku... Ono što je između ove dvije oznake bit će sadržaj veze.

Dakle, oznake veze izgledat će 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 klasificira element; atribut src, koji identificira izvor ugrađenog sadržaja; i href atribut koji označava vezu na pridruženi resurs.

Atributi su definirani u početnoj oznaci nakon naziva elementa. Općenito, atributi uključuju ime i vrijednost. Format ovih atributa sastoji se od naziva atributa iza kojeg slijedi znak jednakosti iza kojeg slijedi vrijednost atributa u navodnicima. Na primjer, element s atributom href bi izgledalo ovako:

Shay howe

Demonstracija osnovnih HTML pojmova

Ovaj kod će prikazati tekst "Shay Howe" na web stranici i kada se klikne odvest će korisnika na http://shayhowe.com. Element veze je deklariran s početnom oznakom i završnu oznaku koji pokrivaju tekst, kao i atribut i vrijednost URL-a veze deklarirane kroz href = "http://shayhowe.com" u početnoj oznaci.

Riža. 1.01. HTML sintaksa sheme uključuje element, atribut i oznaku

Sada kada znate što su HTML elementi, oznake i atributi, pogledajmo našu prvu web stranicu. Ako ovdje nešto izgleda novo, ne brinite – usput ćemo sve dešifrirati.

Postavljanje strukture HTML dokumenta

HTML dokumenti su obični tekstualni dokumenti spremljeni s ekstenzijom .html, a ne .txt. Da biste počeli pisati HTML, najprije vam je potreban uređivač teksta koji vam je ugodan za korištenje. Nažalost, to ne uključuje Microsoft Word ili stranice jer su oni 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 obveznu strukturu koja uključuje sljedeće deklaracije i elemente: , , i .

Deklaracija o vrsti dokumenta ilinalazi se na samom početku HTML dokumenta i govori preglednicima koja se verzija HTML-a primjenjuje. Budući da ćemo koristiti najnoviji HTML, naša će vrsta dokumenta jednostavno biti... Nakon toga slijedi element koji označava početak dokumenta.

Iznutra element definira vrh dokumenta, uključujući razne metapodatke (popratne 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 preglednika), veze na bilo koje vanjske datoteke ili bilo koje druge korisne metapodatke.

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

Pozdrav svijete!

Ovo je web stranica.

Demonstracija strukture HTML dokumenta

Ovaj kod prikazuje dokument koji počinje s deklaracijom vrste dokumenta,, tada odmah dolazi element ... Iznutra stavke idu i ... Element sadrži kodiranje stranice kroz oznaku a naslov dokumenta kroz element

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

Riža. 1.04. Naše web-mjesto za konferenciju stilova s ​​resetiranjem CSS-a

Demo i izvorni kod

U nastavku možete pogledati web stranicu Styles Conference u njenom trenutnom stanju, kao i preuzeti izvorni kod web stranice u ovom trenutku.

Sažetak

Dakle, u redu je! Poduzeli smo nekoliko velikih koraka u ovom vodiču.

Samo pomislite, sada znate osnove HTML-a i CSS-a. Kako idemo dalje, a vi provodite više vremena u pisanju HTML-a i CSS-a, postat će vam mnogo ugodnije raditi s ova dva jezika.

Podsjetimo da smo pogledali sljedeće:

• Razlika između HTML-a i CSS-a.
• Poznavanje HTML elemenata, oznaka i atributa.
• Postavljanje strukture vaše prve web stranice.
• Poznavanje CSS selektora, svojstava i vrijednosti.
• Rad sa CSS selektorima.
• Pokazivač na CSS iz HTML-a.
• Važnost resetiranja CSS-a.

Pogledajmo pobliže HTML i malo se upoznajmo sa semantikom.

Resursi i veze

• Uobičajeni HTML pojmovi putem Scripting Mastera
• CSS uvjeti i definicije putem impresivnih webova
• CSS alati: Resetirajte CSS preko Erica Meyera

Upute

Sve što posjetitelj vidi na webu preglednik iznova stvara prema uputama koje šalje njegov poslužitelj. Ove upute su napisane u HTML-u (HyperText Markup Language) i istaknute su u htm i html za datoteke u kojima su pohranjene. Takvu datoteku možete stvoriti u običnom uređivaču teksta - to će biti prvi korak u stvaranju Internet stranice... Na primjer, otvorite standardni Notepad i stvorite praznu datoteku pod nazivom index.html. Kada upišete adresu web-mjesta bez navođenja određene stranica(na primjer), prvo što treba učiniti je tražiti stranica s ovim nazivom – indeks.

HTML upute nazivaju se "tagovi" i svaka od njih je zatvorena u takve zagrade -<>... Neki od tagova su upareni, odnosno sastoje se od otvaranja i zatvaranja oznaka, a između njih se postavlja informacija. Na primjer, oznaka koja pregledniku govori da je kod u HTML-u u nastavku, poput ovoga: Završna oznaka koja pokazuje da je HTML završen u ovom trenutku piše se ovako: Kao što vidite, završna oznaka razlikuje se od početne po prisutnosti kose crte iza početne zagrade (

Sav kod koji ste stavili između oznaka i, treba podijeliti na dva dijela - zaglavlje i tijelo dokumenta. Oznake za otvaranje i zatvaranje naslova 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, skripti itd. Unesite naslov prozora stranice u njega: Cijeli tekst vaše html stranice u ovom trenutku trebao bi izgledati ovako:

Nakon dijela naslova, trebate postaviti oznake između kojih će biti priložene upute tijela dokumenta: Napišite između njih, na primjer, oznaku koja se prikazuje stranica odlomak teksta:

Ovdje je cijeli paragraf informacija!

Nisu sve HTML oznake uparene. Za neke od njih, sve što vam je potrebno nalazi se unutar uvodne oznake. Takve oznake imaju završnu kosu crtu ispred završne zagrade. Na primjer, završna oznaka retka i "povratak prijevoza"
:

Prvi redak odlomka.


Drugi redak odlomka.

Sve je to dovoljno da preglednik prikaže vaš stranica... Sav sastavljeni html kod trebao bi izgledati ovako:

Prvi redak odlomka.


Drugi redak odlomka.

Na ovo

U ovom članku predstavit ćemo različite koncepte vezane uz web: web stranice, web stranice, web poslužitelje i tražilice. Ovi pojmovi često brkaju i početnike s webom i ljude koji rijetko koriste web. Hajdemo shvatiti što točno znače ovi pojmovi!

U suštini

Kao i svako drugo polje znanja, web je pun specifičnih pojmova. Ali ne brinite, ne želimo vas preopteretiti na samom početku vašeg putovanja (a ako radoznalost ipak prevlada, onda imamo rječnik). Međutim, za početak još uvijek morate naučiti nekoliko osnovnih pojmova, jer ćete ih u našim člancima često susresti. Ponekad je lako zbuniti ove pojmove jer su povezani, ali imaju različite funkcije. Vjerojatno ste primijetili njihovu zlouporabu u vijestima ili drugdje.

O ovim konceptima i tehnologijama raspravljat ćemo malo kasnije, ali sada će kratke definicije u nastavku biti vrlo dobar početak za vas:

Web stranica Dokument koji se može prikazati u web-preglednicima kao što su Firefox, Google Chrome, Microsoft Internet Explorer / Edge ili Appleov Safari. Radi kratkoće, sam pojam "web stranica" nazivat će se jednostavno "stranica". Web stranica Zbirka web stranica koje su na bilo koji način povezane. Korištenje vokabulara: "web stranica" ili jednostavno "stranica". Web poslužitelj Računalo koje osigurava računalo i softver potreban za funkcioniranje web stranice. Tražilica Web stranica koja vam pomaže pronaći druge web stranice, kao što su Google, Bing ili Yahoo.

Aktivno učenje

Za sada aktivno učenje nije dostupno. Ako možete dati korisne informacije, onda.

Idući dublje

Stoga kopajmo malo dublje i otkrijmo kako su ova 4 pojma međusobno povezana i zašto se ovi pojmovi često brkaju jedan s drugim.

web stranica

web stranica- jednostavan dokument koji se prikazuje na zaslonu računala putem preglednika. Takav dokument je napisan u HTML-u (što ćemo detaljnije pogledati). Web stranica može sadržavati mnogo različitih materijala kao što su:

• informacije o stilu- kontroliranje stranice percepcijom i osjetom
• skripte- koji stranicu čine dinamičnijom i jednostavnijom za korištenje
• medija- slike, glazba i video zapisi.

Bilješka: preglednici često mogu prikazati neke PDF dokumente ili slike, ali izraz web stranica izravnije povezane s HTML dokumentima. Do kraja članka, u ovom slučaju, koristit ćemo koncept dokument.

Sve web stranice na webu imaju svoju jedinstvenu adresu. Da biste pristupili željenoj stranici, samo upišite njenu adresu u adresnu traku svog preglednika:

web stranica je zbirka stranica povezanih na bilo koji način (uključujući njihove veze na druge resurse), a koje su dostupne pod jednim imenom domene. Svaka stranica stranice sadrži izravne poveznice (gotovo uvijek istaknuti dijelovi teksta koji se mogu kliknuti mišem), što korisniku omogućuje brzi skok s jedne stranice web stranice na drugu.

Da biste pristupili web stranici, upišite naziv njezine domene u adresnu traku svog preglednika, a preglednik će prikazati početnu stranicu web-mjesta ili, drugim riječima, početnu stranicu:

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

Web poslužitelj

Web poslužitelj je računalo koje pruža jedan ili više web stranice (hosting)... Hosting znači da sve stranicama a datoteke koje su im priložene nalaze se na ovom računalu. Oni. Web poslužitelj poslat će bilo koju stranica S mjesto na zahtjev bilo kojeg korisnika, koji će ugostiti korisnikov preglednik.

Nemojte se zbuniti web stranica i web poslužitelj... Na primjer, ako čujete da netko kaže: "Moja web stranica ne reagira", to stvarno znači da jest web poslužitelj ne odgovara na zahtjev, pa samim tim nije dostupan mjesto.Štoviše, budući da web-poslužitelj može ugostiti više web-mjesta, izraz web-poslužitelj nikada se ne koristi za označavanje web-mjesta, jer bi to moglo dovesti do velike zabune. Vraćajući se na prethodni primjer, ako bismo rekli: "Moj web poslužitelj ne reagira", to bi značilo da trenutno nema dostupnih web stranica na ovom poslužitelju.

Sustav pretraživanja

Tražilicečest su uzrok zbrke u mreži. Sustav pretraživanja je posebna vrsta web stranice koja korisnicima pomaže pronaći stranice koje žele drugi stranice.

Najpopularnije tražilice: 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 na Internetu brkaju tražilicu i preglednik. da pojasnimo: preglednik je softver koji pronalazi i prikazuje web stranice; sustav pretraživanja je posebna vrsta web-mjesta koja korisnicima pomaže pronaći stranice koje su im potrebne drugi stranice. Zabuna proizlazi iz činjenice da kada netko prvi put pokrene preglednik, prikaže početnu stranicu tražilice. To je upravo slučaj, jer prvo što učinite prilikom pokretanja preglednika je pronaći web stranicu i otvoriti je. Ali nemojte brkati infrastrukturu (tj. preglednik) s uslugom (tj. tražilicom). Ova razlika će vam malo pomoći, ali čak i neki stručnjaci koriste ove koncepte proizvoljno, tako da se ne biste trebali previše brinuti oko toga.

U nastavku je primjer kako preglednik Firerox prema zadanim postavkama prikazuje Google okvir za pretraživanje na početnoj (početnoj) stranici: