Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • vijesti
  • Kako napraviti web stranicu u html-u. Šta znači poruka "web stranica usporava pretraživač".

Kako napraviti web stranicu u html-u. Šta znači poruka "web stranica usporava pretraživač".

Gdje počinje web stranica?

Koje su faze procesa kreiranja Da biste razumjeli šta je web stranica, morate razumjeti kako se ona formira.

Dizajn

Sve počinje radom dizajnera. On, u skladu sa zahtjevima i ciljevima kupca, razvija izgled buduće lokacije. Ovaj izgled je kreiran za jednu, dvije ili više stranica. U ovoj fazi određuje se lokacija svih potrebnih objekata, vrši se odabir fontova, slika, dizajna općenito. Odnosno, u početku se formira izgled stranica, od kojih će se zatim sastaviti punopravna stranica.

Izgled

Zatim se u rad uključuje dizajner rasporeda. Na osnovu izgleda koji je razvio dizajner, on pravi izgled stranice, optimizirajući je za različite pretraživače. Za to se kreira običan dokument, na primjer, u Notepad-u, koji se čuva sa ekstenzijom .html. Na ovom jeziku je napisana jednostavna web stranica. HTML je skraćenica od HyperText Markup Language i predstavlja kolekciju oznaka koje služe u različite svrhe. Ovaj jezik je dovoljno jednostavan, ali funkcionalan. Uz njegovu pomoć kreira se logička struktura stranice i ona se dijeli na zasebne elemente - naslove, liste, pasuse, tabele i druge objekte. Osim toga, oznake definiraju značenje cijelog sadržaja. Oni daju pregledniku informacije o tome šta da istakne, naglasi, gde da uvuče, gde da ubaci sliku i šta da pretvori u vezu. Kao rezultat, stranica poprima odgovarajući izgled. Međutim, da biste u potpunosti uskladili ono što je dizajner smislio, morate koristiti i CSS. Ovo su kaskadni listovi stilova koji definiraju izgled i osjećaj html dokumenta. Uz pomoć CSS-alata možete "obojiti" stranicu u željene boje, primijeniti jedan ili drugi stil fonta, dodati druge elemente dizajna. Korištenje HTML-a i CSS-a daje nam gotovu, lijepo dizajniranu stranicu. Ali i dalje ga treba učiniti dinamičnim, a to je na programeru.

Programiranje

U ovoj fazi već ste formirali razumijevanje šta je web stranica i kako se kreira. Međutim, to nije sve. Postoji nekoliko vrsta stranica - statične, dinamičke i interaktivne. Prvi su samo oni koji su kreirani samo pomoću html-a i css-a. Da biste stranicu učinili dinamičnom, potreban vam je motor - CMS (ili Content Management System). Ovo je poseban program koji na zahtjev korisnika formira stranicu od podataka pohranjenih u bazi podataka servera. Odnosno, stranica je kreirana u trenutku kada se primi zahtjev od korisnika. Za pisanje se koriste jezici kao što su ASP, PHP i drugi. Što se tiče interaktivnih stranica, one uključuju takozvane forme, preko kojih korisnik i server razmjenjuju podatke. Takođe su napisani u PHP-u, JavaScript-u i dr. Programiranje je složeniji proces od layout-a, zahtijeva kvalitetno specifično poznavanje barem jednog (ili bolje nekoliko) od navedenih jezika.

Kako se web stranica učitava?

Kako bi stranica postala dostupna svim korisnicima Interneta, ona (odnosno dokument u kojem je opisana) postavlja se na web server. To je računar koji neprekidno radi, čekajući zahtjeve od pretraživača. Kada ga primi, pronalazi traženi resurs (na primjer, web stranicu) i šalje ga odgovarajućem pretraživaču. Potonji, zauzvrat, prikazuje web stranicu na osnovu informacija (signala) sadržanih u dokumentu.

Zašto ne mogu otvoriti web stranicu?

Postoje situacije kada unesete zahtjev (navedete adresu, upišete riječ u traku za pretraživanje ili kliknete na link), ali pretraživač ne može prikazati informacije koje su vam potrebne i piše da web stranica nije pronađena. Šta je tu razlog i kako riješiti ovaj problem?

Prvo, trebali biste provjeriti url da vidite da li je ispravan. Ako se napravi greška u bilo kojem slovu ili znaku, tada server neće moći pronaći informacije adekvatne vašem zahtjevu, a pretraživač ih, shodno tome, neće moći prikazati. Ali ako je adresa tačna, zašto je onda web stranica nedostupna? Kolačići mogu biti razlog. Kreiraju ih web stranice koje ste ranije posjetili za pohranu nekih postavki i drugih stvari. Ako je takav fajl oštećen, može ometati normalno učitavanje stranice. Da biste popravili situaciju, morate je ukloniti. Da biste to učinili, pronađite odjeljak "Privatnost", idite na postavke sadržaja i u prozoru koji se otvori odaberite "Svi kolačići i podaci o web lokaciji". Kliknite Ukloni sve.

Treći razlog može biti spor rad pretraživača zbog upotrebe proxy servera. Da biste riješili problem, morate promijeniti postavke. To možete učiniti u odjeljku "Internet veze". Odaberite mrežu koju koristite, otvorite opcije i pronađite karticu "Proxy server". Konfigurirajte željene postavke za njegovu upotrebu. Sada bi sve trebalo da funkcioniše.

Zaključak

U ovom članku saznali ste šta je web stranica, kako se formira i koji stručnjaci su uključeni u njeno kreiranje. Također smo pogledali kako se stranice stranice učitavaju i prikazuju, zašto se možda ne otvaraju i kako riješiti ovaj problem. Sada znate nešto više o tome kako Internet funkcionira i koji su njegovi web resursi.

Sve što vidimo na ekranu pretraživača, "putujući" internetom, naziva se WEB stranica. Širok izbor sadržaja (ili sadržaja) može se postaviti na WEB stranicu: tekst, slike, video zapisi, zvučna muzika ili zanimljiva online igrica.

Svaka WEB stranica ima adresu. Stranica se može naći na Internetu na ovoj adresi. Adresa stranice se prikazuje u adresnoj traci pretraživača. Na primjer, WEB stranica koju sada čitate ima sljedeću adresu:

http://www..html

Provjerite da li bi trebalo da se prikazuje na adresnoj stranici vašeg pretraživača.

Danas mnogi unose ključnu riječ ili cijelu frazu u adresnu traku. Ranije je program pretraživača generirao grešku u ovom slučaju. Nema takve adrese, stranica nije pronađena! Sada pretraživač obrađuje ovu grešku na sljedeći način: okreće se pretraživaču (Google, Yandex ili neki drugi) sa zahtjevom koji se sastoji od riječi ili fraze unesene u adresnu traku. Na taj način pretraživač pokušava da gurne korisnika na tačan odgovor na njegovo pitanje i da pronađe potrebnu WEB stranicu na Webu, na kojoj se najčešće nalaze reči koje je korisnik uneo. Pokušajte da napišete pitanje u naslovu ovog članka u okviru za pretragu i dobićete čitavu listu linkova koji sadrže odgovore na ovo pitanje. Sasvim je moguće da ćete ovaj članak pronaći na ovoj listi.

Ali da se vratimo na adresu WEB stranice. Ova adresa se čita s lijeva na desno i sastoji se iz nekoliko dijelova. Prvi dio URL-a za WEB stranice uvijek će biti http: // ili https: //. Ova slova su oznaka protokola kojim se WEB stranice prenose preko Interneta. Ovaj protokol se zove HyperText Transfer Protocol (HTTP). WEB stranice su tipičan hipertekst, odnosno tekst sa linkovima na druge tekstualne i multimedijalne materijale. Stoga se za prijenos WEB stranica uvijek koristi HTTP protokol.

Ako je WEB stranica poput stranice knjige objavljene na Internetu, onda se sama knjiga može smatrati Internet stranicom koja objedinjuje nekoliko WEB stranica povezanih internetskim vezama. Baš kao i WEB stranica, internet stranica također ima adresu. Adresa web stranice dio je adrese WEB stranice i nalazi se između znakova // i prvog znaka /.

Adresa sajta ima dva oblika: digitalnu - za kompjuter i simboličku - tako da ljudi vide ovu adresu. Jedan oblik prezentacije je lako prevesti u drugi. To radi poseban sistem imena domena (DNS) koji opslužuje Internet.

Adresa web stranice napisana u simboličnom obliku ima nekoliko komponenti odvojenih tačkama, uključujući naziv stranice (topauthor) i naziv nacionalnog domena kojem stranica pripada (ru, što znači Rusija). Simbol / prati naziv WEB stranice, što je u suštini adresa stranice na sajtu.

Sistem adresiranja ne završava na nivou stranice. Sve komponente sadržaja (fajlovi sa slikama, muzički fajlovi i video zapisi) takođe imaju adrese. Takve adrese se nazivaju i Uniform Resource Locators (URL). Na primjer, adresa logotipa TopAuthor je:

Činjenica da je ova komponenta sadržaja slika označena je sa tri slova, png, nakon tačke na kraju adrese. Naziv slike nalazi se između / i tačke. Ova slika se zove logo i postavlja se na web stranicu www .. Ako unesete gornji URL u adresnu traku vašeg pretraživača, na ekranu će se pojaviti slika logotipa TopAutor web stranice.

Šta se onda dogodilo? Program pretraživača na adresi pronašao je lokaciju za skladištenje slike na web stranici www.site, kopirao ovu datoteku na korisnikov lokalni računar (ponekad kažu "preuzeto") i pokazao odgovarajuću sliku na ekranu pretraživača, koja je sada pohranjena ne negdje na internetskom nebu, već pod rukom na lokalnom računaru.

U stvari, stavke sadržaja objavljene na WEB stranici ne moraju biti pohranjene na istoj stranici. Na primjer, da biste postavili sliku "Ponovo dvojka" na WEB stranici, možete dati vezu na datoteku koja se nalazi na drugoj stranici, na primjer, na web stranici Wikipedije u članku "Ponovo dvojka" ili na web stranici Tretjakovske galerije, gde je ova slika izložena. Rezultat će biti isti. U oba slučaja, slika će se pojaviti na WEB stranici.

Sama WEB stranica je tekst napisan u posebnom jeziku za označavanje hiperteksta (HyperText Markup Language - HTML). Ovaj tekst se može vidjeti ako date instrukciju pretraživaču da prikaže izvor WEB stranice (View page source). HTML jezik omogućava da se nedvosmisleno opiše položaj svih komponenti sadržaja na WEB stranici. Na primjer, vrste i veličine fontova koji se koriste pri štampanju tekstova, veličina slika i njihov položaj u odnosu na tekst.

Bilo koja Internet stranica je smještena na serveru. Server je računar kojim upravlja poseban program. Server opslužuje sve zahtjeve upućene stranici. Zahvaljujući radu servera, informacije se razmenjuju između sajta i pretraživača. Pretraživač se hostuje i radi na računaru korisnika koji je povezan na Internet. Korisnički računar se još naziva i lokalni računar. Proces razmene informacija između servera i lokalnog računara počinje kao odgovor na zahtev pretraživača sa lokalnog računara. Ovaj proces je sličan radio emisiji, gdje je server radio predajnik, a pretraživač radio prijemnik.

HTML tekst se prenosi na lokalni računar. Možemo pretpostaviti da je foto album sa praznim prostorima za slike, muziku, video klipove i programe prebačen na lokalni računar. Do sada su samo URL-ovi svih stavki multimedijalnog sadržaja pronađeni na ovim mjestima. Pretraživač "ide" na sve ove adrese i kopira fajlove slika, muzike ili video zapisa sa njih na lokalni računar. Zatim se svi ovi fajlovi postavljaju na ekran, kako je planirao programer koji je razvio WEB stranicu. Pregledač se s tim nosi za nekoliko sekundi, a onda je na korisniku: čitati, slušati muziku, gledati video zapise. Internet Vama na usluzi!

Instrukcije

Sve što posjetitelj vidi na webu pretraživač ponovo kreira prema uputama koje šalje njegov server. 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 kreirati u običnom uređivaču teksta - ovo će biti prvi korak u stvaranju web stranice... Otvorite standardni Notepad, na primjer, i kreirajte praznu datoteku pod nazivom index.html. Kada upišete adresu web stranice bez navođenja određene stranicu(na primjer), prvo što treba učiniti je tražiti stranicu sa ovim nazivom - indeks.

HTML instrukcije 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 u HTML-u ispod, ovako: Završna oznaka koja pokazuje da je HTML završen u ovom trenutku piše se ovako: Kao što vidite, završna oznaka se razlikuje od početne po prisustvu 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: Ovo je naslov! Puni tekst vaše html stranice u ovom trenutku bi trebao izgledati ovako:

Ovo je naslov!

Nakon dijela naslova potrebno je postaviti oznake između kojih će biti priložene upute za tijelo dokumenta: Napišite između njih, na primjer, oznaku koja se prikazuje na stranicu pasus 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 prije završne zagrade. Na primjer, završna oznaka reda i "povratak nosača"
:

Prvi red pasusa.


Drugi red pasusa.

Sve ovo je dovoljno da pretraživač prikaže vaš stranicu... Sav sastavljen html kod trebao bi izgledati ovako:

Ovo je naslov!


Prvi red pasusa.


Drugi red pasusa.



Na ovom

Pitate se kako napraviti HTML stranicu? Da biste to uradili, potrebno je da provedete nekoliko sati, i znaćete I možete kreirati svoju prvu stranicu za 5 minuta.

HTML je skraćenica od HyperText Markup Language. Prevedeno, ovo znači "jezik za označavanje hiperteksta". Važno je shvatiti da HTML nije programski jezik, već markiranje stranice.

Svi moderni pretraživači su u stanju da ga prepoznaju. Zatim prikazuju informacije u formi prikladnom za korisnika, kako je autor unaprijed zamislio.

Ovaj jezik koristi posebne oznake. Svaka oznaka obavlja svoju funkciju. Ima ih puno. U idealnom slučaju, morate naučiti sve. Ali za početnika je dovoljno osnovno znanje.

HTML osnove

Prije kreiranja HTML stranice, morate znati od čega je napravljena. U ovom jeziku postoje dva koncepta: element i oznaka.

Oznake za početak i kraj koriste se za označavanje gdje ovaj element počinje i gdje se završava. To izgleda ovako.

<открывающий тег>sadržaja

Kao što vidite, jedina razlika između početne i završne oznake je "/".

Cijeli HTML dokument je kolekcija ovih elemenata. Postoje određeni zahtjevi za strukturu dokumenta. Sav sadržaj stranice mora biti između dvije oznake i... Dok pišete svoj kod, steknite naviku da odmah dodate oznaku za otvaranje i zatvaranje.

Takođe, zapamtite da struktura HTML jezika ima svoju hijerarhiju. Naziva se i gniježđenjem. je najvažnije, pošto su svi ostali unutar njega.

HTML ima dvoje djece:

  • ... ;
  • .. .

Različite servisne informacije su naznačene u bloku HEAD. Ove informacije se ne prikazuju u pretraživaču. Na primjer, upute za programere, za bilo koje programe, za robote i još mnogo toga.

Ono što je najvažnije, ovdje nema sadržaja.

Odjeljak BODY specificira sadržaj dokumenta koji će biti prikazan korisniku.

Naučite da odmah napravite otvorene i zatvorene oznake, jer može biti 10 ugniježđenih elemenata. Osim toga, radi praktičnosti, preporučuje se da ugniježđene oznake budu uvučene. Na primjer, ovako.

To se radi tako da oznake jednake važnosti budu na istom nivou, a podređene oznake "unutra". Ovo je mnogo pogodnije za percepciju i pronalaženje željenog dijela koda. U suprotnom se možete zbuniti. Ali da bi se uštedio prostor, samo tijelo se može napraviti bez udubljenja. Ovo je učinjeno tako da svi ostali nemaju dodatno uvlačenje. Sve ostalo treba razdvojiti.

Kako napraviti jednostavnu HTML stranicu

Potreban vam je neki uređivač za pisanje koda. Ima ih puno. Popularni su Notepad ++ i Adobe Dreamweaver. Možete koristiti i notes.

Ovako izgleda uređivač Notepad ++.

To je vrlo jednostavan uređivač i istovremeno besplatan. Gore navedeni Adobe Dreamweaver se plaća. Razlika između uređivača dizajniranih za pisanje i notepad-a je u tome što su posebne oznake istaknute. Ako nije istaknuto, znači da ste ga pogrešno napisali.

Da bi pozadinsko osvjetljenje odgovaralo jeziku, mora biti navedeno u postavkama.

Pogledajmo kako napraviti HTML stranicu u notepadu. Odnosno, završit ćemo tehnički dio, a zatim preći direktno na proučavanje oznaka.

Kako napraviti web stranicu u HTML notepadu

Prvo otvorite notepad.

Zatim u njega unesite ono što je naznačeno na sljedećem snimku ekrana.

Steknite naviku da pišete rukama, a ne samo da prepisujete. Kada pišete rukom, bolje pamtite cijelu bazu oznaka.

Nakon toga, fajl se može otvoriti u pretraživaču i diviti se rezultatu. Sada bi vam trebalo biti jasno kako kreirati web stranicu u HTML notepadu.

Svjetski konzorcij W3C

Postoji organizacija poput W3C koja razvija i implementira sve standarde za Internet. Svi pretraživači su u skladu sa ovim standardima i obrađuju oznake (kodove) stranica prema ovim pravilima.

Na službenoj web stranici HTML programera možete pronaći tabelu sa svim oznakama i pravilima za njihovu upotrebu. U okviru ovog članka razmatramo najosnovnije.

Možda razmišljate koja bi pravila mogla biti? Sve opisane oznake imaju svoju preporuku. Ima ih nekoliko:

  • Opciona oznaka.
  • Zabranjeno.
  • Prazna oznaka.
  • Zastarjelo
  • Izgubljena.

HTML oznake

Prije kreiranja HTML stranice, morate shvatiti šta bi trebalo biti u GLAVNI GLAVI.

Postoje i obavezne i opcione oznake u oblasti HEAD. Obavezna oznaka je naslov. Određeno je Naslov... Dodijeljen je cijelom dokumentu. A ono što vidite u rezultatima google pretraživača je oznaka naslova.

Pređimo na odjeljak TIJELO. Postoje elementi koji se prikazuju u pretraživaču, a ima i onih koji se ne prikazuju. Na primjer, komentari se ne prikazuju korisniku. Mogu se koristiti za vođenje bilješki ili kao savjet drugim zaposlenima ako radite u timu.

Oni su označeni kao

Sve između, program tako smatra. Imajte na umu da ne možete ugnijezditi oznaku komentara u drugu oznaku komentara. Jer čim otvoriš.

Primjer takvog gniježđenja:

nastavak prvog komentara ->

Rezultat u pretraživaču će biti sljedeći

nastavak prvog komentara ->

I evo jednog komada neće biti vidljivo. Druga uvodna oznaka