Școala noastră bazată pe web lansează o serie de articole introductive pentru noii veniți, care ar dori să-și ușureze timpul liber pentru a dezvolta site-uri web, dar nu știu de unde să înceapă. Și vom începe să ne cunoaștem HTML - limba de marcare a hipertextului, de exemplu, crearea unei pagini web simple.
Pasul 1. Creați un fișier.
Mai întâi, creați un fișier, care va stoca toate informațiile de care avem nevoie.
- Creați un fișier text simplu.
- Noi numim fișierul un nume prietenos pentru tine, astfel încât să puteți naviga apoi într-o listă mare de fișiere. Numele fișierului ar trebui să reflecte esența informațiilor care vor fi conținute în fișier. De exemplu: un fișier cu numele "Despre companie" - conține informații despre companie, un fișier numit "Catalog" - conține informații despre catalogul de produse sau catalogul de servicii al companiei etc.
Nu uita că numele fișierelor trebuie să conțină numai litere, litere rusești nu se recomandă să nu aveți probleme mai târziu, atunci când va fi introducerea site-ul dvs. pe Internet. - Modificați extensia fișierului text «txt», pentru a extinde «html». Astfel, am făcut un fișier text într-un fișier care stochează informația în formatul Hypertext Markup. Puteți utiliza, de asemenea abreviat formatul «HTM» fișierul care este introdus în legătură cu faptul că un anumit sistem de operare înțeles doar 3 caractere în extensia de fișier.
Ca rezultat, am primit un fișier pentru stocarea informațiilor în format HTML - "about.html".
Pasul 2. Deschideți fișierul nostru în programul de editare.
Pentru a edita toate tipurile de script-uri, cod de programare, pagini limbaj de marcare, etc. se potrivesc de obicei „Notepad.“ Dar ar fi un inconvenient pentru a lucra cu cantități mari de date de tip text, ca toate codul nostru este prezentat sub formă de informații text simplu. Prin urmare, pentru comoditatea de programatori si designeri web au creat tot felul de programe care simplifică foarte mult procesul de cod scris. Astfel de programe au un alt set de caracteristici, cum ar fi subliniind sintaxa limbii în care scrie, diferitele sfaturi privind scrierea de cod pentru a controla tag-uri de închidere, capse, built-in FTP-client, cu care puteți edita fișiere direct de pe server, în cazul în care aveți site găzduit, etc. și altele asemenea. Selecția finală a programului este întotdeauna de până la tine, alege una în care cel mai convenabil și confortabil pentru a scrie codul. Vreau doar să vă atrag atenția asupra unui program gratuit și ușor «Notepad», precum și instrumentele plătite de la Adobe - «Dreamweaver».
Pasul 3. Creați un șablon de marcare hipertext în interiorul fișierului.
Toate informațiile din fișierul cu marcaj hipertext trebuie plasate în etichetele corespunzătoare celulelor. Există o mulțime de etichete diferite pe care le veți cunoaște în timpul dezvoltării site-urilor și, eventual, a diferitelor programe care utilizează pagini HTML. Etichetele sunt împărțite în deschise, închise și simple.
De exemplu: o etichetă - tag-ul de deschidere - tag-ul de închidere - unică.
Diferența este că etichetele de deschidere și de închidere lucrează în perechi, adică toate informațiile sunt plasate între aceste două etichete, de exemplu, [informațiile noastre]. Și într-o singură etichetă, toate informațiile sunt plasate în interiorul etichetei -
Pentru a crea un șablon, trebuie să împărțim fișierul nostru în celule. Să separăm trei celule principale:
- Creați o celulă html comună în care vor fi stocate toate informațiile din formatul hipertext marcaj.
- Să creăm o celulă în interiorul etichetei html pentru a transfera informațiile de serviciu despre capul de fișier html.
- Creați corpul html-page - body, care este, de asemenea, plasat în interiorul etichetei html.
Ca rezultat, ar trebui să obținem următorul cod:
Pasul 4. Titlul paginii.
Pentru a transfera titlul paginii noastre în fereastra sau în fila browserului, folosim o etichetă specială
Ca rezultat, vom primi următorul cod:
Pasul 5. Plasați informațiile pe pagină.
Toate informațiile pe care dorim să le arătăm vizitatorului paginii noastre web, trebuie să le punem în etichetă
.Pentru a transfera rânduri, utilizați o singură etichetă
. De asemenea, puteți utiliza eticheta paragrafului
Vom plasa urmatorul text pe pagina noastra:
Bună ziua, dragă vizitator!
Bun venit pe prima mea pagină web.
Aici îmi voi prezenta rezultatele pe care le voi realiza în cursul învățării dezvoltării site-urilor.
Ca rezultat, obținem următorul cod html:
Bună ziua, dragă vizitator!
Bun venit pe prima mea pagină web.
Aici îmi voi prezenta rezultatele pe care le voi realiza în cursul învățării dezvoltării site-urilor.
Pasul 6. Salvați și verificați rezultatul.
După ce ați terminat, ați terminat editarea fișierului, salvând toate modificările și continuând să verificați rezultatul.
Pentru a verifica html-fișiere vă recomand să vă în toate browserele principale: Internet Exploer, Chrome, Opera, Mozila.
Dacă în fereastra browserului apare numai următorul text:
Bună ziua, dragă vizitator!
Bun venit pe prima mea pagină web.
Aici îmi voi prezenta rezultatele pe care le voi realiza în cursul învățării dezvoltării site-urilor.
Vă felicit pentru crearea cu succes a primei pagini web.
Articole similare
Trimiteți-le prietenilor: