d2k19kc

1. Cel mai simplu mod de a crea pagini web
Paginile Web pot fi realizate in mai multe moduri, cel mai simplu dintre acestea constand in editarea documentului intr-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 - continand 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 campurile:
ATitleS: cu titlul documentului in lucru
A nu se confunda titlul documentului cu numele fisierului.
Titlul documentului va aparea pe bara de titlu a navigatorului folosit de cel ce iti 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 cand iti gasesc si iti prezinta paginile.
Este de preferat sa nu depaseasca 8 cuvinte.
AKeywordsS: 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)
In general, motoarele de cautare indexeaza paginile web dupa cuvintele cheie specificate.
Acest camp (ca si celalalt dealtfel) este optional.
Se inchide 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 campul 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.
In cazul in care ai mai multe documente ce vor fi publicate pe Internet, legate intre ele prin linkuri, fisierul ce va fi pagina de garda (HomePage - prima pagina din site) va trebui salvata sub numele index.html.
Un site este un loc de pe Web care are alocata o adresa si contine de la unul la cateva mii de fisiere legate intre ele. Atunci cand in linia de adrese a unui navigator (Internet Explorer, Opera, Netscape s.a.) se introduce o adresa (i.e. https://www.xprim.ro), programul cauta automat la adresa respectiva fisierul numit index.htm sau index.html. Daca insa se introduce o adresa specifica de fisier - cum ar fi https://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 impreuna in acelasi site.
Imaginile ce vor fi incluse in documente trebuie salvate in format gif, jpeg sau png, pentru a putea fi recunoscute de navigatoare si afisate.
Se copiaza (in Windows Explorer) toate fisierele ce vor constitui situl (fisierele htm/html si imaginile gif/jpeg) intr-un director nou creat. Daca numarul acestora este mare (peste 10-12), este recomandabila organizarea lor in subdirectoare: in directorul principal poate fi lasat doar fisierul Homepage (index.html), imaginile pot fi grupate in subdirectorul IMAGINI, iar celelalte fisiere pot fi grupate tematic in diferite subdirectoare.
1.4. Introducerea imaginilor
Se deschide din nou in Word fisierul html (din directorul sitului) ce va contine imagini.
Se pozitioneaza cursorul in 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 inchide fisierul.
Se repeta operatiunea pentru fiecare fisier cu imagini.
O modalitate foarte utilizata si sigura de a pozitiona imaginile in paginile Web este de a crea tabele (Insert - Table) cu linii invizibile (Border: None sau border=0) si de a introduce imaginea intr-o celula a tabelului.
1.5. Crearea hyperlinkurilor
Se deschide in Word fisierul care va avea legaturi (linkuri) la alte fisiere (din directorul sitului sau de pe Internet).
Se selecteaza un cuvant/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) cuvantul/imaginea selectate; optiunea Relative path trebuie sa fie selectata.
Se repeta operatiunea pentru fiecare cuvant 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.
1. Realizeaza cateva pagini web asa cum ai invatat in aceasta lectie. Incearca sa faci pagini din ce in ce mai complexe, cu legaturi intre ele.
2. Incearca sa salvezi in 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 intampini si discuta-le cu colegii in 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 curand dezavantajele. Editorii profesionisti de pagini HTML utilizeaza programe specializate cum ar fi Macromedia Dreamweaver, Microsoft Frontpage etc., insa pentru ajustari de finete lucreaza direct pe cod.
In urmatoarele doua cursuri, ne vom ocupa de codurile unei pagini web: marcajele de baza HTML si CSS.