Prima pagina
Bine ati venit pe forum.......va rog sa va inregistrati
|
Nou pe simpatie:
geogeorgiana17 la Simpatie.ro
 | Femeie
25 ani
Arad
cauta Barbat
26 - 57 ani |
|
|
Prima paginaInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
|
| #1 |
 Bai3tasuAdministratorDin: Constanta
Postari: 32
|
|
Web Design
Lectia 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.
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.cccccc.ro/elearning/solution ... rning.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.
_______________________________________
Totul pentru binele omenirii 
|
|
| |
|
