In lectia trecuta ai creat un site, dar arata cam banal. Nu te ingrijora, toate site-urile arata banal la inceput, dar cu putina munca vei transforma pagina pe care tocmai ai facut-o, intr-o capodopera de arta.
Hai sa ii dam putina "viata" site-ului.
O sa ii setezi un background (fundal).
In functie de preferintele tale, vei avea de ales intre un background format dintr-o singura culoare sau unul care contine o imagine.
In lectiile precedente, te-am invatat ca eticheta <body> se foloseste pentru a afisa continut pe pagina, dar nu este tot. Eticheta <body> poate avea mai multe atribute.
Atributele se insereaza in interiorul etichetelor si au roluri diferite in functie de eticheta respectiva.
Background-ul unei pagini web poate fi de doua tipuri:
- background solid (format dintr-o singura culoare)
- background care contine o imagine
Pentru a adauga un background solid, vei folosi atributul <bgcolor="">, pe care il vei introduce in interiorul etichetei <body>.
Intre ghilimele vei specifica culoarea in limba engleza sau in cod hexadecimal:
<body bgcolor="red">
<body bgcolor="blue">
<body bgcolor="white">
<body bgcolor="#00bfff">
Pentru a adauga un background care contine o imagine, vei folosi atributul <background="">, pe care il vei introduce in interiorul etichetei <body>.
Intre ghilimele vei introduce calea spre imagine.
Daca imaginea se afla in acelasi folder cu pagina curenta:
<body background="Imagine.jpg">
Daca imaginea se afla in alt folder:
<body background="folder/imagine.jpg">
Nu uita sa scrii dupa numele imaginii si extensia pe care o are (.jpg; .bmp; .png; etc.).
Daca nu vei specifica un background pentru pagina, se va afisa modul default care va fi culoarea alb.
In primul exemplu, iti voi arata cum sa setezi un background solid
EXEMPLU:
|
<html> <head> <title> </head> <body bgcolor="yellow"> </html> |
| ↓ |
| Acesta este primul meu site! |
Acum iti voi arata cum sa setezi un background care contine o imagine.
EXEMPLU:
|
<head> <title> </head> <body background="aici introduceti linkul spre locatia imaginii"> </html> |
| ↓ |
|
Acesta este primul meu site! |
Pentru site-ul propus de mine, fundalul va fi culoarea alb.
In lectia umatoare te voi invata cum sa faci o lista care te va ajuta sa construiesti meniul site-ului.
GrigDroid - Un Blog Despre Android