Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Samouczek JavaScript ZESTAW DO NAUKI JAVASCRIPT. Krok 1 – zapoznanie JavaScript – jest to język programowania przeznaczony do uatrakcyjnienia stron www;

Podobne prezentacje


Prezentacja na temat: "Samouczek JavaScript ZESTAW DO NAUKI JAVASCRIPT. Krok 1 – zapoznanie JavaScript – jest to język programowania przeznaczony do uatrakcyjnienia stron www;"— Zapis prezentacji:

1 Samouczek JavaScript ZESTAW DO NAUKI JAVASCRIPT

2 Krok 1 – zapoznanie JavaScript – jest to język programowania przeznaczony do uatrakcyjnienia stron www; JavaScript – jest to język programowania przeznaczony do uatrakcyjnienia stron www; W tym samouczku zapoznasz się z podstawami JavaScript i HTMLem

3 Krok 2 - HTML HTML, (Hyper Text Markup Language) to język w którym powstają strony www. Aby zacząć JavaScript, poznajmy najpierw kilka zasad obowiązujących w HTMLu >>>

4 Cała treść kodu HTML mieści się w znacznikach (<>). Nie będziemy się zagłębiali mocno w tajniki, przejdźmy od razu do robienia strony... Znaczniki najważniejsze, otwierający i zamykający stronę www… Znacznik HEAD (to co znajduje się tutaj, nie zostaje wyświetlone); Znacznik BODY (z ang. ciało, to co jest wewnątrz, zostaje wyświetlone na stronie)

5 Teraz poznajmy listę znaczników dla Teraz poznajmy listę znaczników dla Między tymi znacznikami umieszczamy tytuł strony…

6 A teraz znaczniki A teraz znaczniki
Między wstawiamy kolor tła strony Tutaj podaję kilka z nich W cudzysłowach FONT color – kolor w języku angielskim size – wielkość w cyfrach face – nazwa czcionki W cudzysłowach IMG src – url obrazu (adres, np. nazwa.jpg) Ten kod nie ma znacznika zamykającego! BR – enter U – podkreślenie (z j. ang. underline) B – pogrubienie (z j. ang. bolt) S – przekreślenie (z j. ang. strike)

7 Znaczników BODY ciąg dalszy… SUP – indeks górny SUB – indeks dolny A HREF – hiperłącze, w cudzysłowu wpisujemy adres url innej strony www (np. innastrona.html) CENTER – wycentrowanie Ruchomy tekst

8 Początek JavaScript Otwieramy znacznik skryptu Musimy zdefiniować język skryptu (language) aby przeglądarki wiedziały, że to o JavaScript nam chodzi Zamykamy znacznik skryptu

9 I otrzymujemy… STRONA TESTOWA STRONA TESTOWA

TEKST WYCENTROWANY
TEKST PODKREŚLONY, POGRUBIONY Taki powinien być wygląd strony po wpisaniu kodu, np. do notatnika…

10 Teraz dysponując taką więdzą możemy zacząć tworzyć pierwsze skrypty document.write(Mój pierwszy skrypt); Otwieramy znaczniki skryptu… Piszemy komendę napisania wyrazu w nawiasie, w cudzysłowiu… Zamykamy znaczniki skryptu…

11 document.write(tekst);window.alert(alert); Tak samo można zmieniać kod między znacznikami. Mamy więc do dyspozycji: pisanie na ekranie alert (przykład poniżej)

12 document.write( ); Pamiętajmy jednak, aby pisać tekst w cudzysłowiu i nie zapominać o średniku na końcu! Zamiastdocument.write możemy pisać samo write, a w przypadku alertu, samo alert

13 Teraz trochę o zmiennych… var ziemniak = 5 var ziemniak = marchewka var ziemniak = 5 Zmienna, to liczba lub łańcuch tekstu o określonej nazwie Aby zdefiniować (nazwać) zmienną, wstawiamy przed nią var tak jak w przykładzie obok, gdzie zmienna nosi nazwę ziemniak i ma wartość liczbową 5. Jeśli chcemy wstawić łańcuch liczbowy i nazwać ziemniaka marchewką, piszemy: A gdy chcemy, by liczba była łańcuchem? Piszemy ją w cudzysłowie!

14 Operatory matematyczne var zmienna1 = var zmienna2 = 10–8 var zmienna3 = 2*5 var zmienna4 = 15/3 document.write(zmienna1); Operatory matematyczne, to po prostu znaki +,-,*,/ itp. Poznamy na razie tylko te 4 podstawowe Aby wykonać obliczenie, tworzymy najpierw zmienną, do której podłączymy obliczenia: - dodawanie - odejmowanie - mnożenie - dzielenie Aby zobaczyć jaki to wynik, piszemy już bez cudzysłowu, ponieważ odnosimy się do zmiennej, jej nazwę...

15 Dodawanie łańcuchów tekstowych var czesc1 = ziem var czesc2 = niak var calosc = czesc1+czesc2 document.write(calosc);albodocument.write(czesc1+czesc2); Można złączyć ze sobą 2 łańcuchy tekstowe, aby pod nazwą zmiennej tworzyły całość. Nazywamy jedną, potem drugą zmienną, podstawiamy tekst i dokonujemy dodawania... Tak czy inaczej otrzymujemy łańcuch ziemniak.

16 Funkcje w znaczniku HEAD Funkcja, to komenda która jest wykonywana po wywołaniu jej. Na razie brzmi to dość zawile, ale zaraz przekonamy się że jest to dosyć proste. Załóżmy, że mamy stronę i chcemy na niej zamieścić powitanie w alercie, np.

17 OnLoad()OnMouseOver()OnClick() lub Chcemy jednak, aby skrypt włączył się, gdy załaduje się cała strona, a nie np. gdy nie załadowały się jeszcze obrazki. Jak to zrobić? Najpierw poznajmy kilka poleceń. OnLoad - gdy strona się załaduje OnMouseOver - gdy kursor znajdzie się nad (czymś) OnClick - gdy klikniemy na (coś) OnLoad dodajemy do BODY OnMouseOver i OnClick dodajemy do guzika...

18 function nazwafunkcji() { window.alert(Nastąpiło wykonanie funkcji); } Tak więc gdy nastąpi wywołanie funkcji, zostaje wykonana komenda, którą umieszczamy w znacznikach skryptu, najlepiej w strefie HEAD przed tym, co funkcja ma robić wstawiamy nawias klamrowy to samo na zakończeniu

19 Podsumowanie s a k y z c am me oi uN c za ek kr a wM y kz o n a n y p r z e Tak więc zakończyliśmy nasz samouczek i możesz przystąpić do robienia własnej strony www z użyciem techniki JavaScript. Powodzenia!


Pobierz ppt "Samouczek JavaScript ZESTAW DO NAUKI JAVASCRIPT. Krok 1 – zapoznanie JavaScript – jest to język programowania przeznaczony do uatrakcyjnienia stron www;"

Podobne prezentacje


Reklamy Google