.

Wiele zastanawia się jak stworzyć prezentacje, powiem krótko że takie bardziej profesjonalne nie są proste. Ale jeżeli chcesz stworzyć władną (łatwiejszą) prezentacje potrzebujesz programu do rysowania (paint wykluczony!) i odrobinę chęci. Polecam program PhotoScape lub Gimp. Oba te programy są darmowe.
Praca na Gimpie :


Na samym początku musimy wybrać szerokość i wysokość. W szerokości piszemy 835 px, a w wysokość dowolna. I otwiera się nowa karta. Następnie :

Najpierw naciskamy na kwadracik w narzędziach i zaznaczamy pole gdzie ma być tło ramki (patrz zdjęcie poniżej)

 

Kiedy już zaznaczymy wybieramy pędzel zaznaczony na czerwono, a tekst zaznaczony na zielono oznacza przeźroczystość. 

I malujemy pędzlem zaznaczoną wcześniej ramkę. Może potem tworzyć tyle ramek ile nam się podoba. Aby dodać tekst wybieramy te duże 'A' w narzędziach.

Kiedy mamy gotowe klikamy na 'Plik', potem 'zapisz jako' wybieramy nazwę i zapisujemy.  Potem wchodzimy na np. imageshack.us i wgrywamy zdjęcie, potem wybieramy kod html. I wklejamy na prezentacje.

Aby dodać ramkę musisz wkleić kod :

<div style="text-align: left; overflow: auto; left: 170px; width: 121px; position: absolute; top: 732px; height: 74px; color: rgb(0, 0, 0);"><span style="font-weight: bold;">Tutaj wpisz własny tekst</span></div>

Pokaże Ci się takie coś : 

Aby przenieść ramkę musisz chwycić za ten + i przenieść na tło ramki. Potem zapisz i już.

Uwaga : Polecam prace na FireFoxie lub na Explorerze, bo na niektórych przeglądarkach nie da się przenosić... 

Teraz praca na PhotoScape:

Najpierw wybieramy zdjęcie. Aby zmienić rozmiar wchodzimy na home>zmień rozmiar. I wybieramy  szerokość 835 px, a w wysokość dowolna. Nie zachowaj proporcji .  

Na czerwono zaznaczyłam kształty ramek, na zielono przeźroczystość, a na pomarańczowo linie. 

Możemy też się pobawić wybierając ramki, wyostrzyć itp.  Kiedy mamy wgrywamy na imageshack.us i wybieramy kod HTML, potem wklejamy na prezentacje. Aby mieć przesuwany tekst musisz wkleić ten kod:

<div style="text-align: left; overflow: auto; left: 170px; width: 121px; position: absolute; top: 732px; height: 74px; color: rgb(0, 0, 0);"><span style="font-weight: bold;">Tutaj wpisz własny tekst</span></div>

I za pomocą tego + przemieścić na tło ramki.

Inne kody HTML : 

To już trochę do zaawansowanych użytkowników, ale każdy może spróbować .

Zwykły teks, bez ramek itp. : 

<div style="left: 40px; top: 510px; width: 569px; height: 7px; position: absolute;">

<p><font size="5"><font face="Arial"><font color="white">Tutaj wpisz swój tekst</font></font></font></p></div>

FAQ

Czym jest 'div'? Div to kod, który umożliwia wprowadzenia obiektów na dany obiekt. 

Co znaczy left? Left oznacza położenie od lewej strony, na którym ma być tekst

Co znaczy top? Top to położenie teksu od góry. Mniejsza liczba oznacza położenie do dołu, a mniejsza do góry.

Co znaczy width? Width to szerokość, czyli jaką szerokość ma mieć tekst.

Co znaczy font size? Font size oznacza rozmiar czcionki.

Co znaczy font face? Font face umożliwia zmienienie czcionki teksu. (uwaga, tylko czcionki z komputera, żadnych internetowych.)

Co znaczy font color? Font color umożliwia zmienienia koloru czcionki.

Animacja MARQUEE

Co to animacja MARQUEE? Jest to animacja, która przemieszcza się przez ekran.

Takie coś

Kod :

Zwykła

<marquee>Tu wpisz swój tekst</marquee>

Marquee do góry
 Lecąca w dany kierunek :

<marquee direction="kierunek">Tu wpisz tekst</marquee>

Kierunki do wyboru : left, right, up, down.