Deci, ce este un site Web și o pagină Web? Pentru a înțelege această problemă, să ne gândim la ce informații conține de fapt site-ul web? Răspunsul este evident - aproape orice. Site-ul poate conține informații despre jocuri pe calculator, mașini, pești de acvariu, creaturi mitice, orașe și țări ale lumii etc. etc. Lista este nesfârșită. Puteți chiar plasa pe site, de exemplu, lucrările marilor clasici ruși. Cum vă place site-ul „Război și pace”? Se dovedește că site-ul este o carte, dar nu una simplă, ci una electronică? Da, un site Web este, în esență, o carte electronică, o revistă sau un manual care poate conține informații care vă sunt utile sau de care nu sunteți interesat în acest moment.

Ca o carte, un site Web este format din pagini numite pagini Web.

Și cum găsim, de fapt, în același manual de informatică, informațiile care ne interesează? Deschidem conținutul care se află la începutul sau la sfârșitul manualului, căutăm paragraful în care se află informațiile necesare, în fața paragrafului ne uităm la numărul paginii, îl deschidem și studiem materialul. Totul este destul de simplu și banal.

După ce ajungem la pagina principală a unui site bine conceput, ar trebui să vedem și ceva asemănător cu conținutul manualului pentru a putea găsi rapid informațiile de care avem nevoie.

Dar cum să ajungem la informațiile necesare aflate pe site, pentru că nu putem răsfoi paginile electronice precum cele obișnuite pe hârtie? Într-adevăr, de obicei folosim mouse-ul.

De fapt, mutarea între paginile de pe un site este chiar mai rapidă decât trecerea între pagini atunci când lucrați cu un tutorial obișnuit. Pentru a vă deplasa între paginile site-ului sunt folosite elemente ale paginii Web, atunci când faceți clic pe ele, puteți trece la o altă pagină a site-ului. Aceste elemente de pagină se numesc hyperlink-uri și sunt prezente pe toate paginile care alcătuiesc site-ul.

În cazul „clasic”, o parte a textului (un cuvânt sau mai multe cuvinte) și imaginile grafice (imagini și fotografii) sunt folosite ca hyperlinkuri.

Deoarece în primul caz, textul este folosit pentru a crea hyperlinkuri, un astfel de hyperlink se numește text. Destul de des, un hyperlink text este un text subliniat albastru. Văzând, de exemplu, pe pagina principală a unui site inscripția „Site-uri web și pagini web” concepută în mod similar și făcând clic pe ea cu butonul stâng al mouse-ului, ar trebui să vă aflați pe pagina Web dedicată acestui subiect. Pagina „Site-uri și pagini web” trebuie să aibă, la rândul său, cel puțin un hyperlink pe care îl puteți utiliza pentru a reveni la conținut.

Dacă o imagine grafică, cum ar fi o fotografie, este folosită ca hyperlink, va fi dificil de ghicit că acesta este un hyperlink. Cum, atunci, puteți determina dacă o imagine este un hyperlink sau nu? În acest caz, rețineți următoarea regulă: „Dacă, când mutați cursorul mouse-ului peste un element al unei pagini Web, acesta se transformă într-o mână, atunci acest element este un hyperlink”.

Notă: Există o excepție de la această regulă, de exemplu, în cazul rollover-urilor, care poate să nu fie hiperlinkuri, dar când treceți mouse-ul peste ele, cursorul ia și forma unei mâini. Pe lângă schimbarea aspectului cursorului, atunci când treci cu mouse-ul peste hyperlink, ar trebui să fie afișată și URL-ul (adresa unică a resursei), dar despre asta vom vorbi în lecția despre crearea hyperlink-urilor folosind programul FrontPage.

Întrebări de control:

• Ce este un site web?
• Ce este o pagină web?
• Ce este un hyperlink?
• Ce elemente ale unei pagini web pot fi folosite ca hyperlink-uri?
• Cum pot spune dacă un element de pagină este un hyperlink?
• Pot paginile Web individuale de pe un site să nu conțină hyperlink-uri?

9 voturi

Bun venit la paginile blogului Start-Luck. Astăzi aș dori să vă arăt cum să utilizați codul. Scrierea de site-uri web este o activitate interesantă care poate părea copleșitor de dificilă pentru mulți. De fapt, o pagină simplă poate fi creată în doar 5 minute.

În acest articol, voi vorbi despre crearea unei pagini html. Vom finaliza această sarcină în mai puțin de 10 minute, iar apoi ne vom ocupa de etichetele principale mai detaliat. Ar fi greșit să numim o astfel de publicație o lecție. Mai degrabă, este o sămânță care este concepută pentru a vă arăta ușurința de a lucra și să vă dea dorința de a merge mai departe, de a învăța mai multe, de a face mai bine.

Cum se creează o pagină

Vă sugerez să faceți prima pagină în notepad. Cel mai simplu, care se află în meniul „Start”, folderul „Standard”. Încă nu trebuie să descărcați nimic. Încearcă să folosești ceea ce ai.

Deschideți documentul.

Lipiți acest cod în el.

<html> <cap> <titlu> Prima mea pagină</ titlu> </ cap> <corp> <centru> </ h1> <br /> <centru> „https://pixabay.com/static/uploads/photo/2016/10/14/18/03/workplace-1740807_960_720.jpg”> <br /> <stil font = „culoare: roșu”></ font> <br /> <b></ b> <br /> Am ajuns până la capăt<br /> Acum știi puțin mai multe despre etichete și le poți folosi. Să încercăm să inserăm un link pentru a lega mai multe pagini împreună.<br /> <hr> De exemplu, aici este un link către blogul meu -<a href = "http: // site /"> Start-Norocul</ a>- vorbește pur și simplu despre „dificil”.<br /> <br /> </ corp> </ html>

A face o pagină este mai ușor decât crezi

Mulți li se poate părea că crearea de site-uri web este dificilă, chiar imposibilă. Pentru a face asta, trebuie să înveți multe, să înveți, să faci. De fapt, există aproximativ 100 de etichete pe care nici nu trebuie să le înveți. Este important doar să înțelegeți ce și unde se aplică. Informațiile pot fi spionate în diferite foi de cheat și, în timp, veți începe să vă amintiți etichetele de pe aparat.



Codul simplu face textul roșu

A scrie cu caractere aldine nu este mult mai greu

Am ajuns până la capăt

Acum știi puțin mai multe despre etichete și le poți folosi. Să încercăm să inserăm un link pentru a lega mai multe pagini împreună..

OK, totul sa terminat acum. Prima pagină este gata

Fișierul trebuie să fie numit index.html... Final „.Html” indică extensia fișierului. Dacă introduceți doar numele indexului, atunci documentul va fi salvat ca fișier text și nu se va deschide într-un browser.

Am salvat documentul pe desktop. Acum trebuie să îl găsiți, să faceți clic dreapta și să îl deschideți folosind orice browser. Voi alege Google Chrome.

Așa arată pagina pe care tocmai am creat-o. Al tău nu va fi diferit. Totul este exact la fel: cu imagini și font colorat.

Acum voi intra în mai multe detalii despre etichete, dar deocamdată să eliminăm din titlu „ centru „Și introduceți o linie care conține cuvântul” Culoare". Apropo, am scris deja. Este foarte simplu, recomand să-l citiți.

Salvați din nou documentul, de data aceasta puteți utiliza doar comanda rapidă de la tastatură Ctrl + S, apoi reîmprospătați pagina în browser folosind butonul F5

Amintiți-vă, aproape orice etichetă trebuie să se deschidă și să se închidă. Adică trebuie să existe un cod slash pe undeva. În acest caz, arată astfel: .

Vedeți, titlul a devenit roșu. De asemenea, puteți da nuanța dorită oricărei părți a textului.

Ei bine, asta e tot, un exemplu este gata și ar trebui să fii mândru de tine. Desigur, încă nu este online, pentru asta trebuie să puneți pagina web, care este furnizată de hosting. De asemenea, trebuie să vă conectați domeniul, astfel încât alte persoane să vă poată vedea creația.

Până acum, doar tu poți vedea pagina. Dar trebuie să recunoașteți că un astfel de site nu poate decât să surprindă o persoană din epoca fierului. Dar aceasta este prima experiență, să o facem și mai de succes prin înțelegerea etichetelor pe care le-am folosit. Acest lucru vă va ajuta să învățați cum să vă creați propriile proiecte, fără ajutorul nimănui altcuiva.

Etichete

Cu permisiunea dumneavoastră, voi trece la NotePad ++. Are o serie de avantaje față de un notebook obișnuit. Deocamdată, evidențierea etichetelor este foarte utilă pentru a vă arăta elementele despre care voi vorbi. În general, dacă aveți de gând să învățați html, atunci vă recomand cu căldură să instalați acest program gratuit.

Nu este singurul și vă pot oferi încă câteva dacă cineva este interesat de alternative. Vom trece la partea teoretică.

Principalul

Pagina începe și se termină cu etichete ... Acestea arată browserului că acesta este un document web generat folosind html.

Urmează sau rubrica. Conține cele mai importante informații despre pagină, în cazul nostru -. Dacă nu ați găsit încă expresia „Prima mea pagină”, care este prezentă în cod, fiți atenți la fila în sine, deasupra liniei de căutare.

Și anume etichete sunt responsabili pentru începutul și sfârșitul informațiilor principale despre pagină.

Etichetă

indică faptul că fraza este un antet. În mod implicit, este puțin mai mare decât textul corpului și este aldine. Dacă tu și cu mine am scrie acum nu numai în html, ci și să creăm un fișier CSS cu care fișierul nostru a ecou, ​​am putea controla dimensiunea, fontul și chiar culoarea tuturor antetelor din pagină fără a prescrie stilul fontului așa cum am făcut în exemplu. Deși și asta este puțin devreme.

Apropo, Title și H1 își au efectul atunci când atribuiți site-ul dvs. la rezultatele căutării. Trebuie să le tratați cu mare atenție și să nu scrieți în interiorul ce anume. Ele sunt legate de. Pe lângă h1, există și h2, h3, h4.

În aceeași linie există o deschidere și o închidere

... Datorită acestui element, puteți alinia textul în mijloc. Dacă această etichetă este eliminată, textul va fi aliniat la dreapta.

Este una dintre puținele etichete simple. Adică funcționează de la sine. Datorită acestui fapt, elementele sari de la o linie la alta. În termeni simpli, indent. Am scris-o o dată, ceea ce înseamnă că ne-am mutat în jos o dată, de două ori, ca a mea, iar indentarea s-a dovedit a fi puțin mai mult.

Imagine

Urmează eticheta img , adică imagine, imagine. Paranteza pătrată este deschisă, toate informațiile de bază despre imagine sunt introduse în ea, numai după aceea este închisă. Trebuie remarcat faptul că img Este o etichetă și toate celelalte elemente de cod care se potrivesc în interior sunt atributele acesteia.

Primul lucru este alt , adică o descriere. Acest lucru este necesar și pentru optimizare. Uneori se adaugă și titlu ... Când treceți cu mouse-ul peste imagine, lângă cursor apare un sfat explicativ când pagina este deja deschisă în browser.

Era posibil să încarc o imagine în folderul site-ului și să scriu o cale către ea, dar am mers pe calea ușoară. Am găsit o imagine pe Pixabay, am deschis-o într-o fereastră nouă și am lipit linkul.

În etichetă src se scrie calea către imagine. El este cel care spune browserului ce să se deplaseze în continuare pentru a găsi imaginea dorită și în ce direcție să se uite - scrii singur.

Formatarea textului

este responsabil pentru a da unei părți a textului un stil special, de exemplu, ca în cazul nostru, o culoare diferită. stil = „culoare: roșu” indică faptul că culoarea va fi roșie. Dacă vrei galben, scrie galben, verde - verde. Puteți folosi codurile de culoare din Photoshop.

ajută textul să fie aldine.

---

trasează o linie orizontală. Este unică și se folosește numai când este închisă. Daca scrii

---

de mai multe ori, veți obține exact același număr de dungi orizontale atunci când deschideți pagina într-un browser.

Legături

spune browserului că linkul va fi următorul. Doriți să redirecționați cititorul către o altă adresă. Această etichetă vine cu un atribut obligatoriu href = „adresă” ... Citatele includ calea în care browserul ar trebui să conducă vizitatorul la pagină. După înregistrarea acestei etichete, se inserează o descriere, un cuvânt sau mai multe, făcând clic pe care cititorul va fi transferat în continuare. După îndeplinirea acestor condiții, puteți introduce o a doua etichetă de închidere .

După ce este scris corpul principal al paginii, închideți eticheta corp întrucât corpul este complet. Și indicați că nu mai utilizați pentru astăzi html .

Dacă doriți să aflați mai multe despre etichetele html și să învățați cum să inserați nu numai imagini, ci și videoclipuri, să creați butoane, diverse forme, liste, paragrafe, atunci vă pot oferi un curs gratuit de la Evgeny Popov " Bazele HTML ". Doar 33 de lecții te vor ajuta să ajungi la următorul nivel.

De asemenea, aș dori să vă recomand un curs video care vă spune cum sunt alcătuite site-urile. Întregul proces este prezentat cu exemple reale, ceea ce este deosebit de bun. Cursul este destinat atât începătorilor care nici măcar nu cunosc HTML încă, cât și celor care cunosc deja bine atât HTML, cât și CSS, însă nu se pricep la site-uri de codare. Puteți obține informații mai complete făcând clic pe link-ul: www.srs.myrusakov.ru/makeup

În plus, luați Carte gratuită pentru construirea site-ului web ! Această carte este concepută pentru începători și aici este creat un site OT și DO. Adică, designul este pregătit, apoi paginile sunt alcătuite, partea de software este scrisă și apoi site-ul este plasat pe Internet. Autorul comentează temeinic totul, iar cartea conține o mulțime de capturi de ecran și ilustrații. Mai mult, particularitatea cărții este că nu este un site abstract care se creează, ci unul complet real care există pe Internet.

Astăzi ai făcut multe, pentru că primul pas este cel mai greu.

Abonați-vă la newsletter și Grupul VKontakte și aflați mai multe: cum și de ce aveți nevoie de un motor de site, ce este un aspect bloc și o grilă modulară, cum să scrieți corect site-urile și multe altele.

Pana data viitoare si mult succes!

Înainte de a începe călătoria noastră prin lecțiile de creare a site-urilor web în HTML și CSS, este important să înțelegem diferențele dintre cele două limbi, sintaxa fiecărei limbi și o terminologie de bază.

Ce sunt HTML și CSS?

HTML (HyperText Markup Language) definește structura conținutului și semnificația acestuia, definind astfel de conținut ca, de exemplu, titluri, paragrafe sau imagini. CSS (Cascading Style Sheets) sau Cascading Style Sheets este un limbaj de prezentare conceput pentru a stila aspectul conținutului folosind, de exemplu, fonturi sau culori.

Aceste două limbi - HTML și CSS sunt independente unul de celălalt și ar trebui să rămână așa. CSS nu ar trebui să fie scris în interiorul unui document HTML și invers. De obicei, HTML va reprezenta întotdeauna conținutul, iar CSS va dicta întotdeauna modul în care este stilat.

Cu această înțelegere a diferenței dintre HTML și CSS, să ne aprofundăm în HTML mai detaliat.

Termeni HTML de bază

Înainte de a începe cu HTML, este posibil să întâlniți termeni noi și adesea ciudați. De-a lungul timpului, te vei familiariza cu toate, dar deocamdată ar trebui să începi cu trei termeni HTML de bază - elemente, etichete și atribute.

Elementele

Elementele indică modul de definire a structurii și conținutului obiectelor de pe o pagină. Unele dintre elementele utilizate în mod obișnuit includ mai multe niveluri de titluri (definite ca elemente cu

inainte de

) și paragrafe (definite ca

); puteți include articole în listă ,

, , și și multe altele.

Elementele sunt identificate folosind paranteze unghiulare<>care înconjoară numele elementului. Astfel, elementul va arăta astfel:

Etichete

Adăugarea de paranteze unghiulare< и >în jurul elementului creează ceea ce este cunoscut sub numele de etichetă. Etichetele se găsesc cel mai frecvent în perechi de etichete de început și de sfârșit.

O etichetă de deschidere marchează începutul unui element. Este format din simbol<, затем идёт имя элемента и завершается символом >; De exemplu,

.

O etichetă de sfârșit marchează sfârșitul unui element. Este format din simbol< с последующей косой чертой и именем элемента и завершается символом >; De exemplu,

.

Conținutul care se află între etichetele de început și de sfârșit este conținutul acestui element. Un link, de exemplu, va avea o etichetă de deschidere și eticheta de închidere... Ceea ce se află între aceste două etichete va fi conținutul linkului.

Deci, etichetele de link vor arăta cam așa:

...

Atribute

Atributele sunt proprietăți utilizate pentru a furniza informații suplimentare despre un element. Cele mai comune atribute includ atributul id, care identifică elementul; atributul de clasă care clasifică elementul; atributul src, care identifică sursa conținutului încorporat; și un atribut href care indică o legătură către resursa asociată.

Atributele sunt definite în eticheta de deschidere după numele elementului. În general, atributele includ numele și valoarea. Formatul pentru aceste atribute constă din numele atributului urmat de un semn egal urmat de valoarea atributului între ghilimele. De exemplu, element cu atributul href ar arăta astfel:

Shay Howe

Demonstrarea termenilor HTML de bază

Acest cod va afișa textul „Shay Howe” pe pagina web și, atunci când faceți clic, va duce utilizatorul la http://shayhowe.com. Elementul link este declarat cu o etichetă de deschidere și eticheta de închidere care acoperă textul, precum și atributul și valoarea URL-ului link-ului declarat prin href = "http://shayhowe.com" în eticheta de deschidere.

Orez. 1.01. Sintaxa HTML a schemei include un element, un atribut și o etichetă

Acum că știți ce sunt elementele, etichetele și atributele HTML, să aruncăm o privire la prima noastră pagină web. Dacă ceva pare nou aici, nu vă faceți griji - vom descifra totul pe parcurs.

Configurarea structurii documentului HTML

Documentele HTML sunt documente cu text simplu salvate cu extensia .html și nu cu .txt. Pentru a începe să scrieți HTML, aveți nevoie mai întâi de un editor de text care să vă fie confortabil de utilizat. Din păcate, aceasta nu include Microsoft Word sau Pages, deoarece acestea sunt editori complexe. Cele mai populare două editoare de text pentru scrierea HTML și CSS sunt Dreamweaver și Sublime Text. Alternativele gratuite sunt și Notepad ++ pentru Windows și TextWrangler pentru Mac.

Toate documentele HTML conțin o structură obligatorie care include următoarele declarații și elemente: , , și .

Declarație tip document sause află chiar la începutul documentului HTML și le spune browserelor ce versiune de HTML este aplicată. Deoarece vom folosi cel mai recent HTML, tipul nostru de document va fi pur și simplu... Acesta este urmat de element indicând începutul documentului.

Interior element definește partea de sus a documentului, inclusiv metadate diverse (informații însoțitoare despre pagină). Conținut din interiorul elementului nu apare pe pagina web în sine. În schimb, poate include titlul documentului (care apare în bara de titlu a ferestrei browserului), link-uri către orice fișiere externe sau orice alte metadate utile.

Tot conținutul vizibil al paginii web va fi în element ... Structura unui document HTML tipic arată astfel:

Salut Lume!

Aceasta este o pagină web.

Demonstrarea structurii unui document HTML

Acest cod arată documentul începând cu declarația de tip de document,, apoi apare imediat elementul ... Interior articolele merg și ... Element conține codificarea paginii prin etichetă și titlul documentului prin element

Este timpul să ne testăm munca și să vedem cum se înțeleg HTML și CSS. Deschiderea fișierului index.html (sau reîmprospătarea paginii dacă este deja deschisă) într-un browser ar trebui să arate un rezultat ușor diferit față de cel anterior.

Orez. 1.04. Site-ul nostru pentru conferința de stiluri cu resetare CSS

Demo și cod sursă

Mai jos puteți vizualiza site-ul Styles Conference în starea sa actuală, precum și descărca codul sursă al site-ului în acest moment.

rezumat

Deci, e în regulă! Am făcut câțiva pași mari în acest tutorial.

Gândiți-vă, acum cunoașteți elementele de bază ale HTML și CSS. Pe măsură ce trecem mai departe și petreci mai mult timp scriind HTML și CSS, vei deveni mult mai confortabil să lucrezi cu aceste două limbi.

Amintiți-vă că ne-am uitat la următoarele:

• Diferența dintre HTML și CSS.
• Familiaritate cu elementele, etichetele și atributele HTML.
• Configurarea structurii primei pagini web.
• Familiaritate cu selectoarele, proprietățile și valorile CSS.
• Lucrul cu selectoare CSS.
• Pointer către CSS din HTML.
• Importanta resetarii CSS.

Acum să aruncăm o privire mai atentă la HTML și să ne familiarizăm puțin cu semantica.

Resurse și link-uri

• Termeni HTML obișnuiți prin Scripting Master
• Termeni și definiții CSS prin Impressive Webs
• Instrumente CSS: Resetați CSS prin Eric Meyer

Instrucțiuni

Tot ceea ce vede vizitatorul pe web este recreat de browser din instrucțiunile trimise de serverul său. Aceste instrucțiuni sunt scrise în HTML (HyperText Markup Language) și sunt evidențiate în htm și html pentru fișierele în care sunt stocate. Puteți crea un astfel de fișier într-un editor de text obișnuit - acesta va fi primul pas în creare pagini web... Deschideți Notepad standard, de exemplu, și creați un fișier gol numit index.html. Când introduceți o adresă de site web fără a specifica un anume pagina(de exemplu), primul lucru de făcut este să cauți pagina cu acest nume – index.

Instrucțiunile HTML se numesc „etichete” și fiecare dintre ele este cuprinsă între astfel de paranteze -<>... Unele dintre etichete sunt împerecheate, adică constau în etichete de deschidere și de închidere, iar informațiile sunt plasate între ele. De exemplu, o etichetă care spune browserului că codul este în HTML mai jos, astfel: Eticheta de închidere care indică faptul că HTML-ul este complet în acest moment este scrisă astfel: După cum puteți vedea, eticheta de închidere diferă de eticheta de deschidere prin prezența unei bare oblice după paranteza de deschidere (

Tot codul pe care îl puneți între etichete și, ar trebui să fie împărțit în două părți - antetul și corpul documentului. Etichetele de deschidere și de închidere sunt scrise astfel: Aceasta este partea de „serviciu” a paginii - aici sunt plasate informații pentru titlul ferestrei, cuvinte cheie și descrieri pentru roboții de căutare, descrieri de stiluri, scripturi etc. Introduceți titlul ferestrei paginii în ea: Textul complet al paginii dvs. html în acest moment ar trebui să arate astfel:

După partea de antet, trebuie să plasați etichete între care vor fi incluse instrucțiunile pentru corpul documentului: Scrieți între ele, de exemplu, o etichetă care se afișează pagina paragraf de text:

Există un întreg paragraf de informații aici!

Nu toate etichetele HTML sunt asociate. Pentru unii dintre ei, tot ce aveți nevoie este plasat în interiorul etichetei de deschidere. Astfel de etichete au o bară oblică de închidere înaintea parantezei de închidere. De exemplu, o etichetă de sfârșit de linie și un „retur car”
:

Primul rând al paragrafului.


Al doilea rând al paragrafului.

Toate acestea sunt suficiente pentru ca browserul să vă afișeze pagina... Tot codul html asamblat ar trebui să arate astfel:

Primul rând al paragrafului.


Al doilea rând al paragrafului.

Pe aceasta

În acest articol, vom introduce diferite concepte legate de Web: pagini web, site-uri web, servere web și motoare de căutare. Acești termeni confundă adesea atât pe începători cu web-ul, cât și pe cei care folosesc rar web-ul. Să ne dăm seama ce înseamnă exact aceste concepte!

Pe scurt

Ca orice alt domeniu de cunoaștere, Web-ul este plin de termeni specifici. Dar nu vă faceți griji, nu vrem să vă supraîncărcăm chiar la începutul călătoriei dvs. (și dacă curiozitatea încă prevalează, atunci avem un dicționar). Cu toate acestea, pentru început, mai trebuie să înveți câțiva termeni de bază, deoarece îi vei întâlni destul de des în articolele noastre. Uneori este ușor să confundați acești termeni, deoarece sunt legați, dar au funcții diferite. Probabil ați observat utilizarea lor greșită în știri sau în altă parte.

Vom discuta despre aceste concepte și tehnologii puțin mai târziu, dar acum scurtele definiții de mai jos vor fi un început foarte bun pentru tine:

Pagină web Un document care poate fi afișat de browsere web precum Firefox, Google Chrome, Microsoft Internet Explorer/Edge sau Apple Safari. Din motive de concizie, noțiunea „pagină web” în sine va fi denumită simplu „pagină”. Website O colecție de pagini web care sunt legate în orice fel. Utilizarea vocabularului: „site” sau pur și simplu „site”. Server web Un computer care furnizează computerul și software-ul necesar pentru funcționarea unui site web. Motor de căutare Un site web care vă ajută să găsiți alte pagini web, cum ar fi Google, Bing sau Yahoo.

Învățarea activă

Până acum, învățarea activă nu este disponibilă. Dacă puteți oferi informații utile, atunci.

Mergând mai adânc

Așa că haideți să cercetăm puțin mai adânc și să aflăm cum acești 4 termeni sunt legați unul de celălalt și de ce aceste concepte sunt adesea confundate între ele.

Pagină web

Pagină web- un document simplu afișat pe ecranul unui computer printr-un browser. Un astfel de document este scris în HTML (pe care îl vom analiza mai detaliat). O pagină web poate conține multe materiale diferite, cum ar fi:

• informatii de stil- controlul paginii prin perceptie si senzatie
• scenarii- care fac pagina mai dinamică și mai ușor de utilizat
• mass-media- imagini, muzică și videoclipuri.

Notă: browserele pot afișa adesea unele documente sau imagini PDF, dar termenul pagină web mai direct legate de documentele HTML. Până la sfârșitul articolului, în acest caz, vom folosi conceptul document.

Toate paginile web de pe web au propria lor adresă unică. Pentru a accesa pagina dorită, trebuie doar să introduceți adresa acesteia în bara de adrese a browserului dvs.:

site web este o colecție de pagini legate în orice mod (inclusiv link-urile lor către alte resurse), care sunt disponibile sub un singur nume de domeniu. Fiecare pagină a site-ului conține link-uri directe (aproape întotdeauna evidențiate părți ale textului pe care se poate face clic cu mouse-ul), ceea ce permite utilizatorului să sară rapid de la o pagină la alta a site-ului web.

Pentru a accesa un site web, introduceți numele de domeniu al acestuia în bara de adrese a browserului dvs., iar browserul dvs. va afișa pagina de pornire a site-ului sau, cu alte cuvinte, pagina de pornire:

pagină webși site web este deosebit de uşor de confundat între ei când site-ul conţine doar unul pagină. Acest site este uneori numit site-ul web cu o singură pagină.

server web

server web este un computer care oferă unul sau mai multe site-uri web (hosting)... Gazduire inseamna ca totul pagini iar fișierele atașate acestora sunt conținute pe acest computer. Acestea. server web va trimite oricare pagina Cu site-ul la cererea oricărui utilizator, care va găzdui browserul utilizatorului.

Nu fi confuz site-ul webși server web... De exemplu, dacă auziți pe cineva spunând „Site-ul meu web nu răspunde”, înseamnă cu adevărat că este server web nu răspunde solicitării și, prin urmare, nu este disponibil în sine site-ul. Mai mult, deoarece un server web poate găzdui mai multe site-uri, termenul de server web nu este niciodată folosit pentru a se referi la un site web, deoarece acest lucru ar putea duce la multă confuzie. Revenind la exemplul anterior, dacă am spune „Serverul meu web nu răspunde”, ar însemna că nu există site-uri disponibile pe acest server momentan.

Sistem de căutare

Motoare de căutare sunt o cauză comună a confuziei în rețea. Sistem de căutare este un tip special de site web care îi ajută pe utilizatori să găsească paginile pe care le doresc alții site-uri.

Cele mai populare motoare de căutare: Google, Bing, Yandex, DuckDuckGo și multe altele. Unele dintre ele sunt universale, iar altele sunt concentrate pe o anumită zonă. Utilizați motorul de căutare care vă este convenabil.

Mulți internauți începători confundă un motor de căutare și un browser. Să lămurim: browser este un software care găsește și afișează pagini web; sistem de căutare este un tip special de site care îi ajută pe utilizatori să găsească paginile de care au nevoie alții site-uri. Confuzia apare din faptul că atunci când cineva lansează pentru prima dată un browser, acesta afișează pagina de pornire a motorului de căutare. Este exact cazul, pentru că primul lucru pe care îl faceți la lansarea browserului este să găsiți o pagină web și să o deschideți. Dar nu confunda infrastructura (adică browserul) cu serviciul (adică motorul de căutare). Această diferență vă va ajuta puțin, dar chiar și unii experți folosesc aceste concepte în mod arbitrar, așa că nu ar trebui să vă faceți prea multe griji în acest sens.

Mai jos este un exemplu despre modul în care browserul Firerox afișează în mod implicit caseta de căutare Google pe pagina de pornire (de pornire):