18 października 2011

prezentacje html

chcecie sie nauczyc robic prezentacje w html? nic prostrzego już tłumacze :)
pierwsze co robimy pobieramy dobry program graficzny(pobierz tu photoscrapa)
po 1 tło prezentacji :
Powinno być dość duże, najlepiej jest ściągnąć je z jakiejś strony z tapetami, np. tapeciarnia.pl. Obrazek powinien w szerokości mieć ok. 790 pikseli.
Więc kiedy mamy zdjęcie, zaczynamy pracę w Paincie. Przycinamy zdjęcie
póżniej kopiujemy (ctrl+a) otwieramy photoscrape

,otwieramy edytor i wklejamy obrazek

Wybieramy kolejno: Obiekt; wybieramy kształt i kolor ramki którą chcemy mieć. Następnie rysujemy ramkę, możecie jeszcze przełączyć na 100% czyli tak, jak będzie w rzeczywistości:



Następnie klikamy na ikonkę Tekst. Piszemy tytuły okienek, możemy także rozciągać ramki okienek.


Przy rysowaniu, pisaniu itp. możemy pomagać sobie znaczkami które zakreśliłam :) Możecie jeszcze dodać jakieś ozdobniki, np. ramki. Po skończonej pracy klikamy Zapisz w prawym dolnym rogu i tu kończy się etap 1

Po 2
wchodzimi na strone http://imageshack.us/ no i przesyłamy gotowy już obraz naszej prezentacji
gdy sie prześle kopiujemy jej kod HTML
następnie wchodzimy na howrse na naszą prezentacje,przełączamy z trybu normalnego na tryb HTML (duży zielony przycisk na prawo od prezentacji) i wklejamy kod HTML ale żeby dodac okno tekstu trzeba wklec kolejny kod HTML :
<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;">Tekst<br><br><br><br><br><br><br><br><br>Tekst<br></span></div>
 
 
wklejamy go tyle razy ile mamy okienek w ktore chcemy wpisac tekst                                               
i wracamy na tryb normalny gdzie mamy coś takiego
przesuwamy te okienko na miejsce ramek z tekstem i gotowe możemy pisac ale razy kilka razy zapisywac przezentacje w trakcie wklejania bo może będziecie musieli zaczynac cały 2 etap od nowa czyli najpierw wklejamy przezentacje zapisujemy pużniej wklejamy okienka i zapisujemy a poźniej wypisujemy okienka i oczywiscie zapisujemy
KONIEC
jeśli macie problem ze zrobieniem tej prezentacji to piszcze w komentarzach lub na skrzynke na howrse wyjaśnie wam gdzie robicie błąd :) a za niedługo powiem wam jak zrobic ruchome avatary powodzienia w robocie :)
Edola2

5 komentarzy:

  1. Ja mam niestety problem z tymi przesuwakami. Kiedy je przenoszę na miejsce ramek i zapisuje. Kiedy chcę już zacząć pisać nie mogę bo przesuwaków już nie ma.Zostaje tylko słowo "tekst" i to nie na obrazku tylko pod nim lub nad nim. Co robię źle? Proszę o radę.

    OdpowiedzUsuń
    Odpowiedzi
    1. Usunięto na howrse niektóre znaczniki HTML to dlatego.

      Usuń
  2. otóż sprawa wygląda tak że kod na przesuwaczki został zmieniony i jest bardziej zaawansowany ale nie bede pisała w komentarzu napisze nowy post:)

    OdpowiedzUsuń
  3. Ja dostałam gotowy kod html od użytkowniczki i wychodzi mi tylko ramka z 'tekst tekst' itd., mogę dostać instrukcję 'krok po kroku'?

    OdpowiedzUsuń
  4. Witam!
    Mam problem z ramkami ponieważ jak je nakładam na dane dla nich miejsa i zaczynam pisać ,zapisuje to cały tekst jest umieszczony albo na dole albo na górze i problem w tym ,że prezentacja jest pusta ,a tekst gdzieś na końcu:(Błagam o pomoc

    OdpowiedzUsuń