Crearea unei imagini și utilizarea acesteia pe o pagină Web

1. Deschideți programul Paint (Start ► Programe ► Accesorii> Paint). Specificați dimensiunile noului desen, de exemplu 50x50 pixeli (Figura ► Atribute).

2. Selectați o culoare de fundal verde. Umpleți desenul cu o culoare de fundal.







3. Selectați instrumentul Perie și culoarea roșie. Desenați un model roșu arbitrar pe fondul verde.

4. Salvați imaginea în dosarul dvs. sub numele picture1.gif (în format GIF).

5. Creați un desen nou (Fișier ► Nou). Selectați o culoare de fundal roșu. Umpleți desenul cu o culoare de fundal.

6. Selectați instrumentul Perie și culoarea verde. Desenați un model verde arbitrar pe fundalul roșu.

7. Salvați fotografia în dosarul dvs. sub numele picture2.gif (în format GIF) și închideți programul Paint.

8. Dacă acest exercițiu nu este efectuat imediat după cel anterior, deschideți documentul 1.htm din Notepad.

9. Ștergeți tot textul între etichete și . Textul care va fi introdus în următoarele paragrafe ale acestui exercițiu trebuie plasat după etichetă .

10. Tastați textul: Lucrul cu imaginile.

Aplicarea diferitelor atribute. Locația desenelor va depinde de atribute.

11. Introduceți eticheta

Crearea unei imagini și utilizarea acesteia pe o pagină Web
.

12. Salvați documentul ca image.htm.

13. Porniți Internet Explorer (Start ► Programe ► Internet Explorer).

14. Selectați Fișier ► Deschidere. Faceți clic pe butonul Răsfoiți și deschideți fișierul imagine HTML. Uită-te la documentul rezultat, acordând o atenție deosebită imaginii.







15. Întoarceți-vă la Notepad, adăugați text nou:

Să schimbăm atributul. După text, adăugați o etichetă

Crearea unei imagini și utilizarea acesteia pe o pagină Web
și salvați fișierul sub același nume ca și picture.htm

16. Întoarceți-vă la Internet Explorer și deschideți fișierul picture.htm. Uită-te la documentul rezultat, acordând o atenție deosebită imaginii. Priviți cum se schimbă locația imaginii când introduceți valoarea atributului "TOP".

17. Întoarceți-vă la Notepad, adăugați un text nou:

Încă o dată, modificați atributul. După text, adăugați o etichetă

Crearea unei imagini și utilizarea acesteia pe o pagină Web
și salvați fișierul sub același nume ca și picture.htm.

18. Întoarceți-vă la Internet Explorer și actualizați informațiile din bara de instrumente sau apăsați CTRL + R. Uită-te la modificarea aspectului paginii când schimbi atributele.

19. Întoarceți-vă la programul Notepad și adăugați textul:

Utilizăm o altă imagine și atribute ale locației imaginii relative la text.

După text, adăugați o etichetă

Crearea unei imagini și utilizarea acesteia pe o pagină Web
și salvați fișierul sub același nume ca și picture.htm.

20. Întoarceți-vă la Internet Explorer și actualizați informațiile din bara de instrumente sau apăsați CTRL + R. Vedeți cum sa schimbat locația imaginii.

21. Întoarceți-vă la programul Notepad și adăugați textul:

Modificați poziția imaginii. Pentru a face acest lucru după text, adăugați o etichetă

Crearea unei imagini și utilizarea acesteia pe o pagină Web
și salvați fișierul sub același nume ca și picture.htm.

22. Întoarceți-vă la Internet Explorer și actualizați informațiile din bara de instrumente sau apăsați CTRL + R. Vedeți cum sa schimbat locația imaginii.

În acest exercițiu, am învățat cum să inserăm imaginile într-un document. Am aflat cum afectează atributele etichetei modul în care este afișată imaginea.







Articole similare

Trimiteți-le prietenilor: