Lecţia

1: Cel
mai
simplu
mod de
a crea
pagini
web

1. Cel mai simplu mod de a crea pagini web

Paginile Web pot fi realizate în mai multe moduri, cel mai simplu
dintre acestea constând în editarea documentului într-un editor de
texte obisnuit (Word) si salvarea sa ca pagina pentru Web (Save
as...- HTML document).
Respectarea urmatorilor pasi permite crearea unor documente pentru
Web mai elaborate - continând imagini, legaturi la alte pagini etc.:
1.1. Crearea documentului
A. se deschide editorul de texte Word ;
B. se deschide (sau se creaza si se editeaza) documentul care va fi
pagina Web;
File - Open: se alege documentul dorit si se deschide
sau
File - New: se creaza un nou document cu informatiile ce vor fi
publicate pe Web
C. se pregateste documentul pentru retroversiune:
File - Properties - Summary: se completeaza câmpurile:
{Title}: cu titlul documentului în lucru
A nu se confunda titlul documentului cu numele fisierului.
Titlul documentului va aparea pe bara de titlu a navigatorului folosit
de cel ce îti viziteaza paginile, precum si pe bara de meniu din partea
de jos ecranului.
De asemenea, titlul va fi listat de catre motoarele de cautare atunci
când îti gasesc si îti prezinta paginile.
Este de preferat sa nu depaseasca 8 cuvinte.
{Keywords}: cu cuvintele cheie
Trebuie trecute doar cuvintele cheie ce descriu exact continutul
documentului. Acestea vor fi tastate succesiv, separate prin virgula.
(Ex.: cursuri, curs, educatie, online)
În general, motoarele de cautare indexeaza paginile web dupa
cuvintele cheie specificate.
Acest câmp (ca si celalalt dealtfel) este optional.
Se închide fereastra de dialog Summary cu OK.
Format - Background: se alege culoarea pentru fundalul paginii
 1.2. Salvarea documentului
Se salveaza documentul ca pagina pentru Internet:
File - Save as... - HTML (sau Web Page)
sau
Save for Web
Se completeaza câmpul pentru numele fisierului cu un sir de
caractere, preferabil scurt si semnificativ. Nu folosi spatii si nici semne
de punctuatie sau simboluri.
Se verifica extensia fisierului - obligatoriu html sau htm.
În cazul în care ai mai multe documente ce vor fi publicate pe
Internet, legate între ele prin linkuri, fisierul ce va fi pagina de garda
(HomePage - prima pagina din site) va trebui salvata sub numele
index.html.

DE RETINUT:
Un site este un loc de pe Web care are alocata o adresa si contine de la unul la
câteva mii de fisiere legate între ele. Atunci când în linia de adrese a unui navigator
(Internet Explorer, Opera, Netscape s.a.) se introduce o adresa (i.e.
http://www.xprim.ro), programul cauta automat la adresa respectiva fisierul
numit index.htm sau index.html. Daca însa se introduce o adresa specifica de fisier -
cum ar fi http://www.1educat.ro/elearning/solution/solutii_elearning.html
- atunci pagina afisata va fi solutii_elearning.html din directorul ELEARNING,
subdirectorul SOLUTION.
1.3. Construirea sitului
Se repeta pasii 1 si 2 pentru toate documentele ce vor fi publicate împreuna în
acelasi site.
Imaginile ce vor fi incluse în documente trebuie salvate în format gif, jpeg sau png,
pentru a putea fi recunoscute de navigatoare si afisate.
Se copiaza (în Windows Explorer) toate fisierele ce vor constitui situl (fisierele
htm/html si imaginile gif/jpeg) într-un director nou creat. Daca numarul acestora
este mare (peste 10-12), este recomandabila organizarea lor în subdirectoare: în
directorul principal poate fi lasat doar fisierul Homepage (index.html), imaginile pot fi
grupate în subdirectorul IMAGINI, iar celelalte fisiere pot fi grupate tematic în diferite
subdirectoare.
1.4. Introducerea imaginilor
Se deschide din nou în Word fisierul html (din directorul sitului) ce va contine
imagini.
Se pozitioneaza cursorul în locul unde se doreste introducerea imaginilor.
Insert - Picture (sau Image): se alege imaginea prin apasarea butonului Browse din
fereastra de dialog care apare; optiunea Relative path din aceeasi fereastra de dialog
trebuie sa fie selectata.
Se salveaza si se închide fisierul.
Se repeta operatiunea pentru fiecare fisier cu imagini.
O modalitate foarte utilizata si sigura de a pozitiona imaginile în paginile Web este de
a crea tabele (Insert - Table) cu linii invizibile (Border: None sau border=0) si de a
introduce imaginea într-o celula a tabelului.
1.5. Crearea hyperlinkurilor
Se deschide în Word fisierul care va avea legaturi (linkuri) la alte fisiere (din
directorul sitului sau de pe Internet).
Se selecteaza un cuvânt/sir de caractere sau o imagine care va fi punctul de legatura
(ancora) la un alt document.
Insert - Hyperlink: se alege documentul la care va conduce (prin click)
cuvântul/imaginea selectate; optiunea Relative path trebuie sa fie selectata.
Se repeta operatiunea pentru fiecare cuvânt sau imagine ancora.
Se salveaza documentul si se repeta operatiunea pentru fiecare fisier cu legaturi.
1.6. Testarea sitului
Din Windows Explorer, se face dublu-click pe fisierul index.html.
Se testeaza toate linkurile.
Pentru corecturi, se repeta unul dintre pasii 3-5.

EXERCITII:
1. Realizeaza câteva pagini web asa cum ai învatat în aceasta lectie. Încearca sa faci
pagini din ce în ce mai complexe, cu legaturi între ele.
2. Încearca sa salvezi în format pentru web si alte pagini: prezentari Powerpoint,
documente Pagemaker sau QuarkExpress, imagini Photoshop, baze de date Excel,
Acces etc.
3. Retine toate problemele pe care le întâmpini si discuta-le cu colegii în cadrul
Seminarului Online din aceasta saptamana.

Crearea paginilor web cu editorul de texte Word ramane cel mai simplu mod de a
publica pe Internet, si datorita faptului ca majoritatea celor care au un computer au
instalat acest program si stiu sa lucreze cu el. Desigur, vei observa curând
dezavantajele. Editorii profesionisti de pagini HTML utilizeaza programe specializate
cum ar fi Macromedia Dreamweaver, Microsoft Frontpage etc., însa pentru ajustari
de finete lucreaza direct pe cod.
În urmatoarele doua cursuri, ne vom ocupa de codurile unei pagini web: marcajele
de baza HTML si CSS.