|
In regula, ati primit vestea buna ca puteti
avea o pagina personala pe serverul www.ICnet.ro
Pentru aceasta trebuie sa va abonati la unul din serviciile noastre de conectare,
sau pur si simplu sa aveti ceva foarte interesant de aratat lumii intregi.
Dar ati dori sa va scrieti singur pagina de Internet.
Ei bine, mai intai trebuie sa invatati sa
creati documente in format HTML (Hypertext Markup Language). Nu
fiti ingrijorat, suna mai complicat decat este in realitate.
HTML este un mod de a spune programului de
explorare (browser-ului de Internet) ce sa afiseze pe ecran si
cum sa faca asta. Pentru asta, se folosesc asanumitele tag-uri
(tags). Tag-urile sunt instructiuni incluse in textul paginii, pe
care browser-ul (programul de explorare) stie sa le interpreteze.
Aceste instructiuni (tags) sunt separate de
restul textului din pagina, prin includerea lor intre paranteze
ascutite: simbolurile "mai mic" (<) si "mai
mare" (>). Cele mai multe tag-uri sunt pereche - prin
primul spuneti programului de explorare sa inceapa o actiune, si
utilizati tag-ul corespondent pentru a spune programului sa se
opreasca.
Exemplu: folosesc un tag pentru a scrie cu litere ingrosate
(bold) incepand de aici, si acesta va continua pana cand,
prin tag-ul corespunzator il voi opri, adica aici. In
acelasi mod pot proceda pentru italice sau alte feluri
de a modifica textul.
Deci in cele mai multe cazuri exista un tag
de inceput si unul de sfarsit. Tag-urile de sfarsit sunt de cele
mai multe ori identice cu cele de inceput, cu exceptia faptului
ca se adauga un "/". Pentru literele bold
tag-urile corespunzatoare sunt <b> ..... </b>.
Prima pereche de tag-uri in orice document
HTML este tag-ul care spune browser-ului ca acea pagina pe care
trebuie sa o incarce (sa o citeasca) este pur si simplu un
document HTML. Primul lucru pe pagina va fi <html>
si ultimul tag de pe pagina va fi perechea sa: </html>.
Tot ceea ce va contine pagina se va gasi intre aceste doua
tag-uri.
Mai departe pagina va avea un antet (head)
si un continut (body). Din nou aceste doua sectiuni sunt fiecare
in parte precedate si urmate de catre o pereche de tag-uri: tot
ceea ce se gaseste intre tag-urile <head>
si </head> apartine antetului paginii, si
tot ceea ce se gaseste intre <body> si </body>
apartine corpului acesteia.
Nota: cu exceptia titlului paginii (vezi mai jos), numai ceea
ce se gaseste in "corpul" documentului va fi afisat de
catre browser.
Mai departe se poate scrie titlul
paginii. Acest lucru se face in interiorul sectiunii head,
folosind acelasi format. Tot ceea ce se gaseste intre tag-urile <title>
si </title> va fi titlul paginii HTML.
Spre exemplu iata ce putem scrie pana acum:
<html>
<head>
<title> Acesta este titlul paginii mele!
</title>
</head>
<body> Acest text va
fi afisat in interiorul ferestrei programului meu de
explorare
</body>
</html>
|
Ca sa vedeti cum arata aceasta prima pagina
pe care am scris-o impreuna faceti click aici!
In regula, pagina nu ati scris-o in realitate
(adica am scris-o numai eu, dumneavoasrta ati citit numai),
dar puteti face acest lucru utilizand un editor de text
ASCII, spre exemplu Notepad din Windows95, salvati textul, si
aveti grija ca dupa aceea sa-i modificati numele astfel incat sa
aiba extensia ".html" sau ".htm".
Fisierul dumneavoastra va trebui sa aiba un nume de forma
"pagina_mea.html". Dupa ce ati reusit asta faceti dublu
click pe acest fisier (in Windows Explorer) si, ... surpriza! ,
browser-ul se va deschide si va afisa pagina. Intr-adevar pagina
aceasta nu arata cine stie ce, dar este un inceput. Mai departe
nu mai ramane deacat sa aflati numele tag-urilor folosite pentru
a formata textul, pentru a insera imagini, pentru a insera
legaturi catre alte pagini sau locatii Internet, sau pentru a
scrie aplicatii interactive.
Nu ezitati sa deschideti cu ajutorul
comenzii View/Source din menu-ul browser-lui Dumneavoastra (daca
este Internet Explorer, sau echivalentul acesteia pentru alte
programe de explorare), atunci cand va aflati pe o pagina pentru
care doriti sa vedeti textul sursa, adica ceea
ce interpreteaza browser-ul pentru a afisa continutul pe ecran.
Astfel veti invata sa scrieti o pagina fara prea multe lectii.
Sau mai bine puteti gasi un editor HTML car va face toata treaba
pentru Dumneavoastra.
ana una alta sa schimbam putin
"fata" primei pagini scrise impreuna.
- Avem nevoie in primul rand de un titlu
care sa apara la inceputul paginii (care poate fi sau nu
acelasi titlu din sectiunea title). Pentru ca titlul sa
apara afisat altfel decat continutul vom folosi tag-ul
<h1>...</h1>. Acest tag se numeste header
(a nu se confunda cu sectiunea head a documentului, aici
este vorba numai si numai despre formatarea textului).
Exista 6 nivele de header-e (anteturi sau
titluri). <h1>, <h2>, .... <h6>, admise
si interpretate de browser. Incluzand un tag de tipul
<h1> pe documentul html de mai sus acesta va arata
astfel:
<html>
<head>
<title> Acesta este titlul paginii mele!
</title>
</head>
<body><h1>PRIMA
MEA PAGINA</h1>
Acest text va fi afisat in
interiorul ferestrei programului meu de explorare
</body>
</html>
|
Nota: am accentuat linia nou adaugata
pentru a o deosebi de ceea ce aveam deja scris. Aceasta metoda o
voi folosi si in continuare.
Pagina va arata acum astfel: sample1.html
Daca stapaniti limba engleza puteti vizita
doua locuri utile pentru invatarea construirii de pagini Web:
Microsoft SiteBuilder
Netscape's "Creating Web
Sites"
Cam atat despre HTML. Succes!
| 
