Jak zrobić prezentacje HTML

Wielu z was główkowało się nad tym jak zrobić prezentacje HTML. W internecie jest wiele poradników odnoście tego języka komputerowego ale niektórzy nie są w stanie ich zrozumieć. Dziś napiszę dla was poradnik jak zrobić taką prezentacje :)


Krok 1

Podstawą naszej prezentacji jest grafika. Można ją zrobić w dowolnym programie graficznym. Ja zrobiłam moją grafikę w Gimpie a oto ona :



Krok 2


Aby dodać naszą grafikę na Howrse potrzebny nam jest hosting zdjęć np. Tinypick . Kiedy już wejdziemy na tą stronę klikamy Wybierz Plik i wybieramy sobie naszą grafikę. I czekamy chwilkę aż się załaduje.


Krok 3

Mamy już naszą grafikę. Teraz potrzebny jest kod HTML o to on :

<div style="background:url( W to miejsce wklejamy link naszej grafiki ); width: Tu wpisz szerokość obrazkapx; height: A tu wysokośćpx; overflow: auto; margin-top: 0px; margin-left: 0px;">W to miejsce wklejamy kod z podpunktu 4</div>

Trzeba pamiętać by ten kod wkleić na prezentacje ale w trybie HTML aby to zrobić klikamy na zielony znaczek  który jest po prawej stronie i tam wklejamy kod.


Krok 4 

Kod na grafikę mamy zrobiony teraz zajmiemy się ramką w której będzie nasz tekst. Aby to zrobić trzeba wkleić ten kod w miejsce które jest zaznaczone na zielono w podpunkcie 3

<div style="width: Tu wpisujemy szerokość ramkipx; height: Tutaj wysokość ramkipx; margin-top: Tutaj wpisujemy wysokość względem krawędzi górnejpx; margin-left: Tutaj piszemy odległość od lewej stronypx; overflow: auto">W to miejsce wpisujemy nasz tekst ale to dopiero później</div> 



Krok 5


Na początku może trochę nie wychodzić ale jeśli nabierzemy wprawy to będziemy coraz lepiej robić prezentacje HTML a oto końcowy efekt 


<div style="background:url(http://oi43.tinypic.com/mser8g.jpg); width: 600px; height: 400px; overflow: auto; margin-top: 0px; margin-left: 0px;"><div style="width: 260px; height: 330px; margin-top: 33px; margin-left: 320px; overflow: auto">Tekst</div></div>

Mam nadzieje że wam pomogłam :)