Realizarea unui site in HTML



Realizarea unui site in HTML

|  | | |

|In aceasta ultima lectie a cursului "HTML pe intelesul tuturor" vom realiza impreuna site-ul unei gradinite de copii. Noi i-am dat | | |

|numele gradinita Abecedar. | | |

| | | |

|Inainte de a trece la realizarea efectiva a site-ului, va trebui sa faci un nou director pe care sa-l numesti Abecedar, iar in cadru | | |

|acestuia doua subdirectoare: Pagini si Poze. Apoi copiaza imaginile de mai jos (click dreapta - Save Picture As), cu denumirea de sub | | |

|fiecare, in subdirectorul Poze din directorul Abecedar: | | |

| | | |

|[pic] | | |

|home.jpg | | |

|[pic] | | |

|calculator.jpg | | |

| | | |

|[pic] | | |

|limbistraine.jpg | | |

|[pic] | | |

|muzica.jpg | | |

| | | |

|[pic] | | |

|excursii.jpg | | |

|[pic] | | |

|desprenoi.jpg | | |

| | | |

| | | |

[pic]

logo.jpg

[pic]

meniu.jpg

[pic]

copil.jpg

[pic]

welcome.jpg

[pic]

calculator3.jpg

[pic]

calculator2.jpg

[pic]

learn.jpg

[pic]

straine.jpg

[pic]

muzica3.jpg

[pic]

muzica2.jpg

[pic]

excursii3.jpg

[pic]

excursii2.jpg

[pic]

desprenoi3.jpg

[pic]

desprenoi2.jpg

Acum, dupa ce ai copiat pozele in subdirectorul Poze, din directorul Abecedar si le-ai denumit corespunzator sa continuam realizarea site-ului. Site-ul nostru va avea urmatoarea structura:

[pic]

Vom folosi asadar, cadrele pe care le-am invatat in lectia 10. Vom realiza mai intai pagina din partea de sus top.html, care va avea urmatorul cod HTML:

Top

E-mail:abecedar@

Web:gradinitaabecedar.ro

Copiaza codul intr-un fisier text, apoi salveaza pagina (File/Save As) cu numele de top.html in folderul Pagini.

In continuare vom scrie codul pentru pagina html care va contine meniul din partea stanga a site-ului.

Abecedar

Copiaza codul intr-un fisier text, apoi salveaza pagina, in folderul Pagini cu numele de meniu.html.

Dupa ce am facut meniul si partea de sus a site-ului, care se vor repeta in fiecare pagina, vom scrie codul pentru prima pagina a site-ului, unde vom folosi cadrele.

Home page

     

     

                 

                 

     

Pagina va trebui salvata cu numele home.html in directorul Abecedar alaturi de subdirectoarele Pagini si Poze, insa nu va fi functionala pentru ca nu a fost creata pagina index.html, al carei cod este urmatorul:

Home

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download