Un site web, adesea abreviat ca site, nu este altceva decât o colecție de pagini web interconectate logic sau pur și simplu o pagină. Paginile site-ului sunt accesibile pe Internet folosind protocoalele HTTP sau HTTPS. Un site web are propriul loc pe Internet, determinat de o adresă personală pentru fiecare site, care se numește de obicei URL. Orice site web are proprietarul său; proprietarul poate fi fie o persoană fizică, fie o entitate juridică.
Site-ul este format din pagini
Un site web este format din pagini unite printr-o adresă URL rădăcină comună și, de regulă, o structură logică comună, temă, aspect (design) și dispozitiv tehnic. La rândul său, World Wide Web nu este altceva decât o colecție a tuturor site-urilor web. Paginile web sunt fișiere text scrise în limbajul de marcare hipertext HTML sau XHTML.
La vizualizarea unei pagini web, într-un program special numit browser, fișierele HTML sunt descărcate pe computerul utilizatorului. Odată încărcat, browserul afișează pagini web pe ecranul utilizatorului. Diverse dispozitive pot fi folosite ca hardware pentru accesarea Internetului pentru a vizualiza conținutul paginilor web: un computer personal, un PDA, unele modele de console de jocuri și alte dispozitive, toate aceste dispozitive acceptă standardele de limbaj HTML/XHTML și paginile web sunt afișate identic pe ele.
Limbajul HTML / XHTML face posibilă formatarea paginilor, plasarea textului, hyperlink-urilor, tabelelor, imaginilor și a altor obiecte pe acestea. O foaie de stil CSS care poate fi utilizată în documentele HTML oferă opțiuni suplimentare pentru crearea aspectului paginilor web.
JavaScript și alte limbaje de scripting
Pe paginile web puteți utiliza, de asemenea, JavaScript și alte limbaje de scripting acceptate de browser și puteți adăuga interactivitate documentului web. Legăturile hipertext, sau hyperlink-urile pe scurt, sunt folosite pentru a lega pagini web dintr-un site și pentru a lega diferite site-uri web de pe World Wide Web. Dacă un hyperlink este folosit pentru a lega pagini dintr-un site, acesta se numește link intern, iar dacă face legătura între site-uri diferite, se numește link extern.
Paginile site-ului
Paginile de pe un site web pot fi statice, adică sunt stocate pe un server web sub formă de fișiere imuabile, sau pot fi dinamice, adică generate direct pe server de un program special, care se mai numește și site motor. Motorul site-ului poate oferi o gamă largă de capabilități pentru modificarea conținutului paginilor web, adăugarea de noi pagini web și efectuarea altor acțiuni pentru configurarea site-ului web și editarea informațiilor despre acesta printr-o interfață de administrare bazată pe web, care se numește management de conținut. sistem sau CMS.
Crearea unui site web este un proces intensiv de muncă care combină munca diverșilor specialiști: designeri web, programatori, designeri de layout HTML, optimizatori, manageri, jurnaliști pentru a umple site-ul cu informații etc. Timpul și costul creării unui site web depind de gradul de complexitate al proiectului, de structura acestuia și de calitatea designului.
O mică istorie a dezvoltării site-ului web
Primul site web din lume a fost creat pe 6 august 1991. Americanul Tim Berners-Lee a postat pe site o publicație despre tehnologia World Wide Web. Baza tehnologiei World Wide Web este protocolul de transfer de date HTTP, limbajul de marcare hipertext HTML și sistemul de adresare URL. Site-ul a descris și alte principii de bază ale Internetului, precum funcționarea serverelor, browserelor web etc. Site-ul, creat de Tim Berners-Lee, a devenit și primul catalog de internet din lume, deoarece... mai târziu conținea link-uri către alte resurse ale internetului de atunci.
Instrumentele necesare pentru ca site-ul să funcționeze au fost pregătite chiar mai devreme; la sfârșitul anului 1990, a apărut primul browser, care s-a numit WorldWideWeb; a inclus în plus și funcția de editor de hipertext. Tim Berners-Lee a pregătit și primul server web bazat pe NeXTcube.
Vă întrebați cum să creați o pagină HTML? Pentru a face acest lucru, trebuie să petreceți câteva ore și veți ști și vă puteți crea prima pagină în 5 minute.
HTML înseamnă HyperText Markup Language. Tradus, aceasta înseamnă „limbaj de marcare hipertext”. Este important să înțelegeți că HTML nu este un limbaj de programare, ci un limbaj de marcare a site-ului.
Toate browserele moderne îl pot recunoaște. Apoi afișează informațiile într-un mod ușor de utilizat, așa cum a intenționat în prealabil autorul.
Această limbă folosește etichete speciale. Fiecare etichetă își îndeplinește propria funcție. Sunt o mulțime. Ideal ar fi să înveți totul. Dar pentru un începător, cunoștințele de bază sunt destul de suficiente.
Bazele HTML
Înainte de a crea o pagină HTML, trebuie să știți în ce constă. Există două concepte în acest limbaj: element și tag.
O etichetă de deschidere și de închidere sunt folosite pentru a indica unde începe și unde se termină acest element. Arata cam asa.
<открывающий тег>conţinut
După cum puteți vedea, singura diferență între eticheta de deschidere și de închidere este „/”.
Întregul document HTML este o colecție a acestor elemente. Există anumite cerințe pentru structura documentului. Tot conținutul paginii trebuie să fie între două etichete Și. Când scrieți cod, fă-ți un obicei din a include imediat o etichetă de deschidere și de închidere.
De asemenea, amintiți-vă că structura limbajului HTML are propria sa ierarhie. Altfel se numește cuibărit. este cea mai importantă, deoarece toate celelalte sunt în ea.
HTML are două elemente copil:
- ... ;
- .. .
Blocul HEAD indică diverse informații de service. Aceste informații nu sunt afișate în browser. De exemplu, instrucțiuni pentru dezvoltatori, pentru orice program, pentru roboți și multe altele.
Cel mai important lucru este că nu există conținut aici.
Secțiunea BODY specifică conținutul documentului care va fi afișat utilizatorului.
Învață să creezi imediat etichete deschise și închise, deoarece pot exista 10 elemente imbricate. În plus, pentru comoditate, este recomandat să indentați etichetele imbricate. De exemplu, așa.
Acest lucru se face astfel încât etichetele de importanță egală să fie la același nivel, iar etichetele copil să fie „în interior”. Acest lucru face mult mai ușor de înțeles și de găsit codul potrivit. Altfel s-ar putea să te încurci. Dar pentru a economisi spațiu, corpul în sine poate fi făcut fără adâncituri. Acest lucru se face astfel încât toți ceilalți să nu aibă indentare suplimentară. Este indicat să separați totul.
Cum se creează o pagină HTML simplă
Pentru a scrie cod aveți nevoie de un fel de editor. Sunt o mulțime. Cele populare sunt Notepad++ și Adobe Dreamweaver. Puteți folosi și un blocnotes.
Așa arată editorul Notepad++.
Acesta este un editor foarte convenabil și, în același timp, gratuit. Adobe Dreamweaver de mai sus este o versiune plătită. Diferența dintre editorii proiectați pentru scris și un bloc de note este că etichetele speciale sunt evidențiate. Dacă nu este evidențiat, atunci ați scris-o incorect.
Pentru ca lumina de fundal să se potrivească cu limba, aceasta trebuie specificată în setări.
Să vedem cum să creați o pagină HTML în Notepad. Adică, să terminăm partea tehnică și apoi să trecem direct la studierea etichetelor.
Cum se creează o pagină web în HTML Notepad
Pentru a începe, deschide Notepad.
Apoi tastați în el ceea ce este indicat în următoarea captură de ecran.
Obișnuiți-vă să scrieți cu mâinile în loc să copiați. Când scrieți cu mâinile, mai bine vă amintiți întreaga bază de etichetă.
După aceasta, puteți deschide fișierul într-un browser și puteți admira rezultatul. Acum ar trebui să înțelegeți cum să creați o pagină web într-un bloc de note HTML.
Consorțiul mondial W3C
Există o organizație numită W3C, care dezvoltă și implementează toate standardele pentru Internet. Toate browserele respectă aceste standarde și procesează marcarea paginii (codul) conform acestor reguli.
Pe site-ul oficial al dezvoltatorilor limbajului HTML puteți găsi un tabel cu toate etichetele și regulile de utilizare a acestora. În acest articol le luăm în considerare pe cele mai de bază.
S-ar putea să vă gândiți, care ar putea fi regulile? Toate etichetele descrise au propria lor recomandare. Există mai multe dintre ele:
- Etichetă opțională.
- Interzis.
- Etichetă goală.
- Învechit
- Pierdut.
Etichete în HTML
Înainte de a crea o pagină HTML, trebuie să înțelegeți ce ar trebui să fie în partea de service HEAD.
Zona HEAD conține atât etichete obligatorii, cât și etichete opționale. Eticheta necesară este titlul. Este desemnat
Să trecem la secțiunea CORP. Există elemente care sunt afișate în browser și sunt și altele care nu sunt. De exemplu, comentariile nu sunt afișate utilizatorului. Ele pot fi folosite pentru note sau pentru a oferi indicii altor angajați dacă lucrați în echipă.
Ele sunt desemnate ca
Totul dintre ele, este privit de program ca atare. Vă rugăm să rețineți că nu puteți imbrica o etichetă de comentariu într-o altă etichetă de comentariu. Pentru că odată ce ai deschis.
Un exemplu de astfel de cuibărire:
continuarea primului comentariu -->
Rezultatul în browser va fi următorul
continuarea primului comentariu -->
Iată o bucată nu va fi vizibil. A doua etichetă de deschidere