Meniul
AcasăTehnică

Cum se creează o pagină web html. Crearea unei pagini HTML în Notepad: explicații pentru manechine

: HTML - limbaj de marcare hipertext (sau limbaj de marcare hipertext).

Deci haideți să-l cunoaștem mai bine.

Mai întâi, creați un fișier pe computer cu orice nume și extensie.html (titlul trebuie să fie în engleză- de exemplu index.html). Pentru a crea un astfel de fișier, creați un document text obișnuit ("Start" - "Toate programele" - "Accesorii" - "Notepad")și salvați ("Fișier" - "Salvare ca") oriunde introducând numele și extensia (se întâmplă ca atunci când introduceți o extensie, notepad-ul o salvează în continuare ca fișier text, dar avem nevoie de un fișier web. Pentru a face acest lucru, înainte de a salva, selectați tipul de fișier - „Toate fișierele (*.*)”).

Aceasta nu este o condiție prealabilă (deoarece puteți schimba numele primei pagini în setările serverului), ci o regulă a bunelor maniere. Numele primei pagini este de preferință index (index.html), întrucât serverul, la accesarea acesteia, produce un fișier cu același nume - index.

Când este salvat corect, pictograma fișierului ar trebui să se schimbe în pictograma browserului (Internet Explorer în mod implicit).

Acum deschideți acest fișier folosind Notepad și copiați următorul cod acolo.

Aceasta este prima pagină web!

Salvați și deschideți într-un browser.

Felicitări, tocmai ați creat prima pagină web.

Text „Aceasta este prima pagină web!” O puteți schimba cu oricare alta, de exemplu, „Aceasta este prima mea pagină web!!!” salvați, actualizați browserul și admirați rezultatul.

Dar pagina noastră nu are un titlu.

Trebuie să remediem acest lucru - vom corecta puțin codul sau, mai degrabă, îi vom adăuga un „Site Head” folosind etichete Și .</p><p> <html> <head> <title>Prima pagina Aceasta este prima mea pagină web!!!

Salvează, actualizează, admiră. Pagina noastră are acum un titlu.

Descrierea etichetelor.

Prima etichetă este (Această etichetă este asociată, adică eticheta de închidere necesar) - este folosit ca un container în interiorul căruia se află tot conținutul paginii (text, imagini etc.). Deși această etichetă ( Și) este opțională, dar utilizarea lui indică bunele maniere. Prin urmare, vă sfătuiesc să îl utilizați.

Următoarea etichetă - . Aceasta este, de asemenea, o etichetă asociată ( Și). Această etichetă nu este afișată pe pagină (cu excepția titlului), dar este necesară indicarea unor parametri suplimentari ai paginii - descrierea paginii (folosită de motoarele de căutare), cuvinte cheie (utilizate de motoarele de căutare), stiluri, scripturi, titlu etc.

Etichetă </b>- etichetă asociată ( <title>Și), este necesar pentru a indica titlul paginii. Mai mult, această etichetă trebuie plasată numai în interiorul etichetei !

Și ultima etichetă din codul nostru este - . De asemenea, o etichetă asociată ( Și), în interiorul căruia se află întreaga parte vizibilă a sitului, adică. texte, imagini, link-uri, în general informații pe care doriți să le plasați pe site.

În lecția următoare vom vorbi despre tipurile de etichete și despre regulile de scriere a acestora.

Sau, sau mai bine zis, toate cele patru, pentru că multe elemente HTML se afișează diferit în diferite browsere și cel mai bine este să țină această diferență sub control.

Pe lângă browser, vom avea nevoie de cel puțin un fel de editor de text, de exemplu, Notepad de la Windows sau Notepad, dar Dreamweaver este ideal. Programul este necesar pentru a pregăti fișiere HTML, iar browserul este necesar pentru a vizualiza și controla ceea ce a fost produs. Folosind aceste instrumente, vom crea un site WEB pe propriul computer local, după care îl vom plasa pe unul dintre serverele WWW de pe Internet, făcând astfel paginile dvs. WEB accesibile întregii lumi.

Pregătirea pentru crearea unui site WEB

De exemplu, să pregătim pagini WEB pentru o companie. Să-i spunem „Compania SD”, să spunem că lucrează în domeniul sistemelor de control automat. Scopul site-ului WEB este de a spune lumii despre companie, domeniul de activitate al acesteia și de a găsi parteneri și clienți.

Fișierele site-ului nostru WEB necesită un folder separat.

Creați un folder numit WEB pe orice hard disk al computerului dvs. Acum să lansăm programul Notepad și să ne apucăm de treabă.

Deschideți un program, de exemplu Notepad, făcând clic pe butonul Start din bara de activități și selectând Programs - Accessories - Notepad din meniul care apare.

Puteți folosi orice alt editor de text. Dar, în acest caz, ar trebui să salvați fișierul ca text simplu pentru a evita includerea semnelor de formatare de la terți în documentul WEB.

Mai întâi, să introducem principalele etichete care determină structura oricărui document HTML. Să vă reamintim că în codul HTML puteți folosi orice caz de caractere - mai sus sau mai jos.

Primele etichete

Introduceți etichetele principale ulterioare folosind tastatura, plasând oricare dintre ele, fără a număra eticheta de închidere, în cea mai nouă linie.

Pentru a introduce etichete asociate, veți putea folosi operațiuni de copiere și inserare prin clipboard-ul Windows, urmate de adăugarea unei bare oblice /.

Să ne amintim că 1 Și în ultimul rând etichetele înseamnă începutul și sfârșitul documentului, elementului … definește titlul paginii WEB, elementul …- corpul documentului, și în element Vom indica acum titlul paginii WEB.

Între deschidere si inchidere utilizați etichete pentru a introduce titlul documentului - Compania SD. Acest element ar trebui să arate astfel:

Compania SD

Să vă reamintim că titlul unei pagini WEB ar trebui să fie mic și să-și arate conținutul în cea mai mare măsură.

Următoarea noastră sarcină este să inserăm în corpul documentului între etichete … un mic text de salut pentru oaspeții paginii WEB.

Introduceți o linie goală între etichete Șiși introduceți următorul text în el:

Bun venit pe pagina companiei SD! Aici veți afla despre activitățile noastre, despre produsele software ale companiei noastre și despre echipamentele pe care le producem.

Pentru fiecare pagină WEB puteți găsi culoarea de fundal și culoarea textului. Acest lucru se face folosind atributele bgcolor și text ale etichetei de deschidere. . Există două opțiuni pentru definirea unei culori ca valoare de atribut:

  • indicarea verbală a numelui culorii, de exemplu, alb (albă ca zăpada). HTML oferă șaisprezece astfel de nume;
  • o desemnare numerică în notație hexazecimală, de exemplu, „#ffffff” - alb ca zăpada, care arată cum se formează culoarea din culorile principale - roșiatic, verzui și albastru.

Colorarea primei pagini WEB

Desigur, indicarea verbală a culorii este mai confortabilă și mai ușor de înțeles. Pe de altă parte, desemnările numerice oferă mai multă capacitate, deoarece vă permit să indicați de fapt oricare dintre cele 16.777.215 de culori, în timp ce desemnările verbale sunt limitate la doar șaisprezece culori.

Să enumerăm câteva nume de culori: negru (întunecat), gri (cenușiu), roșu (roșcat), verde (verzui), aqua (albastru).

De exemplu, folosim o culoare albastră pentru fundalul paginii noastre WEB și o culoare gălbuie pentru text.

Introduceți-l în eticheta de deschidere atributele bgcolor="blue" și text="yellow". Această etichetă ar trebui să arate astfel:

Pe lângă specificarea culorii, puteți folosi și o schiță pregătită în prealabil pentru fundalul paginii WEB. Dar despre asta vom vorbi în viitor.

În fereastra programului Notepad, selectați comanda de meniu Fișier - Salvare. Pe ecran apare dialogul Salvare ca.

Deschideți folderul WEB pe care l-ați creat mai devreme, în care trebuie salvate toate fișierele site-ului WEB.

În câmpul de introducere a numelui fișierului, introduceți other.html - așa vom numi acest fișier.

Vă rugăm să rețineți: trebuie să specificați extensia numelui fișierului HTML, astfel încât browserul să îl poată deschide. Puteți scrie și htm, dar acesta este un format învechit și nu este strict recomandat.

Să vedem rezultatul lucrării

Acum puteți vedea rezultatele muncii noastre.

Fără a-l închide, minimizați fereastra Notepad.

Folosind Explorer (Windows Explorer), deschideți folderul WEB în care ați salvat fișierul other.html și faceți dublu clic pe pictograma acestuia. Browserul implicit va fi lansat, iar documentul other.html se va deschide în fereastra acestuia.

Vedeți, titlul ferestrei browser indică titlul documentului pe care l-am introdus în element , iar culoarea fundalului și a textului paginii este aceeași cu cea indicată în etichetă . Textul apare într-un paragraf și este aliniat la stânga.

Dimensiunea fontului textului poate fi mai mare sau mai mică în browser decât în ​​imagine. În acest caz, selectați comanda de meniu View - Font Size - Medium (Vizualizare - Text Size - Medium) în browserul Internet Explorer pentru a seta dimensiunea fontului la medie.

Trebuie înțeles că diferite browsere pot afișa în mod diferit conținutul aceluiași fișier HTML. Prin urmare, atunci când dezvoltați pagini WEB, este mai bine să vizualizați întotdeauna rezultatele în toate browserele mai populare - Internet Explorer, Opera, Mozilla. În acest caz, vei fi convins că oaspetele site-ului tău WEB va vedea exact ce vrei să-i arăți.

Vizualizați fișierul creat într-un alt browser. În această etapă de lucru, diferențele nu vor fi sesizabile.

Fără a închide, minimizați ferestrele browserului.

Pentru că în element Am introdus text fără a-l împărți în paragrafe, apoi în browser este afișat ca primul paragraf și aliniat la stânga. Acum trebuie să dăm textului un aspect mai frumos.

Lectia 2.

Să creăm prima pagină html.

În această lecție, vei urma instrucțiunile mele pentru a crea prima ta pagină web. Deocamdată, nu trebuie să te aprofundezi în ce fel de simboluri de neînțeles va trebui să folosești. În această lecție creăm o pagină, iar în următoarele două lecții vom înțelege pe deplin fiecare personaj scris.

Primul lucru pe care îl facem este să creăm un folder pe desktop și să-i dăm numele „Site”. Toată creația noastră ulterioară va avea loc în acest folder.

Acum lansăm notepad-ul Notepad++ pe care l-am instalat. (Dacă nu ați făcut acest lucru încă, iată instrucțiunile de instalare). În mod implicit, programul ar trebui să fie în directorul /Program Files/Notepad++/ sau îl puteți lansa prin Start. Deschideți programul și inserați următorul text în el:

<html>
<head>
<title>Primul meu site web </title>
</head>
<body>
Buna ziua! Aceasta este prima mea pagină web!
</body>
</html>

Majoritatea site-urilor RuNet constau din pagini html scrise în codificare UTF-8. Pentru ca paginile noastre să fie afișate corect în browser, vom folosi și această codificare.

Acum trebuie să ne salvăm fișierul în format html.

Nu uitați că Notepad++ este un editor de text, ceea ce înseamnă că momentan avem un fișier text obișnuit cu un set de caractere. Pentru ca browserul nostru să afișeze pagina de text pe care am creat-o ca pagină web, trebuie să facem din ea un fișier cu extensia html.

Pentru a face acest lucru, faceți clic pe butonul „Fișier” din meniul de sus, apoi „Salvare ca”, selectați directorul (calea) în care va fi salvat fișierul, salvați-l în folderul pe care l-am creat: Desktop/Site/, apoi cel mai important , selectați tipul de fișier dorit, în cazul nostru este Hyper Text Markup Language (html).


Felicitări! Tocmai ți-ai creat prima pagină web! Acum puteți merge la folderul „Site” și puteți rula fișierul creat. Pagina se va deschide folosind un browser și veți vedea că în locul simbolurilor de neînțeles pe care le-am introdus, browserul afișează pe ecran informații complet ușor de înțeles.

INSTITUTUL DE EDUCAȚIE DESCHISĂ DE LA MOSCOVA
DEPARTAMENTUL MATERIALELOR ŞI TEHNOLOGII INFORMAŢIEI

Materiale de curs la distanta
„Tehnologii informaționale și educație”

Polilova Tatyana Alekseevna
[email protected]

Cum se creează o pagină web

Cel mai simplu mod de a crea o pagină web este să utilizați instrumentele Microsoft Office. Cele mai recente versiuni ale acestui pachet oferă posibilitatea de a converti un document obișnuit în format HTML cu o calitate bună a codului.

Caracteristici Word

Un document pregătit în editorul de text Word poate fi ușor convertit într-o pagină web. Cu toate acestea, nu va arăta atât de atractiv pe cât v-ați dori dacă nu sunt luați pași suplimentari. Să ne uităm la câteva exemple.

Să luăm niște text.

Convertim documentul într-o pagină web folosind operația Salvare ca pagină web... (numită din meniul principal - element Fișier). Apoi, reprezentarea html a documentului va arăta astfel:

Primul lucru care vă atrage atenția este că textul ocupă întregul spațiu pe ecran. Lungimea șirului este prea mare. Pentru o citire confortabilă pe ecran, numărul de caractere pe linie ar trebui să fie în intervalul 50-65.

Folosind o masă

În acest caz, o puteți face destul de simplu: creați un tabel în documentul sursă și plasați textul dorit în el. Puteți seta un cadru în tabel. Apoi aspectul paginii web va fi mult îmbunătățit, iar pagina va arăta mai atractiv în browser.

Fundal și stil

Este recomandabil să alegeți un fundal care să nu fie prea luminos, astfel încât textul să poată fi citit clar pe el. Un astfel de fundal în lista propusă este, de exemplu, hârtie de orez. Afișarea paginii s-a schimbat semnificativ:

Inserarea unei imagini

Puteți adăuga o fotografie la un document, luând-o, de exemplu, dintr-o colecție de clipuri.

Trebuie să faceți clic dreapta pe imagine, să efectuați o operație de copiere, apoi să specificați în document locația pentru imagine și să efectuați operația de lipire a obiectului copiat.

Dacă inserați o imagine în interiorul unui paragraf, atunci este mai bine să modificați proprietățile imaginii setând textul pentru a se înfășura în jurul imaginii (trebuie să selectați elementul din meniul principal Format și apoi Imagine):

Acest lucru nu va crea niciun spațiu gol suplimentar în document.

În cele din urmă, puteți adăuga un cadru și o umbră imaginii folosind butoanele din panoul Desen - Tip de linie și Stil de umbră. Astfel de nuanțe adaugă în mod semnificativ expresivitate paginii.

Dacă panoul Desen nu este pe pagină, trebuie să îl instalați selectând elementul din meniul principal Vizualizare și apoi Bare de instrumente și desen.

Ticker

Word vă permite să adăugați alte elemente de design la o pagină web, cum ar fi o „linie târâtoare”. Pentru a utiliza această caracteristică, trebuie să deschideți panoul componente web de pe ecran (din meniul principal - Vizualizare, apoi Bare de instrumente și componente web). Făcând clic pe butonul de operare Ticking Line, se deschide o fereastră suplimentară pentru specificarea textului parametrilor liniei rampe.

Ca de obicei, puteți schimba fontul și atributele unei linii: dimensiunea fontului și culoarea caracterului. Pagina web va arăta astfel pe ecranul dvs.:

Am dat un exemplu de doar un set foarte modest de tehnici de proiectare cu ajutorul cărora puteți proiecta o pagină web pe baza unui document existent în format Word.

Utilizarea șabloanelor de proiectare

Dacă începeți să creați o pagină de la zero, puteți utiliza Expertul paginii web, care vă va ajuta să creați un document într-un dialog. Sau puteți folosi un șablon de design de pagină gata făcut, alegându-l dintr-un set destul de reprezentativ. Pentru a face acest lucru, în operațiunea Creare, selectați modul Creare folosind un șablon și apoi Șabloane generale. Pe ecran va apărea un formular în care trebuie să selectați fila Pagini Web:

Utilizatorul poate alege culoarea și stilul în mod independent, de exemplu, folosind setările Format - Temă.

Crearea de hyperlinkuri și marcaje

Ultima problemă pe care intenționăm să o luăm în considerare în această secțiune este crearea de hyperlinkuri într-un document.

Dacă vrem să ne referim într-un document la un alt document sau un alt site de pe Internet, atunci un astfel de hyperlink se poate face astfel: selectați o bucată de text (un cuvânt) în document și efectuați operația Insert - Hyperlink... Pe ecran va apărea un formular în care specificați adresa hyperlink. Adresa poate fi introdusă explicit sau fișierul poate fi selectat în fereastră.

Aici ar trebui să rețineți că adresa fișierului selectat de pe computerul dvs. se poate schimba atunci când vă creați site-ul. Prin urmare, metoda implicită de specificare a unei adrese este potrivită doar dacă structura folderului dvs. de pe computer și de pe site-ul de Internet este aceeași.

Dacă un hyperlink ar trebui să se refere la o altă parte a aceluiași document, atunci trebuie mai întâi să inserați un marcaj la începutul fragmentului dorit. Trebuie să efectuați operația Inserare - Marcaj și să introduceți numele marcajului în formularul care apare pe ecran.

Prezentare Web în PowerPoint

PowerPoint este un program conceput pentru a crea prezentări pe un computer. Cu toate acestea, are funcția de a converti o prezentare pregătită într-un format web.

Puteți deschide prezentarea pregătită și efectuați operațiunile (din meniul principal) Fișier - Salvare ca pagină web. Ca de obicei, trebuie să specificați numele prezentării web în fereastra care se deschide. Ca urmare a conversiei prezentării, va fi creat un fișier cu numele și extensia specificate .htm și un folder cu același nume cu materiale suplimentare.

Dacă apelați acum prezentarea web din browser, puteți vedea rezultatul conversiei pe ecran.

În partea de jos a ecranului este creată o linie specială, unde se află butoanele pentru trecerea la diapozitive și butoanele pentru setarea diferiților parametri pentru vizualizarea prezentărilor.

Prezentarea poate fi vizualizată cu structura de diapozitive afișată. Dar dacă această informație nu prezintă interes, atunci câmpul de pe ecran rezervat pentru afișarea structurii poate fi eliminat (operația extinde/restrânge structura în linia de jos).

Folosind butonul Afișare magazine, puteți vizualiza diapozitivele pe ecran complet.

Crearea de hyperlinkuri

Într-o prezentare, puteți crea hyperlinkuri care leagă obiectele dintr-un diapozitiv, de exemplu, cu alte diapozitive. În acest fel, este posibilă crearea unei structuri hipermedia care să corespundă în mod firesc ideologiei Internetului. Să explicăm această tehnică cu un exemplu.

Să avem mai multe diapozitive pregătite pe tema florei lacului Baikal, compilate dintr-o colecție de fotografii. Să creăm un nou diapozitiv - un cuprins pentru colecție.

Dacă noul diapozitiv nu este primul din secvență, atunci trebuie să mergeți la modul de sortare diapozitive (din meniul principal folosind operațiunile Vizualizare - Sortare diapozitive) și să trageți noul diapozitiv la începutul colecției.

Plasați copii mici ale tuturor fotografiilor pe un nou diapozitiv. Cel mai simplu mod de a face acest lucru este cel mai simplu: copiați secvențial toate fotografiile din colecție pe un diapozitiv gol, reduceți dimensiunea lor și plasați-le, de exemplu, în două rânduri. Pozele pot fi decorate în continuare cu rame cu umbre. Puteți adăuga titlul prezentării dvs. în diapozitivul cuprins. Vizualizarea prezentării în modul Slide Sorter este prezentată mai jos:

Să trecem la modul normal de vizualizare a diapozitivelor (comenzi Vizualizare și apoi Normal). Pe slide-ul cuprins, selectați fotografia și executați comanda Insert - Hyperlink. În fereastra care se deschide, setați tranziția prin hyperlink - numărul diapozitivului cu fotografia mare din care a fost copiat eșantionul mai mic pentru cuprins.

În mod similar, vom lega alte imagini din diapozitivul cuprins cu diapozitivele corespunzătoare cu fotografiile originale.

Dacă ne rulăm acum prezentarea, aceasta va funcționa ca o structură hipermedia: când faceți clic pe o fotografie mică, aceasta va merge la un diapozitiv cu o fotografie mai mare.

Rămâne să ne îmbunătățim puțin structura. Să adăugăm o săgeată la fiecare diapozitiv cu o fotografie în partea din stânga sus (AutoShape pe bara de instrumente Desen) și să facem un hyperlink din această săgeată care va merge la diapozitivul cuprins. Acum, mișcarea prin structura hipermedia pe care am creat-o va deveni „bidirecțională”: din cuprins puteți merge la diapozitive cu fotografii, iar din orice diapozitiv puteți reveni la cuprins.

După convertirea prezentării în format web, prima noastră pagină va arăta astfel:

Făcând clic pe o imagine din meniu, veți ajunge la un diapozitiv cu o fotografie mare, iar făcând clic pe săgeata (din partea stângă sus a diapozitivului) veți ajunge la pagina de cuprins a colecției.

Site-ul este de fapt o colecție de fișiere de cod în mai multe limbi. Și codul poate fi scris în orice editor de text normal, chiar și în Notepad. Desigur, este mai bine să utilizați software mai avansat, cum ar fi Notepad++ sau programe de dezvoltare cu drepturi depline. Ei bine, haideți să vedem cum să faceți un site web într-un bloc de note folosind html și css.

Cum se creează un site web de la zero în HTML în Notepad - instrucțiuni pas cu pas

Și aici este cuvântul nostru cheie – HTML. Din această limbă începe crearea unui site web. Este imposibil să ne imaginăm dezvoltarea web fără ea. Este ca și cum ai încerca să gătești supă fără apă. Nu vă grăbiți să închideți pagina dacă sunteți zero absolut în html. În această instrucțiune pas cu pas, vom crea împreună un site web simplu și voi încerca să explic bucățile de cod pe care le vom adăuga în blocnotes.

Pasul 1: Creați fișiere

Crearea unui site web html în notepad, trebuie să începeți prin a crea două documente text într-un folder gol. Unul ar trebui să primească extensia .html, iar al doilea .css. Numele pot fi orice. Vă rugăm să rețineți, nu site.html.txt, ci site.html.

Pentru a face acest lucru, atunci când salvați manual documentul, adăugați o extensie la acesta folosind un punct. Facem aceeași manipulare cu al doilea fișier, dar îi dăm extensia .css. Da, nu uitați să selectați codarea UTF-8.

Pasul 2. Pozarea structurii

Fișierele au fost create și puteți începe să lucrați. Deschideți documentul html. Aici va avea loc principala lucrare. Elementul de bază al acestui limbaj este etichetele - cuvinte speciale între paranteze unghiulare care îi spun browserului ce să afișeze pe o pagină web.

Să inserăm ceva în documentul nostru, altfel este complet gol.

Salut Lume! Salut Lume!

Așadar, am inserat o grămadă de etichete deodată și poate nu înțelegeți nimic. Încercați să deschideți pagina în browser. Acolo vei vedea cuvintele "Salut Lume" dacă totul este făcut corect. Aceasta este, de fapt, cea mai simplă pagină web.

html este un container pentru toate celelalte etichete. Conține întreaga pagină web.
În partea de sus am indicat tipul documentului. Eticheta head este informații despre serviciu despre pagină. Aici folosim eticheta setați numele paginii, care va fi afișat în linia browserului din partea de sus. Apoi, am stabilit codificarea și am inclus fișierul css folosind eticheta <link> .</p><p>După cum puteți vedea, există etichete asociate și simple. Acum nu mă voi opri asupra acestui lucru în detaliu, depinde de ce funcții îndeplinește echipa.</p><h3>Pasul 3: Planificare</h3><p>Acum să lăsăm codul în pace pentru un minut și să ne gândim. În ce credeți că constă o resursă web tipică? Desigur, sunt multe în rețea și toate sunt diferite, dar există niște elemente structurale identice, nu? De exemplu, meniuri verticale și orizontale, coloane laterale, anteturi (în partea de sus unde se află sigla) și subsolul (partea de jos a site-ului).</p><p>Deci, să planificăm cum să creăm primul nostru site simplu. În această chestiune, totul trebuie să înceapă cu planificarea. Este necesar să se evidențieze părțile structurale ale viitorului șablon, în ce va consta. Să presupunem că șablonul nostru simplu va avea un antet, o parte a corpului, o coloană laterală și un subsol sau subsol (același lucru).</p><h3>Pasul 4. Să începem!</h3><p>Aceasta înseamnă că avem nevoie de 4 blocuri principale. În html este posibil să cuibăriți un număr nelimitat de alte etichete într-o etichetă asociată, așa că vă sugerez următoarea metodă: <br>Creați un container comun în care vor fi amplasate toate cele 4 blocuri principale.</p><p>Deci, să revenim la cod. O vom scrie în eticheta body, deoarece reprezintă pagina viitoare. Puteți elimina în siguranță inscripția <b>"Salut Lume"</b>, și scrie asta:</p><p> <div id="main"> <div id="header">Aceasta este pălăria noastră</div> <div id="sidebar">Aceasta este o bară laterală</div> <div id="content">Acesta este conținut</div> <div id="footer">subsol</div> </div> </p><p>Astfel, am creat un bloc mare în care am plasat restul de 4. Blocul în html este creat de o etichetă div împerecheată, care nu are atribute necesare, dar am adăugat imediat câte un id unic fiecăruia dintre ele pentru a putea proiecta ulterior. apariția prin CSS.</p><p>Copiați acest cod pentru dvs. și reîmprospătați pagina în browser. Deocamdată vezi doar 4 rânduri de text în fața ta, dar este în regulă, acum le vom transforma într-un site web!</p><p><img src='https://i0.wp.com/dolinacoda.ru/wp-content/uploads/2016/01/2-1.jpg' height="89" width="160" loading=lazy loading=lazy><br></p><h3>Pasul 5. CSS ne va ajuta</h3><p>Acum să începem să ne proiectăm blocurile. Desigur, trebuie să începeți cu cel mai mare recipient. Am creat un fișier css la început, dar nu i-am scris niciodată nimic. Este timpul să remediați asta. Să adăugăm următorul cod acolo:</p><p>*( dimensiunea casetei: border-box ) #principal( width: 810px; margin: 0 auto; border: 5px solid black )</p><p>Prima regulă stabilește comportamentul pentru blocuri, astfel încât umplutura și chenarele să nu mărească lățimea lor. Mai departe în cod ne referim la blocul cu identificatorul main , pentru a face acest lucru, trebuie doar să puneți un hash și să adăugați numele identificatorului. Imediat după aceasta, bretele se deschid, listând regulile de aspect care se vor aplica elementului.</p><p>Setăm lățimea totală a containerului la 810 pixeli, marja: regula automată 0 setează blocul în centru, adică site-ul nostru va fi afișat frumos în centru și nu apăsat pe marginea stângă. Ultima proprietate, chenar, adaugă un chenar negru solid pe fiecare parte a blocului.</p><p><img src='https://i2.wp.com/dolinacoda.ru/wp-content/uploads/2016/01/3-1.jpg' height="98" width="181" loading=lazy loading=lazy><br></p><p>Ei bine, am creat stiluri pentru containerul principal. Pe pagina web afișăm în continuare 4 rânduri de text, dar într-un cadru negru. Daţi-i drumul.</p><p>Acum este momentul să personalizăm aspectul celor patru blocuri principale ale paginii noastre. Voi furniza imediat codul și îl voi comenta mai jos.</p><p>#header( înălțime: 100px; chenar-jos: 5px negru solid ) #bară laterală( lățime: 200px; înălțime: 500px; float: stânga; chenar-dreapta: 5px negru solid ) #conținut( lățime: 600px; float: dreapta; înălțime : 500px ) #footer( înălțime: 75px; clar: ambele; chenar-sus: 5px negru solid; )</p><p>După cum vă puteți imagina, mă refer pur și simplu la elemente cu ID-uri diferite, descriindu-le de sus în jos. În primul rând, stilurile sunt setate pentru antet - am setat înălțimea la 100 de pixeli și un chenar în partea de jos, astfel încât să fie separat de restul blocurilor.</p><p>Dar atunci lucrurile devin mai interesante. Faptul este că, implicit, blocurile sunt afișate de sus în jos dacă pur și simplu le scrii în cod html și nu stabilești nicio regulă suplimentară. Dar coloana laterală este doar o coloană laterală, care trebuie afișată în partea laterală a părții principale a paginii. Și cum se face? Uite, setăm înălțimea, lățimea, cadrul barei laterale și încă o proprietate (float: stânga).</p><p>Această regulă înseamnă că elementul va fi împins la marginea stângă a părintelui (adică elementul părinte - blocul #principal). Grozav, acum vom seta aceeași proprietate blocului cu conținut și va fi apăsat și pe marginea din stânga, dar după coloana laterală.</p><p>Desigur, conținutul capătă mai multă lățime, pentru că așa ar trebui să fie, dar setăm înălțimea la fel. Pe un site web real, vor exista de obicei multe informații în blocul principal, așa că nu trebuie să setați deloc înălțimea. Același lucru este valabil și pentru o bară laterală dacă informațiile sunt adăugate în mod constant la ea. Dar, de dragul exemplului, am specificat în mod explicit înălțimea, astfel încât dimensiunile blocurilor să poată fi văzute clar.</p><p>În cele din urmă, rămâne să descriem ultimul bloc - <b>subsol</b>. Primește o înălțime mică, un cadru cu o înălțime și o altă proprietate nouă pentru noi. Aceasta este proprietatea clară cu valoarea ambelor . De ce să-l scrii? Am apăsat cele două blocuri anterioare spre marginea stângă. Au devenit așa-numitele blocuri plutitoare, dar, implicit, blocurile obișnuite pot să nu observe blocuri plutitoare și să treacă peste ele.</p><p>Pentru a preveni acest lucru, subsolul nostru a primit următoarea comandă: ei spun, uite, este un bloc obișnuit, există două care plutesc deasupra ta. Observați-le și poziționați-vă mai jos decât ei. Aceasta este comanda dată în esență de proprietatea clear: both, care obligă un bloc obișnuit să fie poziționat sub toate cele plutitoare.</p><p>Grozav, acum reîmprospătează pagina în browser. Ei bine, este deja mult mai mult ca un site web, cel puțin ca structură.</p><p><img src='https://i0.wp.com/dolinacoda.ru/wp-content/uploads/2016/01/sajt-v-bloknote.jpg' width="100%" loading=lazy loading=lazy></p><h3>Pasul 6. Decorați site-ul</h3><p>Următoarea etapă, foarte interesantă - să adăugăm câteva culori site-ului nostru. Să nu aibă un fundal alb solid, ci ceva mai interesant. Puteți seta fundalul în două moduri:</p><ul><li>Fundal general pentru întregul site simultan, atribuindu-l containerului comun #main</li><li>Dacă fiecare dintre blocurile principale ar trebui să aibă propria sa nuanță de culoare, atunci trebuie să setați o culoare pentru fiecare separat. Dar este mai bine să nu te lași dus prea mult - un antet roșu, conținut verde și un subsol galben nu vor arăta foarte bine, vă spun imediat</li> </ul><p>Vă sugerez să o faceți folosind prima metodă. Am găsit o nuanță drăguță de albastru deschis într-un serviciu online, pe care îmi propun să o folosesc ca fundal al site-ului. Adăugați următoarea proprietate la stilurile generale de containere:</p><p>#principal( fundal: #B3C1E6 )</p><p><img src='https://i0.wp.com/dolinacoda.ru/wp-content/uploads/2016/01/fon.jpg' width="100%" loading=lazy loading=lazy></p><p>Actualizăm pagina și ne asigurăm că site-ul nostru are o schemă frumoasă de culoare albastru deschis. Acum propun să avansăm puțin nivelul de design - lăsați fundalul antetului și al subsolului să fie mai întunecat decât cel al celorlalte blocuri. Puteți adăuga următoarele linii de cod:</p><p>#header, #footer( fundal: #9091DA )</p><p><img src='https://i1.wp.com/dolinacoda.ru/wp-content/uploads/2016/01/4-1.jpg' width="100%" loading=lazy loading=lazy></p><p>Aici am folosit o tehnică nouă - am scris două blocuri separate prin virgule și noul fundal va fi aplicat ambelor.</p><h3>Pasul 7. Lucrul la antet</h3><p>Lucrările ulterioare vor consta în decorarea blocurilor individuale într-o stare mai atractivă. Să începem cu antetul. Ce avem de obicei în pălărie? Așa este, un nume și un logo frumos de site. Aceasta este ceea ce vom adăuga.</p><p>Vă sugerez să începeți cu logo-ul. Deoarece creăm site-ul folosind html, vom plasa sigla acestei limbi în colțul din stânga antetului. Am găsit acest logo drăguț pe internet.</p><p>Acesta trebuie descărcat și plasat în același folder în care este stocat documentul html. <br>Acum să ne uităm:</p><p>#header( background: #9091DA url(html.jpeg) no-repeat 5% center )</p><p>Am numit imaginea html, iar formatul ei este jpeg, deci aceasta este intrarea. Apoi am specificat și următoarele comenzi: imaginea de fundal nu trebuie repetată, ci trebuie plasată cu un offset orizontal de 5% de la începutul blocului și centrată vertical. Poziția orizontală este întotdeauna înregistrată mai întâi, iar apoi verticală.</p><p>Desigur, dacă imaginea ta este denumită diferit sau are un alt format, atunci trebuie să schimbi ușor codul dat. Super, avem un logo. Este timpul să eliminați inscripția - acesta este antetul site-ului și să puneți un titlu frumos în locul său. Să eliminăm textul din antet și să introducem un nou element acolo:</p><p> <div id="header"> <div id="title">Numele site-ului</div> </div> </p><p>Acum trebuie să-l oficializați:</p><p>#title( dimensiunea fontului: 32px; float: stânga; marginea stângă: 200px; familia de fonturi: Tahoma; culoare: galben; padding-top: 20px; text-shadow: 0 0 5px portocaliu; )</p><p>Am stabilit o cantitate decentă de stil: dimensiunea fontului, familia de fonturi, titlul la stânga, umplutura din stânga, culoarea, umplutura de sus și umbra textului. Nu are rost să explicăm cum funcționează fiecare proprietate acum, așa că doar copiați codul și lipiți-l în foaia de stil (fișier CSS).</p><p>Gata, pălăria simplă este gata. Desigur, pe un site real poate conține alte link-uri, adrese etc. Ei bine, să adăugăm ceva pentru realism. Acest cod html trebuie introdus în conținutul antetului site-ului.</p><p> <ul id="about"> <li>Despre noi</li> <li>Blog</li> <li>Părere</li> </ul> </p><p>Acesta generează o listă cu cele trei link-uri ale acestora. În realitate, ele ar trebui să ducă undeva, dar pentru noi sunt doar legături goale. De asemenea, vom crea o listă și link-uri în ea.</p><p>#about( float: right; list-style: none; margin-right: 50px ) #about a( culoare: galben; )</p><h3>Pasul 8. Realizarea unui meniu în coloana laterală</h3><p>De obicei, coloana laterală conține meniul site-ului și multe alte widget-uri. Să facem acolo un meniu simplu. Din nou, lista cu care am afișat deja link-uri în antet ne va ajuta în acest sens, dar din moment ce meniul principal este presupus mai mare, vor exista mai multe link-uri.</p><p> <ul class="menu"> <li>Element de meniu 1</li> <li>Elementul de meniu 2</li> <li>Elementul de meniu 3</li> <li>Elementul de meniu4</li> <li>Elementul de meniu5</li> <li>Elementul de meniu 6</li> </ul> </p><p>Meniu (stil listă: niciunul)</p><p>De fapt, am notat o singură regulă aici - am eliminat marcatorii din elementele din listă, totul este în regulă. De asemenea, puteți adăuga un titlu înainte de meniu și îl puteți proiecta cumva. Puteți face acest lucru singur. Titlurile sunt scrise în etichete pereche <h1> - <h6>, unde primul este cel mai mare (titlul articolului) și ultimul este cel mai mic, adesea nu este folosit deloc. Pentru titlul meniului din coloana laterală, este optim de utilizat <h3>.</p><h3>Pasul 9. Proiectați blocul de conținut</h3><p>Ei bine, de ce să-l oficializezi acolo? Trebuie să adăugați ceva text pentru a face să arate ca un site web real cu un articol.</p><p> <h1>Titlul articolului</h1> <p>Și aici va fi un articol...</p> <p>Conținutul articolului este împărțit în paragrafe și subtitluri...</p> <h2>Subtitlul articolului</h2> </p><p>Orice conținut poate fi inserat într-un bloc de conținut. Paragrafele din acesta formează conținutul principal, iar etichetele h1-h2 formează titlurile și subtitlurile. Etichetă <b>h1</b> trebuie să fie singurul de pe pagină.</p><p>Designul în acest caz este de a determina culoarea textului. De exemplu, puteți pune maro. Titlurile pot fi evidențiate într-o nuanță ușor diferită. Nu voi da niciun cod aici, vă puteți da seama singur.</p><h3>Pasul 10. Decorarea subsolului</h3><p>Sincer să fiu, nu vreau să bag ceva în subsol acum. Pe site-urile reale, conține informații despre drepturile de autor, uneori conține meniuri și link-uri către alte site-uri. Voi scrie acolo cuvântul drepturi de autor și îl voi centra astfel:</p><p>#footer( text-align: center )</p><h3>Pasul 11. Oh, nu, nu mai sunt pași</h3><p>Asta e tot, de fapt. Procesul de creare a celui mai simplu șablon HTML poate fi considerat complet. Avem un logo, un nume de site, un meniu, un articol, un subsol. În general, acesta este un site foarte primitiv, dar totuși un site.</p><p><img src='https://i2.wp.com/dolinacoda.ru/wp-content/uploads/2016/01/sajt-tselikom.jpg' width="100%" loading=lazy loading=lazy></p><p>Desigur, site-ul arată în așa fel încât să vrei să nu te mai uiți niciodată la el, dar asta nu schimbă esența. A arăta bine este treaba unui designer web.</p><h3>Ce ar trebui să facem cu el în continuare?</h3><p>Scopul acestui articol a fost pur și simplu să vă arate cum să creați un site web simplu folosind html și css. Puteți lucra la designul său și rezultatul poate fi ceva atractiv. Dar trebuie să rețineți că acesta este un site static. Dacă îi sunt adăugate pagini noi, atunci acest lucru se face manual, prin crearea de noi documente html.</p><p>Această metodă de administrare a unui site web este de domeniul trecutului, deși are avantajele ei. Pentru a pune un site online, trebuie să încărcați toate fișierele html, foaia de stil și imaginile necesare pe o găzduire, plătită sau gratuită. De asemenea, trebuie să înregistrați numele site-ului, astfel încât să se numească ceva. Un domeniu de nivel al treilea poate fi obținut gratuit de la multe companii, dar va trebui să plătiți pentru un domeniu de nivel al doilea <b>(.ru, .com, .ua etc.)</b></p><p>Ceea ce am făcut cu tine în timpul acestui articol se numește aspectul site-ului web. Dacă doriți să vă gestionați site-ul web folosind un editor vizual convenabil, atunci aspectul deja realizat va trebui să fie integrat cu oricare dintre motoarele populare. Cel mai bine cu <b>WordPress</b>.</p><p>Acesta este un subiect separat - integrarea este în multe privințe mult mai complicată decât aspectul în sine. Pentru a învăța cum să creați site-uri web pentru motor, trebuie să urmați un curs de pregătire bun. Este posibil ca informațiile gratuite de pe Internet să nu fie suficiente pentru dvs. Am descris procesul de creare a unui site web pe Wordpress, dar acolo nu veți găsi informații despre cum să integrați un șablon html cu motorul.</p><p>Articolul a prezentat așa-numita metodă de aranjare a blocurilor, adică am plasat tot conținutul în blocuri. Astăzi, aceasta este încă cea mai populară metodă. În general, este recomandabil să folosiți etichete HTML5 în acest proces, mai degrabă decât blocuri, dar de dragul simplității, cea mai simplă opțiune a fost folosită în acest articol.</p><p>Sper că aveți cel puțin o idee minimă despre cum să faceți un site web html în Notepad sau orice alt editor de text.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="comment_box" id="comments"> </div> </div> <div id="sidebar"> <div class="widget widget_nav_menu" id="nav_menu-2"> <div class="menu-mainmenu-container"> <ul id="menu-mainmenu-2" class="menu"> <li class="submenu"><a href="https://viws.ru/ro/category/internet/">Internet</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/programs/">Programe</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/instructions/">Instrucțiuni</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/browsers/">Browsere</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/windows-10/">Windows 10</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/android/">Android</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/ios/">iOS</a> </li> <li class="submenu"><a href="https://viws.ru/ro/category/communication/">Conexiune</a> </li> </ul> </div> </div> <div class="widget"> <div class="heading star">Ultimele note</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/ro/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html" class="thumb"><img width="95" height="95" src="/uploads/99bdd1ac023960688985ecbcdb6b6da4.jpg" class="attachment-mini size-mini wp-post-image" alt="Revizuirea versiunii gratuite a K-Lite Codec Pack" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/kodaki-pod-10-obzor-besplatnoi-versii-k-lite-codec-pack-chto-takoe-kodeki.html">Revizuirea versiunii gratuite a K-Lite Codec Pack</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/ro/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html" class="thumb"><img width="95" height="95" src="/uploads/33f15dbd247abfcbfe2e8659fc4f1ea7.jpg" class="attachment-mini size-mini wp-post-image" alt="Descărcați gratuit programul antivirus Antivirus total 360" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/skachat-besplatnyi-antivirus-skachat-besplatnyi-antivirus-antivirusnaya.html">Descărcați gratuit programul antivirus Antivirus total 360</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/ro/prichiny-ne-vklyucheniya-telefona-samsung-chto-delat-esli-ne.html" class="thumb"><img width="95" height="95" src="/uploads/df6ffdf588355a211a28b30c87800036.jpg" class="attachment-mini size-mini wp-post-image" alt="Ce trebuie să faceți dacă telefonul nu pornește" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/prichiny-ne-vklyucheniya-telefona-samsung-chto-delat-esli-ne.html">Ce trebuie să faceți dacă telefonul nu pornește</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/ro/skachat-vse-faily-dll-dlya-igr-kak-ustanovit-dll-faily-na-windows-oshibka-dll.html" class="thumb"><img width="95" height="95" src="/uploads/3c9e337efa8e87e5062bba72c6a4d998.jpg" class="attachment-mini size-mini wp-post-image" alt="Cum se instalează fișiere DLL pe Windows?" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/skachat-vse-faily-dll-dlya-igr-kak-ustanovit-dll-faily-na-windows-oshibka-dll.html">Cum se instalează fișiere DLL pe Windows?</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/ro/izmerenie-parametrov-dinamikov-v-domashnih-usloviyah-i-odin-sposob-nastroiki.html" class="thumb"><img width="95" height="95" src="/uploads/e3bca75abf8b89a2107fb63a6b3d8d3d.jpg" class="attachment-mini size-mini wp-post-image" alt="Parametrii de bază ai wooferelor Thiel-Small metoda de măsurare a parametrilor" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/izmerenie-parametrov-dinamikov-v-domashnih-usloviyah-i-odin-sposob-nastroiki.html">Parametrii de bază ai wooferelor Thiel-Small metoda de măsurare a parametrilor</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading star">Popular</div> <div class="popular_posts"> <div class="news_box"> <a href="https://viws.ru/ro/chrome-dlya-linux-mint-17-russkaya-versiya-nichego-ne-otvlekaet.html" class="thumb"><img width="95" height="95" src="/uploads/afda0187f50008c58b101213ef1f80fe.jpg" class="attachment-mini size-mini wp-post-image" alt="Chrome pentru Linux mint 17 versiunea rusă" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/chrome-dlya-linux-mint-17-russkaya-versiya-nichego-ne-otvlekaet.html">Chrome pentru Linux mint 17 versiunea rusă</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/ro/ne-rabotaet-pult-magic-remote---chto-delat-v-takoi-situacii-vybor.html" class="thumb"><img width="95" height="95" src="/uploads/c7fbe7a0ee7f8334bf8a328988a3e5bb.jpg" class="attachment-mini size-mini wp-post-image" alt="Selectarea telecomenzii LG Magic Remote" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/ne-rabotaet-pult-magic-remote---chto-delat-v-takoi-situacii-vybor.html">Selectarea telecomenzii LG Magic Remote</a> </div> </div> </div> <div class="news_box"> <a href="https://viws.ru/ro/uchebnoe-posobie-po-paint-risovanie-na-kompyutere-v-programme.html" class="thumb"><img width="95" height="95" src="/uploads/a0d9d1e1058f0f2f42363ff7c573a1fc.jpg" class="attachment-mini size-mini wp-post-image" alt="Desenați pe un computer în programul Paint Ce să desenați în Paint" sizes="(max-width: 95px) 100vw, 95px" / loading=lazy loading=lazy></a> <div class="element"> <div class="title"> <a href="https://viws.ru/ro/uchebnoe-posobie-po-paint-risovanie-na-kompyutere-v-programme.html">Desenați pe un computer în programul Paint Ce să desenați în Paint</a> </div> </div> </div> </div> </div> <div class="widget"> <div class="heading">Știri</div> <div class="business_news"> <div class="news"> <div class="date">2024-07-03 01:33:11</div> <a href="https://viws.ru/ro/flyme-opisanie-chto-takoe-flyme-akkaunt-i-dlya-chego-on-nuzhen-plotnost-shrifta-izmenena.html" class="title">Ce este un cont Flyme și pentru ce este acesta?</a> </div> <div class="news"> <div class="date">2024-07-02 01:35:18</div> <a href="https://viws.ru/ro/napolnaya-akustika-premium-klassa-pyat-liderov-obzor-napolnyh.html" class="title">Revizuirea sistemelor acustice pe podea: susține-ți terenul Noi teste de acustică pe podea cu buget redus</a> </div> <div class="news"> <div class="date">2024-06-29 01:41:22</div> <a href="https://viws.ru/ro/stranica-po-umolchaniyu-yandeks-yandeks-nastroika-glavnoi-stranicy.html" class="title">Yandex - configurarea paginii principale, înregistrarea și autentificarea, precum și istoricul formării companiei</a> </div> <div class="news"> <div class="date">2024-06-28 01:32:13</div> <a href="https://viws.ru/ro/podborka-deshevyh-i-vygodnyh-tarifov-bilain-dlya-mobilnogo-telefona-vse.html" class="title">O selecție de tarife Beeline ieftine și avantajoase pentru telefoane mobile</a> </div> <div class="news"> <div class="date">2024-06-27 01:33:55</div> <a href="https://viws.ru/ro/kvadraturnaya-fazovaya-manipulyaciya-qpsk-cifrovaya-fazovaya-modulyaciya-bpsk-qpsk-dqpsk.html" class="title">Modulare digitală de fază: BPSK, QPSK, DQPSK Binary Phase Shift Keying</a> </div> </div> </div> <div class="widget ai_widget" id="ai_widget-5"> <div class='dynamic dynamic-13' style='margin: 8px 0; clear: both;'> </div> </div> </div> </div> </div> </div> <div id="footer"> <div class="fixed"> <div class="inner"> <div class="footer_l"> <a href="https://viws.ru/ro/" class="logo" style="background:none;">views.ru</a> <div class="copyright"> <p>views.ru - Totul despre tehnologia modernă. Defecțiuni, rețele sociale, internet, viruși</p> <p><span>2024 - Toate drepturile rezervate</span></p> </div> </div> <div class="footer_c"> <ul id="menu-topmenu-1" class="nav"> <li><a href="https://viws.ru/ro/feedback.html">Contacte</a></li> <li><a href="">Despre site</a></li> <li><a href="">Publicitate pe site</a></li> </ul> <div class="footer_menu"> <ul id="menu-nizhnee-1" class=""> <li id="menu-item-"><a href="https://viws.ru/ro/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/ro/category/programs/">Programe</a></li> <li id="menu-item-"><a href="https://viws.ru/ro/category/instructions/">Instrucțiuni</a></li> <li id="menu-item-"><a href="https://viws.ru/ro/category/browsers/">Browsere</a></li> </ul> <ul id="menu-nizhnee-2" class=""> <li id="menu-item-"><a href="https://viws.ru/ro/category/internet/">Internet</a></li> <li id="menu-item-"><a href="https://viws.ru/ro/category/programs/">Programe</a></li> <li id="menu-item-"><a href="https://viws.ru/ro/category/instructions/">Instrucțiuni</a></li> <li id="menu-item-"><a href="https://viws.ru/ro/category/browsers/">Browsere</a></li> </ul> </div> </div> </div> </div> </div> </div> <script type="text/javascript">jQuery(function($) { $(document).on("click", ".pseudo-link", function(){ window.open($(this).data("uri")); } );} );</script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/table-of-contents-plus/front.min.js?ver=1509'></script> <script type='text/javascript' src='https://viws.ru/wp-content/themes/delo/assets/scripts/theme.js'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 60, "margin_bottom" : 200, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['text-8','ai_widget-5'] } ; </script> <script type='text/javascript' src='https://viws.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script async="async" type='text/javascript' src='https://viws.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.1'></script> </body> </html>